/* Start:/local/templates/main/css/fancybox.css?171152919615598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{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}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.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-prev,.carousel__button.is-next{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, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);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, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{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, 0.94))}@media all and (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, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.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 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);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 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 all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (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 all and (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{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.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,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{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{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.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 rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.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;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);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-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,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;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-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .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:rgba(0,0,0,0)}.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:0px 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-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.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:center center;background-color:rgba(255,255,255,.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(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);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, 0.4))}@media all and (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, 0.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){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/main/css/style.css?1756112392338081*/ @charset "UTF-8"; @font-face { font-family: "Montserrat"; font-display: swap; src: url("/local/templates/main/css/../fonts/Montserrat-Bold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Montserrat-Bold.woff") format("woff"); font-weight: 700; font-style: normal; } @font-face { font-family: "Montserrat"; font-display: swap; src: url("/local/templates/main/css/../fonts/Montserrat-Medium.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Montserrat-Medium.woff") format("woff"); font-weight: 500; font-style: normal; } @font-face { font-family: "Montserrat"; font-display: swap; src: url("/local/templates/main/css/../fonts/Montserrat-Regular.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Montserrat-Regular.woff") format("woff"); font-weight: 400; font-style: normal; } @font-face { font-family: "Montserrat"; font-display: swap; src: url("/local/templates/main/css/../fonts/Montserrat-SemiBold.woff2") format("woff2"), url("/local/templates/main/css/../fonts/Montserrat-SemiBold.woff") format("woff"); font-weight: 600; font-style: normal; } * { padding: 0px; margin: 0px; border: 0px; } *, *:before, *:after { -webkit-box-sizing: border-box; box-sizing: border-box; outline: none; } aside, nav, footer, header, section { display: block; } html { font-size: 16px; scroll-behavior: smooth; } html, body { height: 100%; min-width: 320px; } body { line-height: 1; font-family: "Montserrat"; -ms-text-size-adjust: 100%; -moz-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } input, button, textarea { font-family: "Montserrat"; font-size: inherit; } input::-ms-clear { display: none; } button { cursor: pointer; background-color: inherit; } button::-moz-focus-inner { padding: 0; border: 0; } a, a:visited { text-decoration: none; } a:hover { text-decoration: none; } ul li { list-style: none; } img { vertical-align: top; } h1, h2, h3, h4, h5, h6 { font-weight: inherit; font-size: inherit; } svg path { fill: inherit; opacity: inherit; } tr, td, th { border: 0; } table { border-collapse: collapse; border-spacing: 0; } * { scrollbar-width: thin; scrollbar-color: #828282 transparent; } *::-webkit-scrollbar { height: 0px; width: 0px; } *::-webkit-scrollbar-track { background: transparent; } *::-webkit-scrollbar-thumb { background-color: #828282; border-radius: 0px; border: 0px solid transparent; } .success-text, .loading-text, .error-text { display: none; } .is-success .success-text, .is-loading .loading-text, .is-error .error-text { display: initial; } body::-webkit-scrollbar { height: 8px; width: 8px; } body { color: #fff; } body._lock { overflow: hidden !important; height: 100% !important; } .suggestions-suggestions { color: #000; font-size: 14px; font-weight: 400; padding: 5px; width: 106%; max-height: 300px; overflow-y: auto; left: -6px !important; } .suggestions-suggestions::-webkit-scrollbar { width: 6px; background-color: #f9f9fd; } .suggestions-suggestions::-webkit-scrollbar-thumb { background-color: #797979; } .suggestions-suggestions::-webkit-scrollbar-track { -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.2); background-color: #f9f9fd; } .suggestions-suggestions div, .suggestions-suggestions span { width: 100%; white-space: break-spaces; } .suggestions-suggestions a { display: none !important; } .preloader { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 10000; background-color: #515151; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .preloader.done { opacity: 0; visibility: hidden; } .preloader__image { position: relative; top: 50%; left: 50%; height: 340px; width: 572px; margin-top: -170px; margin-left: -286px; background: url(/local/templates/main/css/../img/preloader.gif) no-repeat 50% 50%; } .loader { display: block; position: relative; left: 50%; top: 50%; width: 150px; height: 150px; margin: -75px 0 0 -75px; border-radius: 50%; border: 3px solid transparent; border-top-color: #667d42; -webkit-animation: spin 2s linear infinite; animation: spin 2s linear infinite; } .loader:before { content: ""; position: absolute; top: 5px; left: 5px; right: 5px; bottom: 5px; border-radius: 50%; border: 3px solid transparent; border-top-color: #68a900; -webkit-animation: spin 3s linear infinite; animation: spin 3s linear infinite; } .loader:after { content: ""; position: absolute; top: 15px; left: 15px; right: 15px; bottom: 15px; border-radius: 50%; border: 3px solid transparent; border-top-color: #a5ff14; -webkit-animation: spin 1.5s linear infinite; animation: spin 1.5s linear infinite; } @-webkit-keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } .wrapper { width: 100%; min-height: 100%; overflow: hidden; 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: #515151; padding-left: 8.334%; padding-top: 7px; } .wrapper.menu-open .about { z-index: -1; position: relative; } .wrapper.menu-open .breadcrumbs { z-index: -1; } ._container { padding: 0px 9.091%; } .form__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .form__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .form__line { position: relative; margin: 0px 0px 30px 0px; } .form__line._focus .form__input-placeholder { font-size: 12px; top: -20px; color: #fff; } .form__line._focus .form__input-clear { opacity: 1; } .form__txta { border-radius: 5px; background-color: #fff; padding: 29px 35px 19px 14px; color: #000000; font-size: 18px; line-height: 22px; width: 100%; resize: vertical; } .form__input { border-radius: 5px; background-color: #fff; color: #000000; font-size: 18px; line-height: 22px; width: 100%; height: 48px; padding: 13px 16px; padding-right: 40px; } .form__input-placeholder { pointer-events: none; position: absolute; top: 13px; left: 14px; color: rgba(0, 0, 0, 0.604535); font-size: 18px; line-height: 22px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .form__input-clear { opacity: 0; cursor: pointer; position: absolute; right: 16px; top: 17px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .button { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0px 0px; } .button._fw { width: 100%; } input[type=text], input[type=email], input[type=tel], textarea { -webkit-appearance: none; -moz-appearance: none; appearance: none; } input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus { outline: none; } textarea { min-height: 87px; padding-top: 13px; resize: vertical; } .parsley-error { border: 2px solid #cb2424; } .checkbox.parsley-error { border: none; } .checkbox.parsley-error .checkbox__text:before { border: 2px solid #cb2424; } .checkbox.parsley-error + .parsley-errors-list { display: none; } .checkbox { position: relative; } .checkbox__input { position: absolute; width: 0; height: 0; opacity: 0; visibility: hidden; } .checkbox__input:checked + .checkbox__text:before { background: url("/local/templates/main/css/../img/svg/check.svg") center no-repeat; } .checkbox__text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 12px; color: rgba(255, 255, 255, 0.5); cursor: pointer; font-weight: normal; line-height: 16px; letter-spacing: normal; } .checkbox__text:before { content: ""; -ms-flex-item-align: start; align-self: flex-start; margin: 0px 14px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 16px; flex: 0 0 16px; left: 0; top: 0; width: 16px; height: 16px; border-radius: 2px; background: #fff; border: 1px solid #a7a9ac; } .checkbox a { color: rgba(255, 255, 255, 0.5); text-decoration: underline; } .checkbox._error .checkbox__text { color: #ee1212; } .checkbox._error .checkbox__text:before { border: 1px solid #ee1212; } .options { 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; } .options__item { position: relative; cursor: pointer; } .options__input { position: absolute; width: 0; height: 0; opacity: 0; left: 0; top: 0; visibility: hidden; } .options__input:checked + .options__text:after { -webkit-transform: scale(1); -ms-transform: scale(1); transform: scale(1); } .options__text { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; position: relative; font-size: 16px; color: #ffffff; letter-spacing: -0.3px; line-height: 1.25; } .options__text:before { content: ""; -ms-flex-item-align: start; align-self: flex-start; margin: 0px 14px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 20px; flex: 0 0 20px; left: 0; top: 0; border-radius: 50%; width: 20px; height: 18px; background: #fff; border: 1px solid #a7a9ac; } .options__text:after { content: ""; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); width: 10px; height: 10px; border-radius: 50%; background-color: #77243a; position: absolute; left: 5px; top: 4px; } .rating { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; font-size: 40px; line-height: 0.75; -webkit-transition: opacity 0.3s ease 0s; -o-transition: opacity 0.3s ease 0s; transition: opacity 0.3s ease 0s; } .rating.rating_sending { opacity: 0.2; } .rating.rating_set .rating__active, .rating.rating_set .rating__item { cursor: pointer; } .rating__body { position: relative; } .rating__body::before { content: "★★★★★"; display: block; } .rating__active { position: absolute; width: 0%; height: 100%; top: 0; left: 0; overflow: hidden; } .rating__active::before { content: "★★★★★"; position: absolute; width: 100%; height: 100%; top: 0; left: 0; color: #ffd300; } .rating__items { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; width: 100%; height: 100%; top: 0; left: 0; } .rating__item { -webkit-box-flex: 0; -ms-flex: 0 0 20%; flex: 0 0 20%; height: 100%; opacity: 0; } .rating__value { font-size: 50%; line-height: 1; padding: 0px 0px 0px 10px; } .quantity { width: 127px; height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; border-radius: 5px; overflow: hidden; } .quantity__button { -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; position: relative; cursor: pointer; background-color: rgba(255, 255, 255, 0.104868); } .quantity__button::before, .quantity__button::after { content: ""; position: absolute; top: 45%; left: 22%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin: 0px 0px 0px 0px; background-color: rgba(255, 255, 255, 0.343892); width: 17px; height: 3px; } .quantity__button_plus::before { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .quantity__input { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .quantity__input input { background-color: rgba(255, 255, 255, 0.104868); height: 100%; color: #fff; font-size: 18px; line-height: 22px; width: 100%; text-align: center; border-radius: 0px; } .green-btn { background: #a5ff14; color: #000; line-height: 18px; font-weight: 400; display: inline-block; height: 48px; border-radius: 3px; padding: 0px 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .green-btn:hover { background: #84d600; } .grey-btn { background: rgba(255, 255, 255, 0.1); color: #fff; line-height: 18px; font-weight: 400; display: inline-block; height: 48px; border-radius: 3px; padding: 0px 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .grey-btn:hover { background: rgba(255, 255, 255, 0.2); } .trnt-btn { background: transparent; color: #fff; line-height: 18px; font-weight: 400; height: 48px; border-radius: 3px; padding: 0px 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: 1px solid #fff; } .trnt-btn:hover { color: #000; background-color: #fff; } .card { border: 1px solid #818181; background: #515151; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; padding: 0px 0px 25px 0px; } .card__link { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card__image { background: #fff; margin: 0px 0px 11px 0px; height: 282px; } .card__image-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .card__center { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; padding: 0px 20px; margin: 0px 0px 20px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card__bottom { padding: 0px 20px; } .card__name { font-size: 16px; line-height: 24px; color: #fff; display: inline-block; margin: 0px 0px 10px 0px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .card__buttons { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card__buttons > div[id] { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .card__button { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px 0px 15px 0px; width: 100%; } .card__button-item { color: #fff; font-size: 14px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 10px 0px; } .card__button-item-span { -ms-flex-negative: 0; flex-shrink: 0; } .card__button-svg { width: 22px; height: 20px; margin: 0px 5px 0px 0px; -ms-flex-negative: 0; flex-shrink: 0; } .card__button-svg use { fill: #a5ff14; } .case-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.3); background: #575757; padding: 0px 0px 45px 0px; color: #fff; } .case-card:hover .more-btn__svg { -webkit-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); transform: translate(10px, 0px); } .case-card__image { margin: 0px 0px 30px 0px; } .case-card__image-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .case-card__center { padding: 0px 50px 0px 43px; margin: 0px 0px 30px 0px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .case-card__name { font-weight: 600; font-size: 20px; line-height: 24px; margin: 0px 0px 22px 0px; color: #fff; display: inline-block; } .case-card__labels { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px 10px 0px; } .case-card__label { font-weight: 600; font-size: 14px; line-height: 17px; background: #000; border-radius: 3px; margin: 0px 7px 5px 0px; padding: 3px 8px 1px 8px; } .case-card__desc { font-size: 16px; line-height: 24px; } .case-card__bottom { padding: 0px 50px 0px 43px; display: -webkit-box; display: -ms-flexbox; display: flex; height: 52px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .case-card__logo { max-width: 240px; } .case-card__logo-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .case-card__more { -webkit-box-flex: 0; -ms-flex: 0 0 50px; flex: 0 0 50px; margin: 0px 0px 0px 15px; } .price__opt { margin: 0px 0px 12px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .price__title { font-size: 12px; line-height: 18px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .price__main { font-weight: 600; font-size: 20px; line-height: 24px; } .price__tippy { margin: 0px 0px 0px 15px; } .price__rozn { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .price__rozn .price__main { font-size: 16px; line-height: 24px; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px 0px 3px 0px; } .price__old { font-weight: 600; font-size: 16px; line-height: 24px; text-decoration: line-through; color: rgba(255, 255, 255, 0.496476); } .price__discount { font-weight: 600; font-size: 14px; line-height: 17px; color: #fff; background-color: #000; padding: 3px 7px; border-radius: 3px; margin: 0px 0px 0px 12px; } .more-btn { font-size: 24px; line-height: 36px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .more-btn:hover .more-btn__svg { -webkit-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); transform: translate(10px, 0px); } .more-btn__text { margin: 0px 24px 0px 0px; } .more-btn__svg { width: 48px; height: 48px; border: 1px solid #fff; border-radius: 50%; padding: 14.5px 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-box-flex: 0; -ms-flex: 0 0 48px; flex: 0 0 48px; } .more-btn__svg use { fill: #fff; } .popular__header { 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; margin: 0px 0px 30px 0px; } .popular__title { font-weight: 600; font-size: 36px; line-height: 44px; margin: 0px 20px 0px 0px; } .popular__slide > div { height: 100%; } .popular__nav { display: -webkit-box; display: -ms-flexbox; display: flex; } .popular__nav-svg { width: 22px; height: 14px; } .popular__nav-svg use { fill: #fff; } .popular__nav-prev_3, .popular__nav-next_3, .popular__nav-prev_2, .popular__nav-next_2, .popular__nav-prev_1, .popular__nav-next_1, .popular__nav-prev, .popular__nav-next { cursor: pointer; border: 1px solid #fff; width: 91px; height: 59px; 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; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .popular__nav-prev_3:hover, .popular__nav-next_3:hover, .popular__nav-prev_2:hover, .popular__nav-next_2:hover, .popular__nav-prev_1:hover, .popular__nav-next_1:hover, .popular__nav-prev:hover, .popular__nav-next:hover { background-color: #fff; } .popular__nav-prev_3:hover .popular__nav-svg use, .popular__nav-next_3:hover .popular__nav-svg use, .popular__nav-prev_2:hover .popular__nav-svg use, .popular__nav-next_2:hover .popular__nav-svg use, .popular__nav-prev_1:hover .popular__nav-svg use, .popular__nav-next_1:hover .popular__nav-svg use, .popular__nav-prev:hover .popular__nav-svg use, .popular__nav-next:hover .popular__nav-svg use { fill: #515151; } .popular-new-slider { position: relative; background: url(/local/templates/main/css/../img/black-blur.png) center/contain no-repeat; } .popular-new-slider .popular__slider { padding-top: 15px; padding-left: 30px; margin-left: -30px; position: relative; } .popular-new-slider .popular__slider .swiper-slide { padding-bottom: 45px; } .popular-new-slider .popular__slider .swiper-slide .card { background: #3d3d3d; border: none; position: relative; border-radius: 5px; } .popular-new-slider .popular__slider .swiper-slide .card::after { display: none; } .popular-new-slider .popular__slider .swiper-slide .card::before { content: ""; position: absolute; bottom: -45px; left: 0px; width: 224px; height: 90px; background: url(/local/templates/main/css/../img/green-blur.png) center/contain no-repeat; z-index: -1; } .popular-new-slider .popular__slider .swiper-slide .card__image { background: none; height: 308px; } .popular-new-slider .popular__slider .swiper-slide .card__image-img { opacity: 0; } .popular-new-slider .popular__slider .swiper-slide .card .price { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); gap: 15px; } .popular-new-slider .popular__slider .swiper-slide .card .price__old, .popular-new-slider .popular__slider .swiper-slide .card .price__discount { display: none; } .popular-new-slider .popular__slider .swiper-slide .card .price__opt { margin: 0; } .popular-new-slider .popular__slider .swiper-slide .card .price__main { font-size: 20px; font-weight: 600; line-height: 120%; } .popular-new-slider .popular__slider .swiper-slide .card__buttons { display: -ms-grid; display: grid; -ms-grid-columns: 1fr (22px)[2]; grid-template-columns: 1fr repeat(2, 22px); gap: 30px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popular-new-slider .popular__slider .swiper-slide .card__button { margin: 0; } .popular-new-slider .popular__slider .swiper-slide .card__button-item { margin: 0; } .popular-new-slider .popular__slider .swiper-slide .card__button-svg { margin: 0; } .popular-new-slider .popular__slider .swiper-slide .card__button-item-span { display: none; } .popular-new-slider .popular__thimb-slider { height: 308px; position: absolute; top: 0; left: 0; width: 100%; padding-right: 30px; margin-right: -30px; pointer-events: none; } .popular-new-slider .popular__thimb-slider .swiper-slide { background: #fff; -webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); box-shadow: 0 0 5px rgba(0, 0, 0, 0.3); border-radius: 5px; overflow: hidden; position: relative; } .popular-new-slider .popular__thimb-slider .swiper-slide.liquidation::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/local/templates/main/css/../img/liquidation.png") no-repeat; pointer-events: none; } .popular-new-slider .popular__thimb-slider .swiper-slide.soon::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/local/templates/main/css/../img/soon.png") no-repeat; pointer-events: none; } .popular-new-slider .popular__thimb-slider .swiper-slide.new::after { content: ""; position: absolute; top: 0; right: 0; width: 100px; height: 101px; background: url("/local/templates/main/css/../img/new.png") no-repeat; pointer-events: none; } .popular-new-slider .popular__thimb-slider .swiper-slide.sale::after { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 101px; background: url("/local/templates/main/css/../img/sale.png") no-repeat; pointer-events: none; } .popular-new-slider .popular__thimb-slider .swiper-slide.under-the-order::after { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 101px; background: url("/local/templates/main/css/../img/order.png") no-repeat; pointer-events: none; } .popular-new-slider .popular__thimb-slider .swiper-slide img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .page-title { padding: 0px 9.091% 0px 50px; margin: 0px 0px 50px 0px; } .page-title__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; position: relative; max-height: 340px; overflow: hidden; border-radius: 10px; } .page-title__text { color: #5e5e5e; z-index: 2; font-weight: 600; font-size: 54px; line-height: 66px; position: absolute; bottom: 40px; left: 108px; width: 100%; padding-right: 550px; } .page-title__text_white { color: #fff; } .page-title__img { -o-object-fit: cover; object-fit: cover; width: 100%; height: auto; } .float-line { --underline-width: 0; --underline-offset-x: 0; --color-underline: #a5ff14; position: relative; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; padding: 0; } .float-line::before { content: ""; display: block; position: absolute; top: 82%; height: 8px; width: var(--underline-width); -webkit-transform: translateX(var(--underline-offset-x)); -ms-transform: translateX(var(--underline-offset-x)); transform: translateX(var(--underline-offset-x)); background-color: var(--color-underline); -webkit-transition: width 0.5s, -webkit-transform 0.5s; transition: width 0.5s, -webkit-transform 0.5s; -o-transition: transform 0.5s, width 0.5s; transition: transform 0.5s, width 0.5s; transition: transform 0.5s, width 0.5s, -webkit-transform 0.5s; } .float-line__item { cursor: pointer; display: block; position: relative; border-bottom: 8px solid transparent; } .float-line__item._active::before { content: ""; display: block; position: absolute; top: 109%; height: 8px; width: 100%; background-color: var(--color-underline); -webkit-transition: width 0.5s, -webkit-transform 0.5s; transition: width 0.5s, -webkit-transform 0.5s; -o-transition: transform 0.5s, width 0.5s; transition: transform 0.5s, width 0.5s; transition: transform 0.5s, width 0.5s, -webkit-transform 0.5s; } .main-title { margin-top: 15px; font-weight: 600; font-size: 36px; line-height: 44px; } .tippy { width: 24px; height: 24px; background-color: rgba(255, 255, 255, 0.2); font-weight: 600; font-size: 16px; line-height: 24px; border-radius: 50%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 3px 0px 0px 0px; cursor: pointer; } .layout__row .catalog__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .layout__row .result__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .layout__col .catalog__card { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } .layout__col .result__card { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; } .video-block { position: relative; width: 100%; max-width: 776px; height: 516px; margin: 0px auto 120px auto; } .video-block.video-is-playing .video-block__stop { display: block; } .video-block.video-is-playing .video-block__play { opacity: 0; visibility: hidden; } .video-block__play { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; z-index: 1; cursor: pointer; -webkit-transition: 0.2s ease; -o-transition: 0.2s ease; transition: 0.2s ease; -webkit-transition-property: opacity, visibility; -o-transition-property: opacity, visibility; transition-property: opacity, visibility; 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; } .video-block__play-btn { color: #fff; 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 20px; line-height: 24px; max-width: 127px; text-align: center; } .video-block__play-btn img { margin: 0px 0px 30px 0px; } .video-block__stop { position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: 1; display: none; cursor: pointer; } .video-block__video { width: 100%; height: 100%; } .video-block__bg { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .parsley-required, .parsley-type { color: #db5959; margin: 5px 0px 0px 0px; } .product__content #uSocial .uscl-slide-open, .product__content .uSocial-Share .uscl-slide-open { z-index: 9; } [data-showmore-button] span:last-child { display: none; } ._showmore-active [data-showmore-button] span { display: none; } ._showmore-active [data-showmore-button] span:last-child { display: block; } .card.liquidation { position: relative; } .card.liquidation::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/local/templates/main/css/../img/liquidation.png") no-repeat; pointer-events: none; } .card.soon { position: relative; } .card.soon::after { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url("/local/templates/main/css/../img/soon.png") no-repeat; pointer-events: none; } .card.new { position: relative; } .card.new::after { content: ""; position: absolute; top: 0; right: 0; width: 100px; height: 101px; background: url("/local/templates/main/css/../img/new.png") no-repeat; pointer-events: none; } .card.under-the-order { position: relative; } .card.under-the-order::after { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 101px; background: url("/local/templates/main/css/../img/order.png") no-repeat; pointer-events: none; } .card.sale { position: relative; } .card.sale::after { content: ""; position: absolute; top: 0; left: 0; width: 100px; height: 101px; background: url("/local/templates/main/css/../img/sale.png") no-repeat; pointer-events: none; } .search-result__item.liquidation .search-result__image { position: relative; } .search-result__item.liquidation .search-result__image::after { content: ""; position: absolute; top: 0; left: 0px; width: 60px; height: 60px; background: url(/local/templates/main/css/../img/liquidation.png) center/contain no-repeat; pointer-events: none; } .search-result__item.soon .search-result__image { position: relative; } .search-result__item.soon .search-result__image::after { content: ""; position: absolute; top: -6px; left: -6px; width: 60px; height: 60px; background: url("/local/templates/main/css/../img/soon.png") center/contain no-repeat; pointer-events: none; } .search-result__item.new .search-result__image { position: relative; } .search-result__item.new .search-result__image::after { content: ""; position: absolute; top: -9px; right: -9px; width: 65px; height: 65px; background: url("/local/templates/main/css/../img/new.png") center/contain no-repeat; pointer-events: none; } .price__tippy { display: none; } .basket-price__min { display: none; } .js_ibg { position: relative; } .js_ibg video, .js_ibg img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } #map { height: 100%; background: url("/local/templates/main/css/../img/loading.gif") center/50px no-repeat; } .swiper-container { overflow: hidden; } .swiper-container .swiper-wrapper { width: 100%; height: 100%; -webkit-box-sizing: content-box; box-sizing: content-box; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .swiper-container.swiper-container-vertical .swiper-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .swiper-container.swiper-container-autoheight .swiper-wrapper { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .swiper-container-initialized .swiper-slide { -ms-flex-negative: 0; flex-shrink: 0; } .swiper-container-android .swiper-slide, .swiper-container-android .swiper-wrapper { -webkit-transform: translate3d(0px, 0, 0); transform: translate3d(0px, 0, 0); } .swiper-button-lock { display: none !important; } .js_tabs-block { display: none; } .js_tabs-block._active { display: block; } .nice-select { -webkit-tap-highlight-color: rgba(0, 0, 0, 0); background-color: rgba(255, 255, 255, 0.104868); border-radius: 20.5px; border: none; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 16px; font-weight: normal; height: 41px; line-height: 39px; outline: none; padding-left: 25px; padding-right: 37px; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; } .nice-select:hover { border-color: #dbdbdb; } .nice-select:active, .nice-select.open, .nice-select:focus { border-color: #999; } .nice-select:after { border-bottom: 1px solid #fff; border-right: 1px solid #fff; content: ""; display: block; height: 8px; margin-top: -5px; pointer-events: none; position: absolute; right: 17px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 8px; } .nice-select.open:after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .nice-select.open .list { opacity: 1; pointer-events: auto; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); } .nice-select.disabled { border-color: #ededed; color: #999; pointer-events: none; } .nice-select.disabled:after { border-color: white; } .nice-select.wide { width: 100%; } .nice-select.wide .list { left: 0 !important; right: 0 !important; } .nice-select.right { float: right; } .nice-select.right .list { left: auto; right: 0; } .nice-select.small { font-size: 12px; height: 36px; line-height: 34px; } .nice-select.small:after { height: 4px; width: 4px; } .nice-select.small .option { line-height: 34px; min-height: 34px; } .nice-select .list { color: #fff; background-color: #636363; border-radius: 20.5px; -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; opacity: 0; overflow: hidden; padding: 0; pointer-events: none; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transform: translateY(-20.5px); -ms-transform: translateY(-20.5px); transform: translateY(-20.5px); -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; } .nice-select .list:hover .option:not(:hover) { background-color: transparent !important; } .nice-select .option { cursor: pointer; font-weight: 400; line-height: 39px; list-style: none; min-height: 39px; outline: none; padding-left: 25px; padding-right: 36px; text-align: left; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus { background-color: #3a3a3a; } .nice-select .option.selected { font-weight: bold; } .nice-select .option.disabled { background-color: transparent; color: #999; cursor: default; } .no-csspointerevents .nice-select .list { display: none; } .no-csspointerevents .nice-select.open .list { display: block; } .tippy-box[data-animation=fade][data-state=hidden] { opacity: 0; } [data-tippy-root] { max-width: calc(100vw - 10px); } .tippy-box { position: relative; background-color: #fff; color: #000; border-radius: 4px; font-size: 14px; line-height: 1.4; outline: 0; -webkit-transition-property: visibility, opacity, -webkit-transform; transition-property: visibility, opacity, -webkit-transform; -o-transition-property: transform, visibility, opacity; transition-property: transform, visibility, opacity; transition-property: transform, visibility, opacity, -webkit-transform; } .tippy-box[data-placement^=top] > .tippy-arrow { bottom: 0; } .tippy-box[data-placement^=top] > .tippy-arrow:before { bottom: -7px; left: 0; border-width: 8px 8px 0; border-top-color: initial; -webkit-transform-origin: center top; -ms-transform-origin: center top; transform-origin: center top; } .tippy-box[data-placement^=bottom] > .tippy-arrow { top: 0; } .tippy-box[data-placement^=bottom] > .tippy-arrow:before { top: -7px; left: 0; border-width: 0 8px 8px; border-bottom-color: initial; -webkit-transform-origin: center bottom; -ms-transform-origin: center bottom; transform-origin: center bottom; } .tippy-box[data-placement^=left] > .tippy-arrow { right: 0; } .tippy-box[data-placement^=left] > .tippy-arrow:before { border-width: 8px 0 8px 8px; border-left-color: initial; right: -7px; -webkit-transform-origin: center left; -ms-transform-origin: center left; transform-origin: center left; } .tippy-box[data-placement^=right] > .tippy-arrow { left: 0; } .tippy-box[data-placement^=right] > .tippy-arrow:before { left: -7px; border-width: 8px 8px 8px 0; border-right-color: initial; -webkit-transform-origin: center right; -ms-transform-origin: center right; transform-origin: center right; } .tippy-box[data-inertia][data-state=visible] { -webkit-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); -o-transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); transition-timing-function: cubic-bezier(0.54, 1.5, 0.38, 1.11); } .tippy-arrow { width: 16px; height: 16px; color: #fff; } .tippy-arrow:before { content: ""; position: absolute; border-color: transparent; border-style: solid; } .tippy-content { position: relative; padding: 5px 9px; z-index: 1; } .lg-actions .lg-next, .lg-actions .lg-prev { background-color: rgba(0, 0, 0, 0.45); border-radius: 2px; color: #999; cursor: pointer; display: block; margin-top: -10px; position: absolute; display: block; width: 20px; height: 36px; top: 50%; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); z-index: 1080; } .lg-actions .lg-next.disabled, .lg-actions .lg-prev.disabled { pointer-events: none; opacity: 0.5; } .lg-actions .lg-next:hover, .lg-actions .lg-prev:hover { color: #fff; } .lg-actions .lg-next { right: 20px; background: url("/local/templates/main/css/../img/svg/arrow_rt_wht.svg") 0 0/100% no-repeat; } .lg-actions .lg-prev { left: 20px; background: url("/local/templates/main/css/../img/svg/arrow_lt_wht.svg") 0 0/100% no-repeat; } @-webkit-keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @keyframes lg-right-end { 0% { left: 0; } 50% { left: -30px; } 100% { left: 0; } } @-webkit-keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } @keyframes lg-left-end { 0% { left: 0; } 50% { left: 30px; } 100% { left: 0; } } .lg-outer.lg-right-end .lg-object { -webkit-animation: lg-right-end 0.3s; animation: lg-right-end 0.3s; position: relative; } .lg-outer.lg-left-end .lg-object { -webkit-animation: lg-left-end 0.3s; animation: lg-left-end 0.3s; position: relative; } .lg-toolbar { z-index: 1082; left: 0; position: absolute; top: 0; width: 100%; background-color: rgba(0, 0, 0, 0.45); } .lg-toolbar .lg-icon { color: #999; cursor: pointer; float: right; font-size: 24px; height: 47px; line-height: 27px; padding: 10px 0; text-align: center; width: 50px; text-decoration: none !important; outline: medium none; -webkit-transition: color 0.2s linear; -o-transition: color 0.2s linear; transition: color 0.2s linear; } .lg-toolbar .lg-icon:hover { color: #fff; } .lg-toolbar .lg-close { background: url("/local/templates/main/css/../img/svg/icon_close_big.svg") center no-repeat; } .lg-toolbar .lg-download { display: none; } .lg-sub-html { background-color: rgba(0, 0, 0, 0.45); bottom: 0; color: #eee; font-size: 16px; left: 0; padding: 10px 40px; position: fixed; right: 0; text-align: center; z-index: 1080; } .lg-sub-html h4 { margin: 0; font-size: 13px; font-weight: bold; } .lg-sub-html p { font-size: 12px; margin: 5px 0 0; } #lg-counter { color: #999; display: inline-block; font-size: 16px; padding-left: 20px; padding-top: 12px; vertical-align: middle; } .lg-toolbar, .lg-prev, .lg-next { opacity: 1; -webkit-transition: -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -o-transition: -o-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; -webkit-transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear; transition: transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.35s cubic-bezier(0, 0, 0.25, 1) 0s, color 0.2s linear, -webkit-transform 0.35s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-hide-items .lg-prev { opacity: 0; -webkit-transform: translate3d(-10px, 0, 0); transform: translate3d(-10px, 0, 0); } .lg-hide-items .lg-next { opacity: 0; -webkit-transform: translate3d(10px, 0, 0); transform: translate3d(10px, 0, 0); } .lg-hide-items .lg-toolbar { opacity: 0; -webkit-transform: translate3d(0, -10px, 0); transform: translate3d(0, -10px, 0); } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-object { -webkit-transform: scale3d(0.5, 0.5, 0.5); transform: scale3d(0.5, 0.5, 0.5); opacity: 0; -webkit-transition: -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -o-transition: -o-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; -webkit-transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; -o-transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1) !important; transition: transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s, opacity 250ms cubic-bezier(0, 0, 0.25, 1), -webkit-transform 250ms cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 50% 50%; -ms-transform-origin: 50% 50%; transform-origin: 50% 50%; } body:not(.lg-from-hash) .lg-outer.lg-start-zoom .lg-item.lg-complete .lg-object { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); opacity: 1; } .lg-outer .lg-thumb-outer { background-color: #0d0a0a; bottom: 0; position: absolute; width: 100%; z-index: 1080; max-height: 350px; -webkit-transform: translate3d(0, 100%, 0); transform: translate3d(0, 100%, 0); -webkit-transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.25s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-thumb-outer.lg-grab .lg-thumb-item { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer .lg-thumb-outer.lg-grabbing .lg-thumb-item { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg-thumb-outer.lg-dragging .lg-thumb { -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; } .lg-outer.lg-thumb-open .lg-thumb-outer { -webkit-transform: translate3d(0, 0%, 0); transform: translate3d(0, 0%, 0); } .lg-outer .lg-thumb { padding: 10px 0; height: 100%; margin-bottom: -5px; } .lg-outer .lg-thumb-item { border-radius: 5px; cursor: pointer; float: left; overflow: hidden; height: 100%; border: 2px solid #fff; border-radius: 4px; margin-bottom: 5px; } .lg-outer .lg-thumb-item.active, .lg-outer .lg-thumb-item:hover { border-color: #a90707; } .lg-outer .lg-thumb-item img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .lg-outer.lg-has-thumb .lg-item { padding-bottom: 120px; } .lg-outer.lg-can-toggle .lg-item { padding-bottom: 0; } .lg-outer.lg-pull-caption-up .lg-sub-html { -webkit-transition: bottom 0.25s ease; -o-transition: bottom 0.25s ease; transition: bottom 0.25s ease; } .lg-outer.lg-pull-caption-up.lg-thumb-open .lg-sub-html { bottom: 100px; } .lg-outer .lg-toggle-thumb { background-color: #0d0a0a; border-radius: 2px 2px 0 0; color: #999; cursor: pointer; font-size: 24px; height: 39px; line-height: 27px; padding: 5px 0; position: absolute; right: 20px; text-align: center; top: -39px; width: 50px; } .lg-outer .lg-toggle-thumb:after { content: "\e1ff"; } .lg-outer .lg-toggle-thumb:hover { color: #fff; } .lg-outer .lg-video-cont { display: inline-block; vertical-align: middle; max-width: 1140px; max-height: 100%; width: 100%; padding: 0 5px; } .lg-outer .lg-video { width: 100%; height: 0; padding-bottom: 56.25%; overflow: hidden; position: relative; } .lg-outer .lg-video .lg-object { display: inline-block; position: absolute; top: 0; left: 0; width: 100% !important; height: 100% !important; } .lg-outer .lg-video .lg-video-play { width: 84px; height: 59px; position: absolute; left: 50%; top: 50%; margin-left: -42px; margin-top: -30px; z-index: 1080; cursor: pointer; } .lg-outer .lg-has-vimeo .lg-video-play { background: url("/local/templates/main/css/../img/vimeo-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-vimeo:hover .lg-video-play { background: url("/local/templates/main/css/../img/vimeo-play.png") no-repeat scroll 0 -58px transparent; } .lg-outer .lg-has-html5 .lg-video-play { background: transparent url("/local/templates/main/css/../img/video-play.png") no-repeat scroll 0 0; height: 64px; margin-left: -32px; margin-top: -32px; width: 64px; opacity: 0.8; } .lg-outer .lg-has-html5:hover .lg-video-play { opacity: 1; } .lg-outer .lg-has-youtube .lg-video-play { background: url("/local/templates/main/css/../img/youtube-play.png") no-repeat scroll 0 0 transparent; } .lg-outer .lg-has-youtube:hover .lg-video-play { background: url("/local/templates/main/css/../img/youtube-play.png") no-repeat scroll 0 -60px transparent; } .lg-outer .lg-video-object { width: 100% !important; height: 100% !important; position: absolute; top: 0; left: 0; } .lg-outer .lg-has-video .lg-video-object { visibility: hidden; } .lg-outer .lg-has-video.lg-video-playing .lg-object, .lg-outer .lg-has-video.lg-video-playing .lg-video-play { display: none; } .lg-outer .lg-has-video.lg-video-playing .lg-video-object { visibility: visible; } .lg-progress-bar { background-color: #333; height: 5px; left: 0; position: absolute; top: 0; width: 100%; z-index: 1083; opacity: 0; -webkit-transition: opacity 0.08s ease 0s; -o-transition: opacity 0.08s ease 0s; transition: opacity 0.08s ease 0s; } .lg-progress-bar .lg-progress { background-color: #a90707; height: 5px; width: 0; } .lg-progress-bar.lg-start .lg-progress { width: 100%; } .lg-show-autoplay .lg-progress-bar { opacity: 1; } .lg-autoplay-button:after { content: "\e01d"; } .lg-show-autoplay .lg-autoplay-button:after { content: "\e01a"; } .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-img-wrap, .lg-outer.lg-css3.lg-zoom-dragging .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transition-duration: 0s; -o-transition-duration: 0s; transition-duration: 0s; } .lg-outer.lg-use-transition-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer.lg-use-left-for-zoom .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; transition: left 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, top 0.3s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-img-wrap { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-outer .lg-item.lg-complete.lg-zoomable .lg-image { -webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -o-transition: -o-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; -webkit-transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; transition: opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; -o-transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s !important; transition: transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.15s, -webkit-transform 0.3s cubic-bezier(0, 0, 0.25, 1) 0s !important; -webkit-transform-origin: 0 0; -ms-transform-origin: 0 0; transform-origin: 0 0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } #lg-zoom-in:after { content: "\e311"; } #lg-actual-size { font-size: 20px; } #lg-actual-size:after { content: "\e033"; } #lg-zoom-out { opacity: 0.5; pointer-events: none; } #lg-zoom-out:after { content: "\e312"; } .lg-zoomed #lg-zoom-out { opacity: 1; pointer-events: auto; } .lg-outer .lg-pager-outer { bottom: 60px; left: 0; position: absolute; right: 0; text-align: center; z-index: 1080; height: 10px; } .lg-outer .lg-pager-outer.lg-pager-hover .lg-pager-cont { overflow: visible; } .lg-outer .lg-pager-cont { cursor: pointer; display: inline-block; overflow: hidden; position: relative; vertical-align: top; margin: 0 5px; } .lg-outer .lg-pager-cont:hover .lg-pager-thumb-cont { opacity: 1; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .lg-outer .lg-pager-cont.lg-pager-active .lg-pager { -webkit-box-shadow: 0 0 0 2px white inset; box-shadow: 0 0 0 2px white inset; } .lg-outer .lg-pager-thumb-cont { background-color: #fff; color: #fff; bottom: 100%; height: 83px; left: 0; margin-bottom: 20px; margin-left: -60px; opacity: 0; padding: 5px; position: absolute; width: 120px; border-radius: 3px; -webkit-transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, -o-transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s; transition: opacity 0.15s ease 0s, transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); } .lg-outer .lg-pager-thumb-cont img { width: 100%; height: 100%; } .lg-outer .lg-pager { background-color: rgba(255, 255, 255, 0.5); border-radius: 50%; -webkit-box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; box-shadow: 0 0 0 8px rgba(255, 255, 255, 0.7) inset; display: block; height: 12px; -webkit-transition: box-shadow 0.3s ease 0s; -o-transition: box-shadow 0.3s ease 0s; -webkit-transition: -webkit-box-shadow 0.3s ease 0s; transition: -webkit-box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s; transition: box-shadow 0.3s ease 0s, -webkit-box-shadow 0.3s ease 0s; width: 12px; } .lg-outer .lg-pager:hover, .lg-outer .lg-pager:focus { -webkit-box-shadow: 0 0 0 8px white inset; box-shadow: 0 0 0 8px white inset; } .lg-outer .lg-caret { border-left: 10px solid transparent; border-right: 10px solid transparent; border-top: 10px dashed; bottom: -10px; display: inline-block; height: 0; left: 50%; margin-left: -5px; position: absolute; vertical-align: middle; width: 0; } .lg-fullscreen:after { content: "\e20c"; } .lg-fullscreen-on .lg-fullscreen:after { content: "\e20d"; } .lg-outer #lg-dropdown-overlay { background-color: rgba(0, 0, 0, 0.25); bottom: 0; cursor: default; left: 0; position: fixed; right: 0; top: 0; z-index: 1081; opacity: 0; visibility: hidden; -webkit-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; -o-transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; transition: visibility 0s linear 0.18s, opacity 0.18s linear 0s; } .lg-outer.lg-dropdown-active .lg-dropdown, .lg-outer.lg-dropdown-active #lg-dropdown-overlay { -webkit-transition-delay: 0s; -o-transition-delay: 0s; transition-delay: 0s; -ms-transform: translate3d(0, 0px, 0); -webkit-transform: translate3d(0, 0px, 0); transform: translate3d(0, 0px, 0); opacity: 1; visibility: visible; } .lg-outer.lg-dropdown-active #lg-share { color: #fff; } .lg-outer .lg-dropdown { background-color: #fff; border-radius: 2px; font-size: 14px; list-style-type: none; margin: 0; padding: 10px 0; position: absolute; right: 0; text-align: left; top: 50px; opacity: 0; visibility: hidden; -ms-transform: translate3d(0, 5px, 0); -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); -webkit-transition: -webkit-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -o-transition: -o-transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; -webkit-transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; transition: visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; -o-transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s; transition: transform 0.18s linear 0s, visibility 0s linear 0.5s, opacity 0.18s linear 0s, -webkit-transform 0.18s linear 0s; } .lg-outer .lg-dropdown:after { content: ""; display: block; height: 0; width: 0; position: absolute; border: 8px solid transparent; border-bottom-color: #fff; right: 16px; top: -16px; } .lg-outer .lg-dropdown > li:last-child { margin-bottom: 0px; } .lg-outer .lg-dropdown > li:hover a, .lg-outer .lg-dropdown > li:hover .lg-icon { color: #333; } .lg-outer .lg-dropdown a { color: #333; display: block; white-space: pre; padding: 4px 12px; font-family: "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif; font-size: 12px; } .lg-outer .lg-dropdown a:hover { background-color: rgba(0, 0, 0, 0.07); } .lg-outer .lg-dropdown .lg-dropdown-text { display: inline-block; line-height: 1; margin-top: -3px; vertical-align: middle; } .lg-outer .lg-dropdown .lg-icon { color: #333; display: inline-block; float: none; font-size: 20px; height: auto; line-height: 1; margin-right: 8px; padding: 0; vertical-align: middle; width: auto; } .lg-outer #lg-share { position: relative; } .lg-outer #lg-share:after { content: "\e80d"; } .lg-outer #lg-share-facebook .lg-icon { color: #3b5998; } .lg-outer #lg-share-facebook .lg-icon:after { content: "\e901"; } .lg-outer #lg-share-twitter .lg-icon { color: #00aced; } .lg-outer #lg-share-twitter .lg-icon:after { content: "\e904"; } .lg-outer #lg-share-googleplus .lg-icon { color: #dd4b39; } .lg-outer #lg-share-googleplus .lg-icon:after { content: "\e902"; } .lg-outer #lg-share-pinterest .lg-icon { color: #cb2027; } .lg-outer #lg-share-pinterest .lg-icon:after { content: "\e903"; } .group { *zoom: 1; } .group:before, .group:after { display: table; content: ""; line-height: 0; } .group:after { clear: both; } .lg-outer { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 1050; opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer * { -webkit-box-sizing: border-box; box-sizing: border-box; } .lg-outer.lg-visible { opacity: 1; } .lg-outer.lg-css3 .lg-item.lg-prev-slide, .lg-outer.lg-css3 .lg-item.lg-next-slide, .lg-outer.lg-css3 .lg-item.lg-current { -webkit-transition-duration: inherit !important; -o-transition-duration: inherit !important; transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important; -o-transition-timing-function: inherit !important; transition-timing-function: inherit !important; } .lg-outer.lg-css3.lg-dragging .lg-item.lg-prev-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-next-slide, .lg-outer.lg-css3.lg-dragging .lg-item.lg-current { -webkit-transition-duration: 0s !important; -o-transition-duration: 0s !important; transition-duration: 0s !important; opacity: 1; } .lg-outer.lg-grab img.lg-object { cursor: -webkit-grab; cursor: -o-grab; cursor: -ms-grab; cursor: grab; } .lg-outer.lg-grabbing img.lg-object { cursor: move; cursor: -webkit-grabbing; cursor: -o-grabbing; cursor: -ms-grabbing; cursor: grabbing; } .lg-outer .lg { height: 100%; width: 100%; position: relative; overflow: hidden; margin-left: auto; margin-right: auto; max-width: 100%; max-height: 100%; } .lg-outer .lg-inner { width: 100%; height: 100%; position: absolute; left: 0; top: 0; white-space: nowrap; } .lg-outer .lg-item { background: url("/local/templates/main/css/../img/loading.gif") no-repeat scroll center center transparent; display: none !important; } .lg-outer.lg-css3 .lg-prev-slide, .lg-outer.lg-css3 .lg-current, .lg-outer.lg-css3 .lg-next-slide { display: inline-block !important; } .lg-outer.lg-css .lg-current { display: inline-block !important; } .lg-outer .lg-item, .lg-outer .lg-img-wrap { display: inline-block; text-align: center; position: absolute; width: 100%; height: 100%; } .lg-outer .lg-item:before, .lg-outer .lg-img-wrap:before { content: ""; display: inline-block; height: 50%; width: 1px; margin-right: -1px; } .lg-outer .lg-img-wrap { position: absolute; padding: 0 5px; left: 0; right: 0; top: 0; bottom: 0; } .lg-outer .lg-item.lg-complete { background-image: none; } .lg-outer .lg-item.lg-current { z-index: 1060; } .lg-outer .lg-image { display: inline-block; vertical-align: middle; max-width: 100%; max-height: 100%; width: auto !important; height: auto !important; } .lg-outer.lg-show-after-load .lg-item .lg-object, .lg-outer.lg-show-after-load .lg-item .lg-video-play { opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-object, .lg-outer.lg-show-after-load .lg-item.lg-complete .lg-video-play { opacity: 1; } .lg-outer .lg-empty-html { display: none; } .lg-outer.lg-hide-download #lg-download { display: none; } .lg-backdrop { position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 1040; background-color: rgba(0, 0, 0, 0.9); opacity: 0; -webkit-transition: opacity 0.15s ease 0s; -o-transition: opacity 0.15s ease 0s; transition: opacity 0.15s ease 0s; } .lg-backdrop.in { opacity: 1; } .lg-css3.lg-no-trans .lg-prev-slide, .lg-css3.lg-no-trans .lg-next-slide, .lg-css3.lg-no-trans .lg-current { -webkit-transition: none 0s ease 0s !important; -o-transition: none 0s ease 0s !important; transition: none 0s ease 0s !important; } .lg-css3.lg-use-css3 .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-use-left .lg-item { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .lg-css3.lg-fade .lg-item { opacity: 0; } .lg-css3.lg-fade .lg-item.lg-current { opacity: 1; } .lg-css3.lg-fade .lg-item.lg-prev-slide, .lg-css3.lg-fade .lg-item.lg-next-slide, .lg-css3.lg-fade .lg-item.lg-current { -webkit-transition: opacity 0.1s ease 0s; -o-transition: opacity 0.1s ease 0s; transition: opacity 0.1s ease 0s; } .lg-css3.lg-slide.lg-use-css3 .lg-item { opacity: 0; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide { -webkit-transform: translate3d(-100%, 0, 0); transform: translate3d(-100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide { -webkit-transform: translate3d(100%, 0, 0); transform: translate3d(100%, 0, 0); } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; } .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-css3 .lg-item.lg-current { -webkit-transition: -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: -o-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -webkit-transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; transition: opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; -o-transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: transform 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s, -webkit-transform 1s cubic-bezier(0, 0, 0.25, 1) 0s; } .lg-css3.lg-slide.lg-use-left .lg-item { opacity: 0; position: absolute; left: 0; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide { left: -100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide { left: 100%; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { left: 0; opacity: 1; } .lg-css3.lg-slide.lg-use-left .lg-item.lg-prev-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-next-slide, .lg-css3.lg-slide.lg-use-left .lg-item.lg-current { -webkit-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; -o-transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; transition: left 1s cubic-bezier(0, 0, 0.25, 1) 0s, opacity 0.1s ease 0s; } .pagging { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .pagging__arrow { -webkit-box-flex: 0; -ms-flex: 0 1 11%; flex: 0 1 11%; height: 40px; border: solid 1px #fff; 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; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pagging__arrow:first-child { margin: 0px 35px 0px 0px; } .pagging__arrow:last-child { margin: 0px 0px 0px 35px; } .pagging__arrow svg { width: 23px; height: 14px; } .pagging__arrow svg use { fill: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pagging__arrow:hover { background-color: #fff; } .pagging__arrow:hover use { fill: #000; } .pagging__list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .pagging__li { -webkit-box-flex: 0; -ms-flex: 0 1 15%; flex: 0 1 15%; height: 40px; border: solid 1px #fff; 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; } .pagging__li-dots { -webkit-box-flex: 0; -ms-flex: 0 1 9.4%; flex: 0 1 9.4%; height: 40px; 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; } .pagging__item { 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; color: #fff; font-size: 18px; line-height: 22px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .pagging__item._active { color: #000; background-color: #fff; } .pagging__item:hover { color: #000; background-color: #fff; } .pagging__item-dots { color: #fff; font-size: 18px; line-height: 22px; } .breadcrumbs { position: relative; z-index: 1; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .breadcrumbs__list { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; } .breadcrumbs__li { margin: 0px 20px 5px 0px; } .breadcrumbs__link { color: #fff; font-size: 16px; line-height: 24px; white-space: nowrap; } .breadcrumbs__link_back-svg { width: 18px; height: 13px; margin: 0px 20px 0px 0px; } .breadcrumbs__link_back-svg use { fill: #a5ff14; } .breadcrumbs__item { color: #fff; font-size: 16px; line-height: 24px; white-space: nowrap; } .popup { -webkit-overflow-scrolling: touch; z-index: 100; position: fixed; top: 0px; left: 0; width: 100%; height: 100%; -webkit-transition: visibility 0.8s ease 0s; -o-transition: visibility 0.8s ease 0s; transition: visibility 0.8s ease 0s; visibility: hidden; } .popup::before { content: ""; background-color: rgba(0, 0, 0, 0.6); position: fixed; width: 100%; height: 100%; top: 0; left: 0; opacity: 0; -webkit-transition: opacity 0.8s ease 0s; -o-transition: opacity 0.8s ease 0s; transition: opacity 0.8s ease 0s; } .popup._active { overflow: hidden; visibility: visible; } .popup._active::before { opacity: 1; } .popup._active .popup__body { -webkit-transition: all 0.3s ease 0.2s; -o-transition: all 0.3s ease 0.2s; transition: all 0.3s ease 0.2s; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); background-image: url(/local/templates/main/css/../img/zasvet-modal.png); background-repeat: no-repeat; background-size: contain; background-position: center left; } .popup__content { 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; min-height: 100%; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 100%; } .popup__body { -webkit-transform: translate(100%, 0px); -ms-transform: translate(100%, 0px); transform: translate(100%, 0px); -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background-color: #515151; padding: 40px 60px; width: 100%; height: 100%; max-width: 684px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; overflow: hidden; } .popup_add-basket .popup__body { max-width: 737px; } .popup__title { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; font-weight: 600; font-size: 36px; line-height: 44px; color: #ffffff; } .popup__close { width: 36px; height: 36px; cursor: pointer; z-index: 30; background: url("/local/templates/main/css/../img/svg/icon_close_big.svg") 0 0 no-repeat; -webkit-box-flex: 0; -ms-flex: 0 0 36px; flex: 0 0 36px; margin: 12px 0px 0px 0px; } .popup__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; padding: 0px 0px 30px 0px; } .popup__top::before { position: absolute; width: 200%; height: 1px; left: -50%; bottom: 0; background: #909090; content: ""; } .popup__center { height: 100%; overflow: auto; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 458px; padding: 30px 0px 0px 0px; } .popup__center.add-basket { max-width: 100%; } .popup__text { font-size: 18px; line-height: 26px; margin: 0px 0px 40px 0px; } .popup__form { margin: 0px 0px 37px 0px; } .popup__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .popup__btns .form__checkbox { margin: 0px 0px 0px 30px; } .popup__btns .form__checkbox .checkbox__text { max-width: 316px; } .popup__btn { font-size: 18px; line-height: 26px; color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; height: 60px; 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; } .popup__btn.trnt-btn { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; width: 240px; } .popup .form__row { margin: 0px 0px 30px 0px; } .popup .form__button.green-btn { height: 60px; width: 240px; } .popup .popup__center { scrollbar-width: thin; scrollbar-color: #828282 transparent; } .popup .popup__center::-webkit-scrollbar { height: 0px; width: 0px; } .popup .popup__center::-webkit-scrollbar-track { background: transparent; } .popup .popup__center::-webkit-scrollbar-thumb { background-color: #828282; border-radius: 0px; border: 0px solid transparent; } .popup_siz, .popup_shoes, .popup_clothes, .modal_catalog { left: 8.334%; padding: 0; width: calc(100vw - 8.334%); overflow: hidden; } .popup_siz::before, .popup_shoes::before, .popup_clothes::before, .modal_catalog::before { width: calc(100vw - 8.334%); left: 8.334%; background-color: #515151; background-image: url(/local/templates/main/css/../img/svg/logo_big.svg), url(/local/templates/main/css/../img/menu-lt_shadows.png); background-repeat: no-repeat; background-position: 91.666% 310px, top right; background-size: auto; } .popup_siz._active, .popup_shoes._active, .popup_clothes._active, .modal_catalog._active { overflow: hidden; } .popup_siz._active .popup__body, .popup_shoes._active .popup__body, .popup_clothes._active .popup__body, .modal_catalog._active .popup__body { -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); -webkit-box-shadow: none; box-shadow: none; background: none; } .popup_siz .popup__content, .popup_shoes .popup__content, .popup_clothes .popup__content, .modal_catalog .popup__content { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; height: 100%; } .popup_siz .popup__body, .popup_shoes .popup__body, .popup_clothes .popup__body, .modal_catalog .popup__body { -webkit-transform: translate(-100%, 0px); -ms-transform: translate(-100%, 0px); transform: translate(-100%, 0px); max-width: 100%; background-color: transparent; height: 100%; padding-left: 0; padding-top: 156px; padding-right: 124px; padding-bottom: 0; } .popup_siz .popup__close, .popup_shoes .popup__close, .popup_clothes .popup__close, .modal_catalog .popup__close { position: static; background: url(/local/templates/main/css/../img/svg/icon_close_big.svg) center 0 no-repeat; -webkit-box-flex: 0; -ms-flex: 0 0 3%; flex: 0 0 3%; min-width: 32px; margin: 10px 0px 0px 17px; } .popup.popup_search .popup__body { max-width: 775px; padding: 40px 49px 40px 115px; background-image: url(/local/templates/main/css/../img/svg/logo_big.svg), url(/local/templates/main/css/../img/zasvet-modal.png); background-size: 588px 508px, contain; background-position: 290% 134%, center left; } .popup.popup_search .popup__body .form { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; max-width: none; margin: 0; } .popup.popup_search .popup__body .form__line { margin: 0; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; position: relative; } .popup.popup_search .popup__body .form__line svg { width: 30px; height: 30px; position: absolute; right: 19px; top: 15px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .popup.popup_search .popup__body .form__line svg use { fill: #324769; } .popup.popup_search .popup__body .form__line._focus svg { opacity: 0; visibility: hidden; } .popup.popup_search .popup__body .form__line._focus .form__input-placeholder { top: -20px; } .popup.popup_search .popup__body .form__line .form__input-clear { right: 29px; top: 22px; } .popup.popup_search .popup__body .form__line .form__input-placeholder { top: 18px; } .popup.popup_search .popup__body .form__input { border-radius: 32px; background-color: #fff; padding: 18px 27px; color: #000000; font-size: 18px; line-height: 22px; width: 100%; height: 58px; padding-right: 60px; } .popup.popup_search .popup__body .form__button { margin: 15px 0px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 6.8%; flex: 0 0 6.8%; min-height: 61px; max-width: 240px; } .popup.popup_search .popup__top { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup.popup_search .popup__close { margin: 0px 0px 0px 40px; } .popup.popup_search .popup__center { max-width: 534px; } .search-result__item { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 25px 0px; } .search-result__image { -webkit-box-flex: 0; -ms-flex: 0 0 80px; flex: 0 0 80px; height: 80px; background: #fff; overflow: hidden; border-radius: 3px; } .search-result__image img { max-width: 100%; } .search-result__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 31px; } .search-result__name { font-size: 16px; line-height: 24px; color: #fff; margin: 0px 0px 11px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .search-result__prices { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; line-height: 24px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; } .search-result__price { color: #fff; margin: 0px 29px 0px 0px; } .search-result__price-old { color: #818181; text-decoration: line-through; font-size: 16px; } .popup.popup_consent .popup__title, .popup.popup_policy .popup__title { font-size: 30px; font-weight: 600; } .popup.popup_consent .popup__text, .popup.popup_policy .popup__text { margin: 0px 0px 20px 0px; font-size: 14px; } .popup.popup_consent .popup__subtitle, .popup.popup_policy .popup__subtitle { font-weight: 500; font-size: 18px; margin: 0px 0px 10px 0px; } .popup.popup_consent .form__button, .popup.popup_policy .form__button { 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; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .popup.popup_consent .form__button:first-child, .popup.popup_policy .form__button:first-child { margin: 0px 10px 0px 0px; } .popup.popup_consent .popup__btns { padding: 30px 0px 0px 0px; } .popup.popup_basket .popup__body { max-width: 960px; padding: 40px 60px 40px 0px; position: relative; z-index: 2; position: relative; } .popup.popup_basket .popup__body::after { content: ""; height: 100%; width: 1px; position: absolute; right: 335px; top: 0; background: #909090; } .popup.popup_basket .popup__top { margin: 0px 0px 0px 48px; padding: 0; } .popup.popup_basket .popup__top::before { display: none; } .popup.popup_basket .popup__title { color: #fff; font-weight: 600; font-size: 36px; line-height: 44px; } .popup.popup_basket .popup__center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; overflow: hidden; max-width: 100%; } .popup.popup_basket .popup__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; height: 100%; overflow: auto; padding: 0px 0px 0px 0px; } .popup.popup_basket .popup__left::-webkit-scrollbar { height: 5px; width: 5px; } .popup.popup_basket .popup__left::-webkit-scrollbar-thumb { background-color: #9b9b9b; } .popup.popup_basket .popup__right { -webkit-box-flex: 0; -ms-flex: 0 0 275px; flex: 0 0 275px; padding: 0px 0px 0px 35px; overflow: auto; } .popup.popup_basket .available-title { display: none; padding: 8px 48px; background-color: #343434; font-weight: 600; font-size: 17px; line-height: 21px; } .popup_basket.basket-empty .popup__body { max-width: 336px; padding: 20px; } .popup_basket.basket-empty .popup__body::after { display: none; } .popup_basket.basket-empty .popup__top { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .popup_basket.basket-empty .popup__center { 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup_basket.basket-empty .popup__empty-logo { width: 52px; height: 43px; margin-bottom: 42px; } .popup_basket.basket-empty .popup__empty-icon { width: 100%; height: 100%; } .popup_basket.basket-empty .popup__empty-icon use { fill: rgba(255, 255, 255, 0.5); } .popup_basket.basket-empty .popup__empty-text { font-weight: 400; font-size: 24px; line-height: 36px; text-align: center; } .basket-card { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 20px 16px 20px 45px; max-width: 705px; position: relative; border-bottom: 1px solid #909090; } .basket-card__image { -webkit-box-flex: 0; -ms-flex: 0 0 11%; flex: 0 0 11%; height: 102px; border-radius: 3px; overflow: hidden; background: #fff; } .basket-card__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .basket-card__center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 0px 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .basket-card__name { font-size: 16px; line-height: 24px; color: #fff; margin: 0px 0px 11px 0px; } .basket-card__name:hover, .basket-card__name:focus { color: #fff; } .basket-card__size { font-size: 18px; line-height: 24px; margin: 0px 0px 15px 0px; } .basket-card__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-flex-wrap: wrap; flex-wrap: wrap; } .basket-card__prices { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 20px; line-height: 20px; font-weight: 500; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px 0px 15px 0px; } .basket-card__price { color: #fff; margin: 0px 19px 0px 0px; } .basket-card__price-old { color: #818181; text-decoration: line-through; font-weight: 600; font-size: 16px; line-height: 24px; } .basket-card__price-total { font-weight: 600; font-size: 20px; line-height: 24px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 10px; } .basket-card__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: center; -ms-flex-align: center; align-items: center; } .basket-card__del { margin: 0px 0px 18px 0px; } .basket-card__del .basket-card__svg { width: 15px; height: 19px; } .basket-card__favor { margin: 0px 0px 19px 0px; } .basket-card__favor .basket-card__svg { width: 22px; height: 20px; } .basket-card__favor.remove .basket-card__svg use { fill: #a5ff14; } .basket-card__compare .basket-card__svg { width: 14px; height: 17px; } .basket-card__compare.remove .basket-card__svg use { fill: #a5ff14; } .basket-card__svg use { fill: #c0c0c0; } .basket-card__not-available { color: #ffaeae; font-size: 14px; line-height: 22px; margin: 10px 0px 0px 95px; position: absolute; left: 0; bottom: 0; } .basket-price__wrapper { padding: 5px 0px 0px 0px; } .basket-price__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 20px 0px; } .basket-price__row_total { margin: 30px 0px 30px 0px; } .basket-price__row_total .basket-price__min { max-width: 100%; } .basket-price__name { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; font-size: 14px; line-height: 22px; color: #fff; margin: 0px 0px 7px 0px; } #bx-soa-order-form .basket-price__name { margin: 0px 0px 7px 0px; } .basket-price__cost { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; font-size: 30px; line-height: 24px; font-weight: 600; margin-bottom: 20px; } #bx-soa-order-form .basket-price__cost { margin-bottom: 20px; } .basket-price__svg { width: 12px; height: 18px; position: absolute; right: 19px; top: 15px; opacity: 1; visibility: visible; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .basket-price__svg use { fill: #fff; } .basket-price__rub { font-size: 16px; line-height: 24px; } .basket-price__txt { font-size: 14px; line-height: 22px; font-weight: 400; max-width: 155px; } .basket-price__min { color: #ffaeae; font-size: 14px; line-height: 22px; font-weight: 400; max-width: 155px; } .basket-price__discount { font-size: 15px; line-height: 24px; color: #2d8e0f; margin: 0px 0px 28px 0px; } .basket-price__line.form__line { margin: 0; } .basket-price__line .form__input-placeholder { color: rgba(255, 255, 255, 0.63); } .basket-price__line._focus .basket-price__svg { opacity: 0; visibility: hidden; } .basket-price__promocode { background: rgba(255, 255, 255, 0.104868); color: #fff; } .basket-price__button { height: 60px; width: 100%; margin: 30px 0px 0px 0px; text-align: center; } .basket-price__button.trnt-btn { padding: 0px; } .popup_register .popup__center > .popup__btn { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .popup_video .popup__body { max-width: 100%; } .popup_video .popup__close_video { margin: 0px 0px 20px 0px; } .popup_video .popup__video { width: 100%; height: 100%; padding-bottom: 100px; } .popup_video .popup__video iframe { width: 100%; height: 100%; } .popup_video .popup__video video { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .form__line_radio { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .popup.popup_register .popup__nav { margin-bottom: 20px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .popup.popup_register .popup__nav-item { font-size: 16px; line-height: 22px; color: #fff; font-weight: bold; padding: 12px 16px; border-radius: 10px; background-color: rgba(255, 255, 255, 0.104868); cursor: pointer; max-width: 214px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .popup.popup_register .popup__nav-item::after { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; content: ""; display: block; width: 24px; height: 24px; border-radius: 50%; border: solid 2px #979797; margin: 0px 0px 0px 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .popup.popup_register .popup__nav-item._active { -webkit-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.5019607843); box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.5019607843); background-color: rgba(0, 0, 0, 0.17); color: #fff; } .popup.popup_register .popup__nav-item._active::after { -webkit-box-shadow: 0 0 0 2px #979797; box-shadow: 0 0 0 2px #979797; background-color: white; border: solid 4px #434343; } .popup.popup_register .popup__nav-item:first-child { margin: 0px 20px 0px 0px; } .popup_size-table .popup__body { max-width: 737px; } .popup_size-table .popup__top { -ms-flex-wrap: wrap; flex-wrap: wrap; } .popup_size-table .popup__top::before { display: none; } .popup_size-table .popup__text { margin-top: 23px; margin-bottom: 30px; } .popup_size-table .popup__nav { min-height: 90px; 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; } .popup_size-table .popup__nav-row { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; border-bottom: 2px solid #fff; overflow: auto; overflow-y: hidden; } .popup_size-table .popup__nav-item { font-weight: 400; font-size: 16px; line-height: 24px; white-space: nowrap; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .popup_size-table .popup__nav-item:not(:last-child) { margin-right: 20px; } .popup_size-table .popup__center { max-width: 100%; } .size-table { overflow: hidden; } .size-table__box { overflow: auto; margin-bottom: 30px; } .size-table__title { font-weight: 600; font-size: 17px; line-height: 21px; margin-bottom: 15px; } .size-table__item { white-space: nowrap; } .size-table__table { width: 100%; } .size-table__table thead { background: rgba(255, 255, 255, 0.101107); } .size-table__table th { min-width: 150px; } .size-table__table tbody tr:nth-child(even) { background: rgba(255, 255, 255, 0.101107); } .size-table__table .size-table__title { text-align: left; font-style: normal; font-weight: 600; font-size: 17px; line-height: 21px; } .size-table__table .size-table__headline { font-style: normal; font-weight: 400; font-size: 16px; line-height: 20px; text-align: center; padding: 15px 5px; } .size-table__table .size-table__item { padding: 17px 5px; text-align: center; } .add-basket__card { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 19px; margin-bottom: 36px; } .add-basket__img { -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; height: 80px; overflow: hidden; border-radius: 3px; } .add-basket__img img { width: 100%; } .add-basket__name { font-size: 16px; line-height: 24px; color: #fff; margin-bottom: 11px; } .add-basket__price .price { display: -webkit-box; display: -ms-flexbox; display: flex; gap: 16px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .add-basket__table { padding-bottom: 100px; } .add-basket__headline { display: -ms-grid; display: grid; gap: 20px; -ms-grid-columns: 265px 124px 1fr; grid-template-columns: 265px 124px 1fr; margin-bottom: 14px; padding-left: 18px; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; } .add-basket__col-name { font-weight: 600; font-size: 17px; line-height: 21px; white-space: nowrap; } .add-basket__col-name .product__sizes-link { font-weight: 400; margin: 0; margin-left: 20px; } .add-basket__row { display: -ms-grid; display: grid; gap: 20px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -ms-grid-columns: 245px 300px; grid-template-columns: 245px 300px; padding: 8px 0; padding-left: 36px; min-width: -webkit-min-content; min-width: -moz-min-content; min-width: min-content; } .add-basket__row:nth-child(even) { background: rgba(255, 255, 255, 0.101107); } .add-basket__qa { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 20px; } .add-basket__stock { font-size: 14px; line-height: 22px; white-space: nowrap; } .add-basket__stock.red { color: #FFAEAE; } .add-basket__bottom { position: absolute; bottom: 0; left: 0; right: 0; -webkit-box-shadow: -10px 0px 64px rgba(0, 0, 0, 0.5); box-shadow: -10px 0px 64px rgba(0, 0, 0, 0.5); padding: 21px 100px 27px 64px; 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; background: #515151; gap: 20px; } .add-basket__total-count { font-weight: 600; font-size: 17px; line-height: 21px; } .add-basket__button { -webkit-box-flex: 0; -ms-flex: 0 0 221px; flex: 0 0 221px; } .header { border-top: 3px dashed #a4a4a4; padding: 25px 124px 0px 52px; margin: 0px 0px 25px 0px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: relative; z-index: 10; } .header::before { content: ""; -webkit-transition: visibility 0.3s ease 1s; -o-transition: visibility 0.3s ease 1s; transition: visibility 0.3s ease 1s; visibility: hidden; } .header.open-menu-lt { position: fixed; width: 91.666%; left: 8.334%; top: 7px; z-index: 10000; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header.open-menu-lt::before { visibility: visible; position: absolute; top: -10px; left: 0; width: 100%; height: 150px; background-color: #525252; background-image: url(/local/templates/main/css/../img/menu-lt_shadows.png); background-repeat: no-repeat; background-position: top right; z-index: 1; } .header__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; position: relative; z-index: 100; } .header__logo { 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; margin: 6px 51px 0px 0px; position: relative; } .header__logo-svg { height: 111px; width: 323px; } .header__logo-svg use { fill: #fff; } .header__logo-text { color: #000; background: #a5ff14; font-size: 22px; line-height: 1.2; font-weight: 600; padding: 2px 6px; border-radius: 7px; position: absolute; top: 42px; left: 21px; } .header__menu { -webkit-box-flex: 1; -ms-flex: 1 1 30%; flex: 1 1 30%; } .header__phone-icon { width: 23px; height: 32px; } .header__phone-icon use { fill: #fff; } .header__col { 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: end; -ms-flex-align: end; align-items: flex-end; -ms-flex-negative: 0; flex-shrink: 0; margin: 0px 45px 0px 0px; } .header__tel { font-weight: 400; font-size: 24px; line-height: 36px; color: #fff; margin: 0px 0px 7px 0px; } .header__pseudo-link { border-bottom: 1px dashed #fff; font-size: 14px; line-height: 16px; color: #fff; -webkit-transition: all 0.1s ease 0s; -o-transition: all 0.1s ease 0s; transition: all 0.1s ease 0s; } .header__pseudo-link:hover { border-bottom: 1px dashed transparent; } .header__city { cursor: pointer; margin: 12px 0px 0px 0px; position: relative; padding-bottom: 20px; } .header__city:hover .menu__link-arrow { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } .header__city:hover .city__dropdown { opacity: 1; visibility: visible; pointer-events: all; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .header__city:hover .header__pseudo-link { border-bottom: 1px dashed transparent; } .header__city-mark { width: 14px; height: 18.71px; } .header__city-text { font-size: 14px; } .header__search { margin: 6px 0px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 1 19.26%; flex: 0 1 19.26%; } .header__search:hover .header__search-icon { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .header__search-link { background: #fff; padding: 0px 26px; border-radius: 32px; 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; min-width: 251px; height: 58px; } .header__search-text { color: #3d4a62; line-height: 19.5px; } .header__search-icon { width: 24px; height: 24px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .header__search-icon use { fill: #324769; } .city__dropdown { -webkit-transform: translate(0px, 10%); -ms-transform: translate(0px, 10%); transform: translate(0px, 10%); pointer-events: none; opacity: 0; visibility: hidden; background: #fff; border-radius: 5px; overflow: hidden; padding: 10px 0px; -webkit-box-shadow: 0px 32px 82px rgba(0, 0, 0, 0.216684); box-shadow: 0px 32px 82px rgba(0, 0, 0, 0.216684); position: absolute; min-width: 214px; top: 30px; left: -30%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; z-index: 12; } .city__link { color: #000; line-height: 24px; display: block; padding: 20px 40px 20px 20px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .city__link:hover { background: #d8d8d8; } .menu__list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .menu__item { margin: 0px 35px 0px 0px; } .menu__item_dropdown { position: relative; } .menu__item_dropdown:hover .menu__link-arrow { -webkit-transform: scale(-1); -ms-transform: scale(-1); transform: scale(-1); } .menu__item_dropdown:hover .menu__dropdown { opacity: 1; visibility: visible; pointer-events: all; -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px); transform: translate(0px, 0px); } .menu__link { color: #fff; padding: 10px 0px; display: inline-block; cursor: pointer; position: relative; } .menu__link::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu__link:hover { color: #fff; } .menu__link:hover::before { width: 100%; } .menu__green-star { width: 19px; height: 19px; } .menu__green-star use { fill: #a5ff14; } .menu__link-arrow { width: 14px; height: 7px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu__link-arrow use { fill: #fff; } .menu__dropdown { -webkit-transform: translate(0px, 10%); -ms-transform: translate(0px, 10%); transform: translate(0px, 10%); pointer-events: none; opacity: 0; visibility: hidden; background: #fff; border-radius: 5px; overflow: hidden; padding: 10px 0px; -webkit-box-shadow: 0px 32px 82px rgba(0, 0, 0, 0.216684); box-shadow: 0px 32px 82px rgba(0, 0, 0, 0.216684); position: absolute; min-width: 214px; top: 36px; left: -30%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu__dropdown .menu__link { color: #000; line-height: 24px; display: block; padding: 20px 40px 20px 20px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu__dropdown .menu__link:hover { background: #d8d8d8; } .menu__dropdown .menu__item { margin: 0; } .menu-rt { position: fixed; z-index: 100; right: 3.4%; top: 55px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .menu-rt__link { position: relative; margin: 0px 0px 30px 0px; display: inline-block; } .menu-rt__link:hover .menu-rt__icon { -webkit-transform: scale(1.3); -ms-transform: scale(1.3); transform: scale(1.3); } .menu-rt__count { position: absolute; top: -16px; right: -22px; color: #000; line-height: 19.5px; font-weight: 600; border-radius: 8px; background-color: #a5ff14; padding: 2px 7px; } .menu-rt__icon { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 30px; height: 24px; } .menu-rt__icon use { fill: #fff; } .menu-lt { position: fixed; top: 0; left: 0; height: 100%; width: 8.334%; background: rgba(0, 0, 0, 0.286713); overflow: auto; z-index: 10; } .menu-lt__logo { border-bottom: 1px solid rgba(255, 255, 255, 0.160839); width: 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; padding-bottom: 15px; padding: 0px 10px; min-height: 157px; position: relative; } .menu-lt__logo img { max-width: 100%; position: absolute; top: 0; } .menu-lt__list { 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; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .menu-lt__item { width: 100%; height: 100%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .menu-lt__item:hover { background: #2e2c30; } .menu-lt__category { 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: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-bottom: 1px solid rgba(255, 255, 255, 0.160839); width: 100%; height: 100%; min-height: 110px; text-align: center; } .menu-lt__cat-logo { margin: 0px 0px 10px 0px; pointer-events: none; width: 54px; height: 63px; -o-object-fit: contain; object-fit: contain; } .menu-lt__text { color: #fff; line-height: 24px; pointer-events: none; } .menu-lt__inner { display: -webkit-box; display: -ms-flexbox; display: flex; height: 100%; position: relative; } .menu-lt__subcategory { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; min-width: 760px; } .menu-lt__sub-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .menu-lt__sub-item { -webkit-box-flex: 0; -ms-flex: 0 0 379px; flex: 0 0 379px; border: 1px solid transparent; border-radius: 5px 5px 5px 5px; overflow: hidden; } .menu-lt__sub-item._active .menu-lt__sub-link { color: #a5ff14; } .menu-lt__sub-item:nth-child(2) { border-radius: 5px 15px 5px 5px; } .menu-lt__sub-item:nth-child(6), .menu-lt__sub-item:nth-child(7) { border-radius: 5px 5px 15px 5px; } .menu-lt__sub-link { color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-weight: 600; font-size: 30px; line-height: 36px; background: #2e2c30; display: block; min-height: 167px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding: 0px 40px 30px 50px; } .menu-lt__sub-link:hover { color: #a5ff14; } .menu-lt__images { position: relative; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; height: 1360px; margin: 0px 0px 0px 20px; } .menu-lt__img { position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; -o-object-fit: contain; object-fit: contain; } .menu-mobile { display: none; position: fixed; top: 0; left: -100%; height: 100vh; width: 100%; background-color: #515151; z-index: 100; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; overflow: auto; padding: 35px 0px 0px 0px; border-top: 3px dashed #a4a4a4; padding-bottom: 100px; } .menu-mobile._active { left: 0; } .menu-mobile__close { cursor: pointer; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0px 30px 0px 0px; z-index: 15; } .sub-menu-open .menu-mobile__close { position: fixed; top: 38px; right: 0; } .menu-mobile .menu-lt__category { background: #393939; } .menu-mobile .menu-lt__category._active { background: #2e2c30; } .icon-menu { display: none; } .menu-catalog__list { overflow: auto; background: #2E2C30; border-radius: 0px 10px 0px 0px; } .menu-catalog__item:first-child .menu-catalog__link { border-radius: 0px 10px 0px 0px; } .menu-catalog__link { background: #2E2C30; border-bottom: 2px solid #515151; font-weight: 600; font-size: 20px; line-height: 24px; color: #FFFFFF; padding: 0px 18px 0px 50px; 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; min-height: 76px; } .menu-catalog__link:hover { background: #A5FF14; color: #000; } .menu-catalog__link:hover use { fill: #040404; } .menu-catalog__link[data-parent] .menu-catalog__link-svg { display: block; } .menu-catalog__link-svg { width: 11px; height: 20px; display: none; } .menu-catalog__link-svg use { fill: #A5FF14; } .sub-menu-catalog { overflow: auto; border-radius: 10px 10px 0px 0px; } .sub-menu-open .sub-menu-catalog { border-left: 2px solid #515151; background: #3f3e41; } .sub-menu-catalog__back { margin-left: 25px; } .sub-menu-catalog__svg { opacity: 0.5; width: 37px; height: 32px; } .sub-menu-catalog__svg use { fill: #fff; } .sub-menu-catalog__block { height: 100%; } .sub-menu-catalog__block._sub-menu-open { display: block; } .sub-menu-catalog__list { overflow: auto; height: 100%; } .sub-menu-catalog__item:first-child .sub-menu-catalog__link { border-radius: 10px 10px 0px 0px; } .sub-menu-catalog__link { background: #3F3E41; color: #fff; padding: 0px 50px; min-height: 76px; border-bottom: 2px solid #515151; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 20px; line-height: 24px; } .sub-menu-catalog__link:hover { color: #a5ff14; } .footer { border-top: 3px dashed #a4a4a4; margin: 130px 0px 0px 0px; background: url(/local/templates/main/css/../img/footer_green_shadow.png) bottom center no-repeat; background-size: contain; } .thanks-page .footer { margin: 0; } .footer__form { margin: 0px 0px 60px 0px; } .footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .footer__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__col:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .footer__col:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 233px; flex: 0 0 233px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 35px; } .footer__menu { margin: 0px 0px 44px 0px; } .footer__menu-list { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 25px; -webkit-column-gap: 35px; -moz-column-gap: 35px; column-gap: 35px; } .footer__menu-link { color: #fff; line-height: 20px; position: relative; } .footer__menu-link::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer__menu-link:hover::before { width: 100%; } .footer__center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 40px; max-width: 600px; margin: 0px 0px 30px 0px; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer__inner { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .footer__phone { color: #fff; font-size: 14px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 10px 0px; } .footer__phone-svg { width: 12px; height: 15px; margin: 0px 14px 0px 0px; } .footer__phone-svg use { fill: #fff; } .footer__mail { color: #fff; font-size: 14px; line-height: 22px; } .footer__mail-svg { width: 16px; height: 12px; margin: 0px 12px 0px 0px; } .footer__mail-svg use { fill: #fff; } .footer__working { font-size: 14px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; } .footer__working-svg { margin: 0px 13px 0px 0px; width: 15px; height: 15px; } .footer__working-svg use { fill: #fff; } .footer__adders { max-width: 168px; font-size: 14px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; display: none; } .footer__adders-svg { -webkit-box-flex: 0; -ms-flex: 0 0 12px; flex: 0 0 12px; width: 12px; height: 16px; margin: 0px 14px 0px 0px; } .footer__adders-svg use { fill: #fff; } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 0; -ms-flex: 0 1 225px; flex: 0 1 225px; display: none !important; } .footer__social-link { display: inline-block; width: 32px; height: 32px; } .footer__social-img { width: 100%; height: 100%; } .footer__price { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; display: none; } .footer__price-link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 9px 0px 0px; color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer__price-svg { width: 20px; height: 20px; margin: 0px 12px 0px 0px; } .footer__price-svg use { fill: #a5ff14; } .footer__price-link-text { color: #fff; line-height: 24px; position: relative; } .footer__price-link-text::before { content: ""; position: absolute; left: 0; bottom: 0; width: 0%; height: 1px; background-color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer__price-link-text:hover::before { width: 100%; } .footer__price-doc { opacity: 50%; line-height: 22px; } .footer__callback { min-width: 198px; height: 48px; } .footer__pay { width: 100%; max-width: 205px; } .form-footer { background-color: #414141; background-image: url(/local/templates/main/css/../img/svg/footer_bg.svg); background-repeat: no-repeat; background-blend-mode: color-burn; background-position: -160px center; } .form-footer__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding: 56px 0px 50px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .form-footer__text { -webkit-box-flex: 0; -ms-flex: 0 1 360px; flex: 0 1 360px; margin: 0px 90px 0px 0px; font-size: 18px; line-height: 26px; font-weight: 400; } .form-footer__form { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 510px; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .form-footer .form__line { margin: 0px 12px 0px 0px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .form-footer__input { border-radius: 5px; } .form-footer__btn { -webkit-box-flex: 0; -ms-flex: 0 0 176px; flex: 0 0 176px; } .markets { max-width: 420px; } .markets__title { margin: 0px 0px 14px 0px; font-size: 14px; line-height: 22px; } .markets__row { 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; } .markets__link { display: none; } .markets__link:first-child { display: block; } .copyright__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; padding: 40px 0px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .copyright__item { font-size: 14px; line-height: 21px; color: #fff; } .copyright__item:last-child { color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; /* &:hover { color: #a00000; svg { use { fill: #a00000; } } } */ } .copyright__item:last-child svg { width: 75px; height: 13px; margin: 0px 0px 0px 10px; } .copyright__item:last-child use { fill: #b7dfff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .payment { text-align: right; } .payment__text { font-size: 14px; line-height: 22px; color: #fff; margin: 0px 0px 10px 0px; display: inline-block; } .payment__row { 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; } .top-button { position: fixed; bottom: 38px; right: 3.4%; opacity: 0; visibility: hidden; z-index: 99; width: 55px; height: 64px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; margin: 0px -15px 0px 0px; } .top-button._active { opacity: 1; visibility: visible; } .top-button:hover .top-button__arrow { -webkit-transform: translate(0px, -6px) scale(1.1); -ms-transform: translate(0px, -6px) scale(1.1); transform: translate(0px, -6px) scale(1.1); } .top-button:hover .top-button__arrow use { fill: #a5ff14; } .top-button__arrow { width: 100%; height: 100%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .top-button__arrow use { fill: #a9a9a9; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .footer review-lab-simple { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0; } .footer review-lab-simple #review-lab-simple { padding: 10px; max-width: 100%; min-width: 0; border-radius: 10px; } .footer review-lab-simple #review-lab-simple::before { content: "Наш рейтинг"; color: #000; font-size: 18px; margin-bottom: 7px; font-weight: 500; } .footer review-lab-simple #review-lab-simple .review-lab-simple__icon { display: none; } .footer review-lab-simple #review-lab-simple .review-lab-simple__footer { display: none; } .footer review-lab-simple #review-lab-simple .review-lab-simple__source-wr { display: none; } .footer review-lab-simple #review-lab-simple .review-lab-simple__list { padding: 0; } .footer review-lab-simple #review-lab-simple .review-lab-simple__item { margin: 0; } .footer review-lab-simple #review-lab-simple .review-lab-simple__number { font-weight: 500; font-size: 24px; } .footer review-lab-simple #review-lab-simple .review-lab-simple__star { width: 24px; height: 24px; } .index-about { padding: 60px 0px 80px 0px; background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(60, 60, 60)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(75%, rgba(0, 0, 0, 0)), color-stop(85%, rgb(81, 81, 81))), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: -o-linear-gradient(top, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 75%, rgb(81, 81, 81) 85%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: linear-gradient(180deg, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 75%, rgb(81, 81, 81) 85%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background-position: 0 0, 100% 35%; } .index-about__title { opacity: 0.7498; color: #FFF; font-family: Montserrat; font-size: 80px; font-weight: 700; margin-top: 97px; margin-bottom: 45px; } .index-about__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 44px; max-width: 1050px; margin-bottom: 68px; } .index-about__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .index-about__col:last-child { -ms-flex-item-align: end; align-self: flex-end; } .index-about__desc { font-size: 24px; line-height: 36px; margin: 0px 0px 50px 0px; max-width: 896px; } .index-about__more { -ms-flex-item-align: start; align-self: flex-start; } .index-about__regalia { margin: 0px 0px 80px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .index-about__regalia:not(:first-child) { display: none; } .index-about__regalia-num { font-weight: 600; font-size: 76px; line-height: 24px; color: #a5ff14; margin: 0px 0px 25px 0px; } .index-about__regalia-text { font-size: 24px; line-height: 36px; } .index-about__text { max-width: 1028px; font-weight: 400; line-height: 32px; font-size: 20px; } .index-about__text p { margin-bottom: 20px; } .index-works { padding: 75px 0px; } .index-works__wrapper { margin: 0px 0px 55px 0px; } .index-works__header { 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; margin: 0px 0px 30px 0px; } .index-works__title { font-weight: 600; font-size: 36px; line-height: 44px; margin: 0px 20px 0px 0px; } .index-works__nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; z-index: 1; } .index-works__nav-svg { width: 22px; height: 14px; } .index-works__nav-svg use { fill: #fff; } .index-works__nav-next, .index-works__nav-prev { cursor: pointer; border: 1px solid #fff; width: 91px; height: 59px; 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; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .index-works__nav-next:hover, .index-works__nav-prev:hover { background-color: #fff; } .index-works__nav-next:hover .index-works__nav-svg use, .index-works__nav-prev:hover .index-works__nav-svg use { fill: #515151; } .index-works__slider { margin: -45px 0px 0px 0px; padding: 10px; } .index-works__slider .swiper-slide { padding: 75px 0px 0 0; background: url(/local/templates/main/css/../img/footer_green_shadow.png) center top no-repeat; background-size: 100% 75px; } .index-callback { background: #414141; padding-top: 50px; padding-bottom: 50px; } .callback__title { opacity: 0.7498; color: #FFF; font-size: 80px; font-weight: 700; margin-bottom: 40px; } .callback__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .callback__col { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .callback__col:first-child { margin: 0px 60px 0px 0px; } .callback__col:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 460px; flex: 0 0 460px; } .callback__text { font-size: 20px; line-height: 28px; max-width: 750px; margin: 0px 0px 38px 0px; } .callback__bg { background: url(/local/templates/main/css/../img/form_callback_bg.png); background-position: -20px -20px; height: 100%; max-width: 740px; min-height: 60px; } .callback__form .form__button { width: 177px; margin: 0px 42px 0px 0px; -ms-flex-negative: 0; flex-shrink: 0; } .index-services { padding-top: 111px; margin-bottom: 95px; } .services__title { color: #FFF; font-size: 36px; font-weight: 600; margin-bottom: 40px; } .services__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .services__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; position: relative; padding: 0px 60px 37px 66px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; height: 313px; border: 2.5px solid transparent; border-radius: 10px; overflow: hidden; } .services__item:hover .more-btn__svg { -webkit-transform: translate(10px, 0px); -ms-transform: translate(10px, 0px); transform: translate(10px, 0px); } .services__item::before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.0001)), color-stop(31.76%, rgba(0, 0, 0, 0.00819215)), to(rgba(0, 0, 0, 0.832141))), rgba(0, 0, 0, 0.313259); background: -o-linear-gradient(top, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.00819215) 31.76%, rgba(0, 0, 0, 0.832141) 100%), rgba(0, 0, 0, 0.313259); background: linear-gradient(180deg, rgba(0, 0, 0, 0.0001) 0%, rgba(0, 0, 0, 0.00819215) 31.76%, rgba(0, 0, 0, 0.832141) 100%), rgba(0, 0, 0, 0.313259); z-index: 1; } .services__more { position: relative; z-index: 5; font-weight: 600; font-size: 30px; line-height: 37px; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .index-sale { position: relative; } .index-sale__nav { position: absolute; z-index: 3; top: 10px; left: 10px; right: 10px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-sale__nav-btn { cursor: pointer; border: 1px solid #fff; width: 91px; height: 59px; 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; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .index-sale__nav-btn:hover { background-color: #fff; } .index-sale__nav-btn:hover .index-sale__nav-svg use { fill: #515151; } .index-sale__nav-svg { width: 22px; height: 14px; } .index-sale__nav-svg use { fill: #fff; } .index-sale__fractions { pointer-events: none; position: absolute; bottom: 10px; left: 50%; -webkit-transform: translate(-50%, 0%); -ms-transform: translate(-50%, 0%); transform: translate(-50%, 0%); z-index: 3; } .index-sale__slide { position: relative; padding: 35px 40px; padding-top: 14.3%; padding-top: 205px; width: 100%; } .index-sale__image-ibg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: -1; } .index-sale__row { z-index: 2; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .index-sale__title { color: #a5ff14; font-weight: 700; line-height: 43px; font-size: 40px; background: #000; padding: 20px 40px; max-width: 380px; } .index-sale__link { color: #A5FF14; font-size: 20px; font-weight: 600; background: #000; border-radius: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 26px; padding: 9px; padding-left: 28px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .index-sale__link svg { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .index-sale__link:hover { background: #fff; color: #000; } .index-sale__link:hover svg { fill: #000; } .index-sale__link::before { content: ""; position: absolute; top: 0; left: 0; bottom: 0; right: 0; } .index-catalog { margin-top: 70px; margin-bottom: 87px; } .index-catalog__grid { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); gap: 30px; grid-auto-rows: 13.13vw; } .index-catalog__item { position: relative; border-radius: 10px; overflow: hidden; } .index-catalog__item:first-child { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } .index-catalog__item:last-child { -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3/5; } .index-catalog__item:hover { cursor: pointer; } .index-catalog__item:hover .index-catalog__item-name { color: #fff; } .index-catalog__item:hover .index-catalog__link svg { fill: #fff; } .index-catalog__item:hover .index-catalog__image-ibg img:first-child { opacity: 0; visibility: hidden; } .index-catalog__item:hover .index-catalog__image-ibg img:last-child { opacity: 1; visibility: visible; } .index-catalog__image-ibg { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; } .index-catalog__image-ibg img { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: absolute; width: 100%; height: 100%; top: 0; left: 0; -o-object-fit: cover; object-fit: cover; } .index-catalog__image-ibg img:last-child { opacity: 0; visibility: hidden; } .index-catalog__col { position: relative; z-index: 2; padding: 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .index-catalog__item-name { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; color: #000; font-family: Montserrat; font-size: 26px; font-weight: 600; line-height: 28px; max-width: 100px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .index-catalog__link::before { content: ""; position: absolute; top: 0; left: 0; right: 0; bottom: 0; } .index-catalog__link svg { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; fill: #000; } .index-opt { margin-bottom: 93px; } .index-opt__title { opacity: 0.7498; margin-bottom: 44px; color: #FFF; font-size: 80px; font-weight: 700; } .index-opt__row { display: -ms-grid; display: grid; gap: 180px; -ms-grid-columns: 1fr 0.875fr; grid-template-columns: 1fr 0.875fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .index-opt__text { color: #FFF; font-size: 20px; font-weight: 400; line-height: 32px; } .index-opt__text p { margin-bottom: 20px; } .index-opt__image-ibg img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .gost { margin-bottom: 98px; } .gost__title { color: #FFF; font-size: 80px; font-weight: 700; opacity: 0.7498; margin-bottom: 44px; } .gost__row { display: -ms-grid; display: grid; gap: 130px; -ms-grid-columns: 0.875fr 1fr; grid-template-columns: 0.875fr 1fr; -webkit-box-align: start; -ms-flex-align: start; align-items: start; } .gost__image-ibg img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .gost__text { color: #FFF; font-size: 18px; font-weight: 400; line-height: 26px; margin-bottom: 50px; } .gost__links { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 20px; } .index-trust { margin-bottom: 88px; } .index-articles { margin-bottom: 75px; } .index-articles .articles__content { max-width: 1280px; } .index-faq .faq__spollers { max-width: 1280px; } .index-sliders .popular { margin-bottom: 70px; } .rewiews .widget__header, .rewiews .widget__footer { display: none; } .rewiews review-lab .widget__pag_prev::before { content: ""; display: block; width: 32px; height: 32px; background: url(/local/templates/main/css/../img/svg/arrow_lt_black.svg) center center no-repeat; } .rewiews review-lab .widget__pag_prev:hover::before { content: ""; background: url(/local/templates/main/css/../img/svg/arrow_lt_wht.svg) center center no-repeat; } .rewiews review-lab .widget__pag_next::before { content: ""; display: block; width: 32px; height: 32px; background: url(/local/templates/main/css/../img/svg/arrow_rt_black.svg) center center no-repeat; } .rewiews review-lab .widget__pag_next:hover::before { content: ""; background: url(/local/templates/main/css/../img/svg/arrow_rt_wht.svg) center center no-repeat; } .rewiews review-lab .widget__pag { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .rewiews review-lab .widget__pag:hover { background: rgba(0, 0, 0, 0); -webkit-box-shadow: none; box-shadow: none; border: 1px solid #fff; } .rewiews review-lab .widget__pag .icon { display: none; } .catalog { margin: 30px 0px 0px 0px; } .catalog__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; margin: 0px 70px 0px 0px; } .catalog__sidebar._init .category-side__title { font-size: 16px; } .catalog__category { margin-bottom: 36px; } .catalog__filter-btn { -webkit-box-flex: 0; -ms-flex: 0 0 55px; flex: 0 0 55px; 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; width: 55px; height: 55px; background: rgba(255, 255, 255, 0.104868); border-radius: 3px; margin-left: 25px; } .catalog__filter-btn img { width: 20px; height: 20px; } .catalog__body { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .catalog__header { margin: 0px 0px 30px 0px; } .catalog__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px 60px 0px; width: 100%; } .catalog__card { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.32)); filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.32)); } .catalog__card > div[id] { height: 100%; } .catalog__card:hover { -webkit-transform: translate(0px, -11px); -ms-transform: translate(0px, -11px); transform: translate(0px, -11px); -webkit-filter: drop-shadow(15px 15px 23px rgba(0, 0, 0, 0.32)); filter: drop-shadow(15px 15px 23px rgba(0, 0, 0, 0.32)); } .category__title { font-size: 0; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .category__col { background: #3a3a3a; border-radius: 8px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 13px 11px; } .category__item { padding: 13px 16px; color: #fff; font-weight: normal; font-size: 16px; line-height: 20px; border-radius: 8px; background: transparent; } .category__item._active { background: -webkit-gradient(linear, right top, left top, from(#a5ff14), to(#d9ff9b)); background: -o-linear-gradient(right, #a5ff14 0%, #d9ff9b 100%); background: linear-gradient(270deg, #a5ff14 0%, #d9ff9b 100%); -webkit-box-shadow: 2px 2px 2px #3c6001; box-shadow: 2px 2px 2px #3c6001; color: #000; } .category__item:hover { background: -webkit-gradient(linear, right top, left top, from(#a5ff14), to(#d9ff9b)); background: -o-linear-gradient(right, #a5ff14 0%, #d9ff9b 100%); background: linear-gradient(270deg, #a5ff14 0%, #d9ff9b 100%); -webkit-box-shadow: 2px 2px 2px #3c6001; box-shadow: 2px 2px 2px #3c6001; color: #000; } .sort { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .sort__box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 30px 0px 0px; } .sort__title { margin: 0px 30px 0px 0px; } .sort__select_mw { min-width: 255px; margin: 0px 30px 0px 0px; } .sort__layout { display: -webkit-box; display: -ms-flexbox; display: flex; } .sort__layout-btn { cursor: pointer; } .layout-col { margin: 0px 30px 0px 0px; } .layout-col._active .layout-col__svg use { opacity: 0.5; } .layout-col__svg { width: 20px; height: 20px; } .layout-col__svg use { fill: #fff; opacity: 0.2; } .layout-row._active .layout-row__svg use { opacity: 0.5; } .layout-row__svg { width: 23px; height: 19px; } .layout-row__svg use { fill: #fff; opacity: 0.2; } .section_text { padding-top: 20px; } .section_text h2, .section_text h3, .section_text h4, .section_text h5, .section_text h6 { font-weight: 600; line-height: normal; } .section_text h2 { font-size: 21px; margin: 17.5px 0; line-height: normal; } .section_text h3 { margin: 16.4px 0; font-size: 16px; line-height: normal; } .section_text ol { margin: 14px 0; padding-left: 25px; font-size: 14px; line-height: normal; } .section_text p { margin: 14px 0; font-size: 14px; line-height: normal; } .section_text dd { padding-left: 20px; line-height: normal; } .section_text ul { margin: 14px 0; padding-left: 25px; font-size: 14px; line-height: normal; } .section_text ul li { list-style: disc; } .product-bottom .popular:not(:last-child) { margin: 0px 0px 80px 0px; } .product { margin: 16px 0px 0px 0px; } .product__title { font-weight: 600; font-size: 36px; line-height: 44px; margin: 0px 0px 45px 0px; } .product__content { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 50px 0px; } .product__left { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; max-width: 740px; } .product__left-bottom { margin: 40px 0px 0px 100px; } .product__link-to-delivery { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 20px 0px; } .product__link-to-delivery-svg { width: 20px; height: 20px; margin: 0px 14px 0px 0px; } .product__link-to-delivery-svg use { fill: #a5ff14; } .product__link-to-delivery-text { line-height: 24px; color: #fff; margin: 0px 14px 0px 0px; } .product__link-to-delivery-arrow { width: 18px; height: 13px; } .product__link-to-delivery-arrow use { fill: #a5ff14; } .product__share { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-right: 45px; } .product__share-text { margin: 0px 25px 0px 0px; } .product__right { -webkit-box-flex: 0; -ms-flex: 0 0 640px; flex: 0 0 640px; background: #3a3a3a; border-radius: 10px; padding: 31px 64px 40px 100px; margin: 14px 0px 0px -40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__advantages { display: -ms-grid; display: grid; margin: 0px 0px 25px 0px; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .product__advantages-item { margin: 0px 14px 15px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; text-align: center; } .product__advantages-img { width: 31px; height: 45px; -o-object-fit: contain; object-fit: contain; margin-bottom: 10px; } .product__advantages-text { font-size: 12px; line-height: 1.1; } .product__desc { margin: 0px 0px 33px 0px; font-size: 16px; line-height: 20px; } .product__desc p { padding-bottom: 10px; } .product__desc ul { padding-left: 25px; margin-bottom: 10px; } .product__desc ul li { list-style: disc; margin-bottom: 7px; } .product__desc-more-btn { font-size: 14px; line-height: 22px; color: #a5ff14; cursor: pointer; } .product__sizes { margin: 0px 0px 25px 0px; } .product__sizes-title { font-weight: normal; font-size: 12px; line-height: 22px; } .product__sizes-select .nice-select { background-color: #fff; border-radius: 5px; color: #000; padding-left: 15px; line-height: 41px; } .product__sizes-select .nice-select::after { border-bottom: 1px solid #000; border-right: 1px solid #000; } .product__sizes-select .nice-select .list { border-radius: 5px; width: 100%; color: #000; background-color: #fff; max-height: 240px; overflow: auto; } .product__sizes-select .nice-select .list::-webkit-scrollbar { height: 5px; width: 5px; } .product__sizes-select .nice-select .list::-webkit-scrollbar-thumb { border-radius: 30px; } .product__sizes-select .nice-select .option.selected.focus, .product__sizes-select .nice-select .option:hover { background-color: #f6f6f6; } .product__sizes-link { display: inline-block; margin: 12px 0px 0px 0px; font-size: 14px; line-height: 22px; color: #a5ff14; } .product__price { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 40px 0px; } .product__price .price { width: 100%; } .product__price .price__opt { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .product__price .price__opt .price__main { font-weight: 600; font-size: 30px; line-height: 34px; } .product__price .price__title { font-size: 14px; line-height: 22px; margin: 0px 0px 10px 0px; } .product__price .price__main { font-weight: 600; font-size: 22px; line-height: 20px; } .product__price .price__rozn { max-width: 280px; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .product__price .price__rozn .price__main { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 10px 0px 0px; } .product__price .price__old { font-weight: 600; font-size: 22px; line-height: 20px; } .product__price-main { font-weight: 600; font-size: 30px; line-height: 20px; margin: 0px 35px 0px 0px; } .product__price-old { font-weight: 600; font-size: 22px; line-height: 20px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; opacity: 0.5; } .product__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 360px; } .product__bottom .quantity { margin: 0px 13px 0px 0px; } .product__bottom .quantity + div { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product__bottom .card__button { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; } .product__bottom .card__button-item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin: 15px 0px 0px 0px; } .slider-product { display: -webkit-box; display: -ms-flexbox; display: flex; } .slider-product__inner { margin: 0px 14px 0px 0px; } .slider-product__nav { height: 616px; width: 86px; } .slider-product__nav-image { height: 100%; border-radius: 10px; overflow: hidden; background: #fff; cursor: pointer; } .slider-product__nav-image img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .slider-product__nav-btns { margin: 15px 0px 0px 0px; } .slider-product__nav-prev, .slider-product__nav-next { width: 100%; height: 44px; border: 1px solid #fff; 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; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; cursor: pointer; } .slider-product__nav-prev:hover, .slider-product__nav-next:hover { background: #fff; } .slider-product__nav-prev:hover .slider-product__nav-svg use, .slider-product__nav-next:hover .slider-product__nav-svg use { fill: #515151; } .slider-product__nav-svg { height: 22px; width: 14px; } .slider-product__nav-svg use { fill: #fff; } .slider-product__big { width: 100%; } .slider-product__image { height: 100%; background: #fff; border-radius: 10px; overflow: hidden; } .slider-product__image video, .slider-product__image img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .product__tabs { margin: 0px 0px 80px 0px; } .product__tab-items { border-bottom: 2px solid #fff; margin: 0px 0px 50px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; overflow: auto; overflow-y: hidden; } .product__tab-item { font-size: 16px; line-height: 24px; margin: 0px 60px 0px 0px; cursor: pointer; white-space: nowrap; } .product__tab-blocks { margin: 0px 0px 0px 10px; } .product__block_second .product__advantages-item { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product__block_second .product__advantages-img { margin-right: 15px; width: 45px; -webkit-box-flex: 0; -ms-flex: 0 0 45px; flex: 0 0 45px; height: 45px; } .product__block_second .product__advantages-text { font-size: 16px; text-align: left; } .product__block-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__spec { margin-bottom: 50px; } .product__row { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 50px); flex: 0 1 calc(50% - 50px); display: -webkit-box; display: -ms-flexbox; display: flex; padding: 0px 0px 30px 0px; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .product__spec-name { font-weight: normal; font-size: 16px; line-height: 20px; margin: 0px 0px 5px 0px; } .product__spec-value { font-weight: 600; font-size: 16px; line-height: 20px; } #uSocial .ico_uscl.uscl-fb, .uSocial-Share .ico_uscl.uscl-fb { display: none; } .product-item-detail-info-container.open .product-item-scu-container::after { -webkit-transform: rotate(-135deg); -ms-transform: rotate(-135deg); transform: rotate(-135deg); } .product-item-detail-info-container-title { font-weight: normal; font-size: 12px; line-height: 22px; } .product-item__title { padding-right: 37px; padding-left: 15px; } .product-item-scu-container { border: none; -webkit-box-sizing: border-box; box-sizing: border-box; clear: both; cursor: pointer; display: block; float: left; font-family: inherit; font-size: 16px; font-weight: normal; height: 41px; outline: none; position: relative; text-align: left !important; -webkit-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; width: 100%; background-color: #fff; border-radius: 5px; color: #000; line-height: 41px; } .product-item-scu-container::after { border-bottom: 1px solid #000; border-right: 1px solid #000; content: ""; display: block; height: 8px; margin-top: -5px; pointer-events: none; position: absolute; right: 17px; top: 50%; -webkit-transform-origin: 66% 66%; -ms-transform-origin: 66% 66%; transform-origin: 66% 66%; -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); -webkit-transition: all 0.15s ease-in-out; -o-transition: all 0.15s ease-in-out; transition: all 0.15s ease-in-out; width: 8px; } .product-item-scu-item-list { -webkit-box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); box-shadow: 0 0 0 1px rgba(68, 68, 68, 0.11); -webkit-box-sizing: border-box; box-sizing: border-box; margin-top: 4px; padding: 0; position: absolute; top: 100%; left: 0; -webkit-transform-origin: 50% 0; -ms-transform-origin: 50% 0; transform-origin: 50% 0; -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; -o-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out; z-index: 9; border-radius: 5px; width: 100%; color: #000; background-color: #fff; max-height: 240px; overflow: auto; } .product-item-scu-item-list::-webkit-scrollbar { height: 5px; width: 5px; } .product-item-scu-item-text { cursor: pointer; font-weight: 400; line-height: 39px; list-style: none; min-height: 39px; outline: none; padding-left: 25px; padding-right: 36px; text-align: left; -webkit-transition: all 0.2s; -o-transition: all 0.2s; transition: all 0.2s; } .data { margin: 15px 0px 60px 0px; } .data__title { margin: 0px 0px 35px 0px; } .data__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; min-height: 438px; } .personal-data { -webkit-box-flex: 0; -ms-flex: 0 1 43%; flex: 0 1 43%; background-color: #393939; margin: 0px 50px 0px 0px; padding: 25px 40px 60px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .personal-data__header { 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; margin: 0px 0px 28px 0px; } .personal-data__title { font-size: 30px; font-weight: 500; } .personal-data__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .personal-data__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 10px 0px; -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; -webkit-transition: margin-bottom 0.3s ease 0s; -o-transition: margin-bottom 0.3s ease 0s; transition: margin-bottom 0.3s ease 0s; } .personal-data__row._active { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .personal-data__row._active .personal-data__text { font-size: 0; } .personal-data__row._active .personal-data__change { display: none; } .personal-data__row._active .personal-data__change-block { opacity: 1; visibility: visible; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: auto; } .personal-data__row.show-msg { margin-bottom: 30px; } .personal-data__row.show-msg .personal-data__row-msg { visibility: visible; opacity: 1; } .personal-data__row-msg { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: absolute; top: 100%; left: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; visibility: hidden; opacity: 0; color: #43b627; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .personal-data__row-msg.err { color: #db5959; } .personal-data__name { font-size: 16px; line-height: 18px; -webkit-box-flex: 0; -ms-flex: 0 0 25%; flex: 0 0 25%; margin: 0px 10px 0px 0px; min-width: 115px; } .personal-data__text { font-size: 16px; line-height: 18px; font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; -webkit-transition: font-size 0.3s ease 0s; -o-transition: font-size 0.3s ease 0s; transition: font-size 0.3s ease 0s; overflow-wrap: anywhere; } .personal-data__change { margin: 0px 0px 0px 16px; } .personal-data__change-svg { width: 20px; height: 20px; } .personal-data__change-svg use { fill: #a7b6cb; } .personal-data__change-block { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0; flex: 0; opacity: 0; visibility: hidden; width: 0; } .personal-data__change-block .form__line { margin: 0; width: 100%; } .personal-data__btn { margin: 0px 0px 0px 5px; padding: 0px 10px; } .personal-data__log-out { margin: 0px 0px 0px 14px; padding: 0px 18px; } .personal-data__btn-svg { width: 12px; height: 18px; } .personal-data__btn-svg use { fill: #fff; } .personal-data__btns { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .addresses { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; background-color: #393939; padding: 25px 10px 60px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .addresses__header { margin: 0px 0px 28px 0px; 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; padding: 0px 30px 0px 0px; } .addresses__title { font-size: 30px; color: #fff; font-weight: 500; } .addresses__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; max-height: 276px; overflow: auto; margin-bottom: 20px; padding: 0px 25px 0px 0px; } .addresses__content::-webkit-scrollbar { height: 5px; width: 5px; } .addresses__content::-webkit-scrollbar-thumb { background-color: #9b9b9b; } .addresses__btn-add { padding: 0px 30px; } .addresses__item { margin: 0px 0px 25px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .addresses__input { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; margin: 0px 20px 0px 0px; -webkit-appearance: none; -moz-appearance: none; appearance: none; background-color: #4c4c4c; width: 24px; height: 24px; border-radius: 50%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; border: 12px solid #fff; cursor: pointer; } .addresses__input:checked { border: 5px solid #fff; } .addresses__input:hover { border: 9px solid #fff; } .addresses__label { cursor: pointer; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .addresses__item-name { font-weight: 600; font-size: 17px; line-height: 21px; margin: 0px 0px 6px 0px; min-height: 21px; } .addresses__item-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .addresses__item-text { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; font-size: 14px; line-height: 22px; padding: 0px 10px 0px 0px; } .addresses__change-data { -webkit-box-flex: 0; -ms-flex: 0 0 190px; flex: 0 0 190px; } .addresses__del-btn { -webkit-box-flex: 0; -ms-flex: 0 0 38px; flex: 0 0 38px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; margin-top: 10px; } .addresses__del-btn:hover .addresses__del-btn-svg use { fill: #c07d7d; } .addresses__del-btn-svg { width: 18.16px; height: 23px; } .addresses__del-btn-svg use { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; fill: #9ca3b0; } .orders { padding-bottom: 38px; } .orders__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 40px 0px; } .orders__title { margin: 0px 36px 0px 0px; font-size: 30px; font-weight: 500; } .orders__select .nice-select { border-radius: 20px; height: 41px; font-size: 16px; line-height: 24px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-right: 32px; } .orders__select .nice-select::after { top: 45%; } .orders__select .nice-select .list { border-radius: 20px; } .orders__list { margin: 0px 0px 38px 0px; } .orders__item:not(:last-child) { margin: 0px 0px 40px 0px; } .orders .pagging { padding: 0; } .order { background-color: #393939; padding: 8px; padding-top: 25px; position: relative; } .order__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px 0px 35px 0px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .order__status { position: relative; padding: 15px 35px; left: -16px; color: #fff; font-size: 16px; font-weight: bold; } .order__invoice { max-width: 190px; } .order__invoice-button { margin: 0px 0px 5px 0px; 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; } .order__invoice-text { font-size: 14px; } .order__details { padding: 0px 40px; display: -webkit-box; display: -ms-flexbox; display: flex; } .order__details-col { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .order__details-col:first-child { margin: 0px 20px 0px 0px; } .order__details-row { display: -webkit-box; display: -ms-flexbox; display: flex; font-size: 16px; line-height: 18px; margin: 0px 0px 30px 0px; } .order__details-name { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } .order__details-content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 600; } .order__more-btn { 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: 48px; color: #fff; background-color: rgba(255, 255, 255, 0.1); } .order__cards { padding: 38px 42px 44px 120px; overflow: hidden; } .order__cards-title { font-size: 20px; font-weight: 500; margin: 0px 0px 35px 0px; } .order__card { margin: 0px 0px 35px 0px; } .order__total { font-size: 20px; line-height: 20px; font-weight: 500; padding: 38px 0px 0px 100px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; } .order__total::before { content: ""; display: block; width: 150%; height: 1px; position: absolute; top: 0; left: -50px; background-color: #e3e3e3; } .order__text { margin: 0px 170px 0px 0px; } .status__accepted { background-color: #d3ad36; } .status__paid { background-color: #a9b600; } .status__sent { background-color: #43b627; } .status__completed { background-color: #43b627; } .status__canceled { background-color: #d33c36; } .card-order { display: -webkit-box; display: -ms-flexbox; display: flex; } .card-order__image { -webkit-box-flex: 0; -ms-flex: 0 0 74px; flex: 0 0 74px; margin: 0px 25px 0px 0px; height: 85px; background-color: #fff; border-radius: 3px; overflow: hidden; } .card-order__image img { max-width: 100%; -o-object-fit: contain; object-fit: contain; } .card-order__col { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .card-order__name { font-size: 16px; line-height: 24px; color: #fff; margin: 0px 20px 15px 0px; } .card-order__size { color: #000; display: inline-block; margin: 0px 0px 15px 0px; } .card-order__prices { display: -webkit-box; display: -ms-flexbox; display: flex; font-weight: normal; font-size: 20px; line-height: 28px; color: #fff; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -ms-flex-wrap: wrap; flex-wrap: wrap; row-gap: 10px; } .card-order__price { margin: 0px 70px 0px 0px; } .card-order__quantity { margin: 0px 70px 0px 0px; } .result { margin: 30px 0px 0px 0px; } .result.compare { margin-bottom: 90px; max-width: 1100px; } .result__title { font-weight: 600; font-size: 36px; line-height: 44px; margin: 0px 0px 40px 0px; } .result__text { font-size: 24px; line-height: 36px; } .result__header { margin: 0px 0px 30px 0px; } .result__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0px 0px 70px 0px; } .result__card { -webkit-box-flex: 0; -ms-flex: 0 1 20%; flex: 0 1 20%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; -webkit-filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.32)); filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.32)); } .result__card:hover { -webkit-transform: translate(0px, -11px); -ms-transform: translate(0px, -11px); transform: translate(0px, -11px); -webkit-filter: drop-shadow(15px 15px 23px rgba(0, 0, 0, 0.32)); filter: drop-shadow(15px 15px 23px rgba(0, 0, 0, 0.32)); } .advantages { padding: 100px 0px 0px 0px; border-top: 3px dashed #a4a4a4; } .advantages.index-advantages { border: none; padding: 0; margin-bottom: 65px; } .advantages__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin: 0px 0px 110px 0px; } .index-advantages .advantages__row { margin: 0; } .advantages__decs { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .advantages__title { font-weight: 600; font-size: 30px; line-height: 37px; margin: 0px 0px 40px 0px; } .advantages__title_right { text-align: right; } .advantages__text { font-size: 18px; line-height: 26px; } .advantages__image { background-color: #6f6f6f; border-radius: 50%; -webkit-box-flex: 0; -ms-flex: 0 0 215px; flex: 0 0 215px; height: 215px; 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; padding: 9px 0px 17px 0px; margin: 0px 0px 0px 110px; } .advantages__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; max-width: 137px; max-height: 189px; -webkit-box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.65); box-shadow: 0px 4px 13px 0px rgba(0, 0, 0, 0.65); } .advantages__big-image { border-left: 3px dashed #a4a4a4; margin: 0px 130px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 1 41%; flex: 0 1 41%; } .advantages__big-image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .advantages__second-block { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #414141), color-stop(0%, #464646)); background: -o-linear-gradient(left, #414141 50%, #464646 0%); background: linear-gradient(to right, #414141 50%, #464646 0%); } .advantages__second-block .advantages__text { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow-wrap: anywhere; } .advantages__second-block .advantages__row { -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: 100%; margin: 0; } .advantages__col { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 37px 30px 40px 30px; } .advantages__col:nth-child(odd) { background-color: #464646; } .advantages__col:nth-child(even) { background-color: #414141; } .advantages__num { font-size: 14px; line-height: 22px; margin: 0px 0px 60px 0px; } .advantages__text { margin: 0px 0px 20px 0px; } .advantages__img-done { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .advantages__third-block { background: -o-linear-gradient(271deg, rgba(81, 81, 81, 0.0001) 0%, #515151 100%), url(/local/templates/main/css/../img/about_third-block_bg.png) top center/100% 60% no-repeat; background: linear-gradient(179deg, rgba(81, 81, 81, 0.0001) 0%, #515151 100%), url(/local/templates/main/css/../img/about_third-block_bg.png) top center/100% 60% no-repeat; padding-top: 100px; } .advantages__third-block .advantages__row { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin: 0px 0px 116px 0px; } .advantages__third-block .advantages__text { max-width: 480px; margin: 0px 160px 0px 0px; } .advantages__links { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .advantages__link { color: #fff; margin: 0px 0px 30px 0px; font-weight: normal; font-size: 16px; line-height: 20px; } .advantages__link:hover { text-decoration: underline; } .advantages__link::after { content: ""; display: inline-block; margin: 0px 0px 0px 20px; width: 18px; height: 13px; background: url(/local/templates/main/css/../img/svg/arrow_rt_grn.svg) center center no-repeat; } .advantages__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; margin: 0px 0px 130px 0px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .advantages__gallery-photo { height: 315px; -webkit-box-flex: 0; -ms-flex: 0 1 32.333%; flex: 0 1 32.333%; } .advantages__gallery-photo img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .certificates__row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .certificates__item { -webkit-box-flex: 0; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; border: 1px solid #858585; padding: 50px 100px 74px 66px; display: -webkit-box; display: -ms-flexbox; display: flex; } .certificates__image { -webkit-box-shadow: 0px 33px 43px -19px rgba(0, 0, 0, 0.307665); box-shadow: 0px 33px 43px -19px rgba(0, 0, 0, 0.307665); height: 134px; -webkit-box-flex: 0; -ms-flex: 0 0 97px; flex: 0 0 97px; margin: 0px 35px 0px 0px; } .certificates__image img { max-width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .certificates__text { font-size: 18px; line-height: 26px; } .del__title { font-weight: 600; font-size: 36px; line-height: 44px; margin: 0px 0px 30px 0px; } .del__subtitle { font-weight: 600; font-size: 30px; line-height: 37px; margin: 0px 0px 30px 0px; } .del__row { margin: 0px 0px 35px 0px; display: -webkit-box; display: -ms-flexbox; display: flex; } .del__name { font-weight: 600; font-size: 20px; line-height: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; margin: 0px 50px 0px 0px; } .del__text { font-size: 16px; line-height: 24px; max-width: 690px; } .del__text img { width: 100%; height: auto; } .del__link { color: #fff; border-bottom: 1px dashed #fff; display: inline-block; margin: 13px 0px 0px 0px; } .del__map { margin: 0px 0px 0px 370px; } .del__map .del__map-wrapper { height: 440px; } .del__map .del__link { margin: 0px 0px 20px 0px; } .del__map .del__link::before { content: "Открыть карту"; color: #fff; } .del__map .del__link._active::before { content: "Скрыть карту"; } .faq { padding-top: 15px; } .faq__title { margin: 0px 0px 50px 0px; } .faq__block { border: 1px solid #858585; padding: 0px 40px 0px 60px; cursor: pointer; } .faq__spoller { 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; } .faq__spoller._active .faq__spoller-svg { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .faq__subtitle { font-weight: 600; font-size: 20px; line-height: 24px; padding: 30px 0px; } .faq__spoller-icon { -webkit-box-flex: 0; -ms-flex: 0 0 63px; flex: 0 0 63px; height: 63px; 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; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: transparent; border-radius: 10px; } .faq__spoller-svg { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 35px; height: 35px; } .faq__spoller-svg use { fill: #d8d8d8; } .faq__text { margin: 0px 0px 20px 0px; font-size: 18px; line-height: 26px; } .service { margin: 15px 0px 0px 0px; } .service__title { margin: 0px 0px 50px 0px; } .service__desc { margin: 0px 0px 57px 0px; line-height: 24px; max-width: 800px; } .service__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 65px 0px; } .service__subtitle { font-weight: 600; font-size: 20px; line-height: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 280px; flex: 0 0 280px; margin: 0px 30px 0px 0px; } .service__text { line-height: 24px; max-width: 800px; } .service__img { width: 100%; height: auto; max-width: 400px; -o-object-fit: contain; object-fit: contain; display: block; margin: 30px 0px 0px 0px; } .services-title + .index-services { padding-top: 50px; } .articles { margin-top: 15px; } .articles__title { margin: 0px 0px 50px 0px; } .articles__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .articles__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .articles__item:not(:last-child) { margin: 0px 0px 25px 0px; } .articles__sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; margin: 0px 0px 0px 50px; } .article-preview { background: #575757; border-radius: 13px; -webkit-filter: drop-shadow(4px 15px 23px rgba(0, 0, 0, 0.32)); filter: drop-shadow(4px 15px 23px rgba(0, 0, 0, 0.32)); display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; position: relative; color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .article-preview:hover { -webkit-transform: translate(0px, -5px); -ms-transform: translate(0px, -5px); transform: translate(0px, -5px); } .article-preview__image { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; height: auto; } .article-preview__content { -webkit-box-flex: 0; -ms-flex: 0 1 75%; flex: 0 1 75%; padding: 40px 35px; } .article-preview__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px 0px 40px 0px; } .article-preview__name { font-weight: 600; font-size: 20px; line-height: 24px; margin: 0px 15px 0px 0px; } .article-preview__labels { 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: end; -ms-flex-align: end; align-items: flex-end; } .article-preview__label { font-weight: 600; font-size: 14px; line-height: 17px; background-color: #000; border-radius: 3px; padding: 2px 6px 2px 7px; } .article-preview__label:not(:last-child) { margin: 0px 0px 3px 0px; } .article-preview__text { line-height: 24px; } .article { margin: 15px 0px 70px 0px; } .article__title { margin: 0px 0px 50px 0px; } .article__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .article__labels { -webkit-box-flex: 0; -ms-flex: 0 0 170px; flex: 0 0 170px; 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; } .article__label { font-weight: 600; font-size: 14px; line-height: 17px; background-color: #000; border-radius: 3px; padding: 2px 6px; margin: 0px 10px 10px 0px; } .article__content { max-width: 800px; } .article__text { line-height: 24px; margin: 0px 0px 30px 0px; } .article__text h2 { font-weight: 600; font-size: 24px; line-height: 24px; margin: 0px 0px 40px 0px; } .article__text h3 { font-weight: 600; font-size: 18px; line-height: 24px; margin: 0px 0px 15px 0px; } .article__text p { margin: 0px 0px 25px 0px; } .article__text p + h2 { margin: 50px 0px 20px 0px; } .article__text ul { padding-left: 25px; margin-bottom: 10px; } .article__text ul li { list-style: disc; margin-bottom: 7px; } .article__main-image { padding: 0px 0px 60% 0px; margin: 0px 0px 60px 0px; } .article__subtitle { font-weight: 600; font-size: 20px; line-height: 24px; margin: 0px 0px 40px 0px; } .article__gallery { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; margin: 0px 0px 70px 0px; } .article__gallery-item { -webkit-box-flex: 0; -ms-flex: 0 1 32%; flex: 0 1 32%; } .article__gallery-item img { width: 100%; height: auto; -o-object-fit: contain; object-fit: contain; } .article__share-title { line-height: 24px; margin: 0px 0px 15px 0px; } .article .video-block { margin: 0px 0px 60px 0px; } .article #uSocial .uscl-bar.uscl-size48 .ico_uscl, .article .uSocial-Share .uscl-bar.uscl-size48 .ico_uscl { width: 100%; background: rgba(255, 255, 255, 0.1); mix-blend-mode: normal; border-radius: 3px !important; } .article .uSocial-Like, .article .uSocial-Share, .article [class^=uscl] { -webkit-box-flex: 0; -ms-flex: 0 1 33%; flex: 0 1 33%; } .article #uSocial .uscl-bar.uscl-absolute .uscl-list, .article .uSocial-Share .uscl-bar.uscl-absolute .uscl-list { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .article #uSocial .uscl-bar.uscl-horizontal, .article .uSocial-Share .uscl-bar.uscl-horizontal { width: 100%; } .article #uSocial .uscl-bar.uscl-style4 .ico_uscl:hover, .article .uSocial-Share .uscl-bar.uscl-style4 .ico_uscl:hover { background: #414141; } .more-articles__subtitle { font-weight: 600; font-size: 30px; line-height: 37px; margin: 0px 0px 40px 0px; } .more-articles__items { max-width: 1120px; } .more-articles__item:not(:last-child) { margin: 0px 0px 25px 0px; } .contacts__title { margin-bottom: 45px; } .contacts__first-block { background: #5c5c5c; padding-bottom: 45px; padding-top: 45px; } .contacts__subtitle { font-weight: 600; font-size: 20px; line-height: 24px; margin: 0px 0px 40px 0px; } .contacts__first-block-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-column-gap: 100px; -moz-column-gap: 100px; column-gap: 100px; } .contacts__first-block-wrapper .contacts__row { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; margin-right: 20px; } .contacts__row { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 30px 0px; } .contacts__name { line-height: 20px; -webkit-box-flex: 0; -ms-flex: 0 0 145px; flex: 0 0 145px; } .contacts__text { font-weight: 600; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; line-height: 20px; } .contacts__second-block { background: -webkit-gradient(linear, left top, right top, color-stop(45%, transparent), color-stop(45%, #4a4a4a)); background: -o-linear-gradient(left, transparent 45%, #4a4a4a 45%); background: linear-gradient(to right, transparent 45%, #4a4a4a 45%); } .contacts__second-block-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .contacts__second-block-wrapper .contacts__col { padding: 45px 0px; } .contacts__second-block-wrapper .contacts__col:first-child { -webkit-box-flex: 0; -ms-flex: 0 1 44%; flex: 0 1 44%; } .contacts__second-block-wrapper .contacts__col:last-child { -webkit-box-flex: 0; -ms-flex: 0 1 56%; flex: 0 1 56%; padding: 45px 0 45px 90px; } .contacts__col { -webkit-box-flex: 0; -ms-flex: 0 1 calc(50% - 50px); flex: 0 1 calc(50% - 50px); } .contacts__requisites { max-height: 90px; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .contacts__requisites._active { max-height: 100%; } .contacts__show-more { font-size: 14px; line-height: 22px; color: #a5ff14; display: block; margin: 0px 0px 25px 0px; } .contacts__download { line-height: 24px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .contacts__download-svg { width: 20px; height: 20px; } .contacts__download-svg use { fill: #de7474; } .contacts__download-span { margin: 0px 12px 0px 12px; } .contacts__download-extension { font-size: 14px; line-height: 22px; color: #858585; } .work-hours__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .work-hours__row:not(:last-child) { margin: 0px 0px 30px 0px; } .work-hours__day { -webkit-box-flex: 0; -ms-flex: 0 0 60px; flex: 0 0 60px; margin: 0px 30px 0px 0px; } .map { height: 563px; margin: 90px 0px 100px 0px; } .our-works { margin: 35px 0px 0px 0px; } .our-works__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 35px 0px; } .our-works__content { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 1.5rem; } .our-works__item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(33.3333333333% - 2rem); flex: 1 1 calc(33.3333333333% - 2rem); } .our-works__sidebar { -webkit-box-flex: 0; -ms-flex: 0 0 250px; flex: 0 0 250px; margin: 0px 0px 0px 30px; } .product-in-case { margin: 0px 0px 100px 0px; } .case { margin: 0px 0px 100px 0px; } .case__title { margin: 15px 0px 40px 0px; } .case__wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; overflow: hidden; } .case__content { -webkit-box-flex: 0; -ms-flex: 0 0 390px; flex: 0 0 390px; margin: 0px 90px 0px 0px; } .case__logo { margin: 0px 0px 45px 0px; } .case__text { line-height: 24px; margin: 0px 0px 45px 0px; } .case__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin: 0px 0px 45px 0px; max-width: 230px; } .case__name { max-width: 110px; } .case__time { font-weight: 600; line-height: 20px; } .case__gallery { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; min-width: 0; } .case__first-photo { margin: 0px 0px 15px 0px; } .case__photo-img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .case__slider-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .case .case__photo-slider-nav-next, .case .case__photo-slider-nav-prev { height: 40px; width: 60px; cursor: pointer; border: 1px solid #fff; 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; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .case .case__photo-slider-nav-next:hover, .case .case__photo-slider-nav-prev:hover { background-color: #fff; } .case .case__photo-slider-nav-next:hover .popular__nav-svg use, .case .case__photo-slider-nav-prev:hover .popular__nav-svg use { fill: #515151; } .case__photo-slider { min-width: 0; padding: 0px 15px; } .compare { margin: 0px 0px 80px 0px; position: relative; } .compare__title { margin: 0px 0px 30px 0px; } .compare__btns { display: -webkit-box; display: -ms-flexbox; display: flex; margin: 0px 0px 20px 0px; } .compare__box { display: -webkit-box; display: -ms-flexbox; display: flex; background: #666666; border-radius: 31px; height: 62px; overflow: hidden; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 4px 5px; margin: 0px 34px 0px 0px; } .compare__btn-param { color: #fff; font-size: 18px; line-height: 26px; padding: 0px 48px; height: 54px; border-radius: 31px; overflow: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; 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; } .compare__btn-param._active { background-color: #fff; color: #000; } .compare__btn-param._active:hover { background-color: #fff; } .compare__btn-param:hover { background-color: rgba(255, 255, 255, 0.1); } .compare__clear { padding: 20px 0px; } .compare__clear, .compare__btn-delete { line-height: 20px; color: #a5ff14; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .compare__clear::before, .compare__btn-delete::before { content: ""; width: 16px; height: 16px; margin: 0px 20px 2px 0px; background: url(/local/templates/main/css/../img/svg/icon_clear.svg) center/contain no-repeat; } .compare__content { overflow-x: auto; } .compare__table { border-collapse: separate; } .compare__table thead th:nth-child(2) { border-left: 1px solid #818181; } .compare__table thead th:not(:first-child) { border-top: 1px solid #818181; border-right: 1px solid #818181; } .compare__row-item { vertical-align: top; } .compare__row-item:last-child .compare__parametr-value { border-bottom: 1px solid #818181; } .compare__fixed-column { position: sticky; left: 0; z-index: 4; background-color: #515151; } .compare__parametr { width: 160px; padding: 0px 10px; text-align: left; font-weight: normal; } .compare__image { width: 317px; height: 221px; background-color: #fff; margin: 0px 0px 25px 0px; } .compare__image img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .compare__button { width: 88%; margin: 0px auto 20px auto; } .compare__parametr-value { padding: 0px 20px 30px 20px; line-height: 20px; font-weight: 600; border-right: 1px solid #818181; } .compare__parametr-value:nth-child(2) { border-left: 1px solid #818181; } .compare .doubleScroll-scroll-wrapper { margin: 0px 0px 25px 0px; } .doubleScroll-scroll-wrapper { scrollbar-width: 13px; scrollbar-color: #828282 transparent; } .doubleScroll-scroll-wrapper::-webkit-scrollbar { height: 13px; width: 13px; } .doubleScroll-scroll-wrapper::-webkit-scrollbar-track { background: #828282; } .doubleScroll-scroll-wrapper::-webkit-scrollbar-thumb { background-color: #d8d8d8; } /* .compare-card__conatiner { display: flex; margin-bottom: 37px; } */ /* .compare-characteristics__name { margin-right: 50px; padding-top: 62px; width: 164px; min-width: 164px; } */ /* .compare-card__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 32px; } */ /* .compare-characteristic__name:first-child { margin-bottom: 209px; } .compare-characteristic__name { font-size: 16px; font-weight: 300; line-height: 1.5; color: #000; margin-bottom: 15px; } .compare-card { width: 230px; min-width: 230px; max-width: 230px; background: #fff; padding-bottom: 30px; margin-right: 10px; } .compare-card__img { display: block; padding: 20px; height: 200px; } .compare-card__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .compare-card .btn-border { margin-left: 30px; width: 157px; height: 39px; } .card-product__btn-basket { 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; width: 158px; height: 53px; border: solid 1px #000000; font-size: 16px; font-weight: normal; font-stretch: normal; font-style: normal; line-height: 1.13; letter-spacing: normal; text-align: center; color: #000000; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } .compare-card__characteristics { margin-top: 25px; padding: 0 22px 0 27px; } .card-product__price-box { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; margin-bottom: 21px; min-height: 18.4px; } .compare-card__characteristic { font-size: 16px; font-weight: normal; line-height: 1.5; color: #000; margin-bottom: 15px; } .compare-card__characteristics .card-product__pric { font-size: 14px; font-weight: normal; line-height: 1.5; color: #000; } .compare-card__delete { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: none; border: none; outline: none; margin-left: 27px; font-size: 16px; font-weight: 300; line-height: normal; color: #c95959; margin-top: 40px; text-decoration: none; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; transition: opacity 0.3s; cursor: pointer; } */ .nicescroll-rails { background: #818181; } .compare-card { width: 317px; border: 1px solid #818181; background: #515151; padding-bottom: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 317px; flex: 0 0 317px; } .compare-card__conatiner { display: -webkit-box; display: -ms-flexbox; display: flex; } .compare-card__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding-top: 32px; width: 100%; } .compare-card__img { height: 221px; display: block; background-color: #fff; } .compare-card__img img { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .compare-card__characteristics { padding: 0 20px; margin-bottom: 15px; } .compare-card__characteristic { font-weight: 600; font-size: 16px; line-height: 20px; padding-bottom: 15px; } .compare-card .btn-border { margin: 20px; background: #a5ff14; color: #000; line-height: 18px; font-weight: 400; display: inline-block; height: 48px; width: 277px; border-radius: 3px; padding: 0 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; } .compare-characteristics__name { width: 151px; padding-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 151px; flex: 0 0 151px; padding-top: 32px; } .compare-characteristic__name { width: 100%; word-break: break-word; font-weight: 400; font-size: 16px; line-height: 20px; padding-bottom: 15px; } .compare-characteristic__name:first-child { height: 310px; margin-bottom: 0; } .compare-characteristic__name.price_compare { margin-bottom: 15px; min-height: 35px; padding: 0; } .card-product__price-box { margin-bottom: 15px; min-height: 35px; } .compare__btn-delete { padding: 0 20px; } .card-product__price-box, .compare-characteristic__name.price_compare { display: none; } #bx-soa-order { display: -webkit-box; display: -ms-flexbox; display: flex; } #bx-soa-order > .col-sm-9.bx-soa { -webkit-box-flex: 0; -ms-flex: 0 1 900px; flex: 0 1 900px; margin-right: 40px; width: 100%; } #bx-soa-order-form { padding: 0px 9.091%; color: #fff; } #bx-soa-order-form .bx-soa-table-fade-left:before, #bx-soa-order-form .bx-soa-table-fade-right:after { display: none; } #bx-soa-order-form * { color: inherit; padding: 0; margin: 0; float: none; } #bx-soa-order-form .bx-soa-section-title-container { background: transparent; } #bx-soa-order-form #bx-soa-basket { margin-bottom: 54px; } #bx-soa-order-form #bx-soa-basket .bx-soa-item-tr { border-top: none; } #bx-soa-order-form #bx-soa-basket, #bx-soa-order-form .bx-soa-cart-total { padding: 34px 40px; background: #414141; } #bx-soa-order-form .bx-soa-cart-total > :not(:last-child) { margin-bottom: 29px; } #bx-soa-order-form .bx-soa-section, #bx-soa-order-form .bx-soa-cart-total { border: none !important; } #bx-soa-order-form .bx-soa-section-title-count { display: none; } #bx-soa-order-form .bx-soa-coupon, #bx-soa-order-form .bx-soa-item-td, #bx-soa-order-form .bx-soa-item-imgcontainer, #bx-soa-order-form .bx-soa-cart-total .bx-soa-cart-total-line { border: none; } #bx-soa-order-form .bx-soa-section-title-container { margin-bottom: 24px; } #bx-soa-order-form .bx-soa-section-title { font-weight: 600; font-size: 20px; line-height: 24px; } #bx-soa-order-form .bx-soa-item-title { font-weight: 400; font-size: 16px; line-height: 24px; } #bx-soa-order-form .bx-soa-item-block { display: -webkit-box; display: -ms-flexbox; display: flex; } #bx-soa-order-form .bx-soa-item-img-block { -webkit-box-flex: 0; -ms-flex: 0 0 62px; flex: 0 0 62px; width: 62px; height: 85px; margin-right: 28px; background: #fff; } #bx-soa-order-form .bx-soa-item-imgcontainer { width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } #bx-soa-order-form .bx-soa-editstep { display: none !important; } #bx-soa-order-form .bx-soa-item-table .bx-soa-item-tr:first-child .bx-soa-item-td:first-child { margin-right: auto; margin-left: 90px; display: block; } #bx-soa-order-form .bx-soa-cart-total-line .bx-soa-cart-t { font-weight: 400; font-size: 14px; line-height: 22px; margin-bottom: 7px; } #bx-soa-order-form .bx-soa-cart-total-line .bx-soa-cart-d { font-weight: 600; font-size: 30px; line-height: 24px; white-space: nowrap; } #bx-soa-order-form .bx-soa-cart-total-line span { display: block; float: none; text-align: left; } #bx-soa-order-form .bx-soa-coupon { display: none !important; } #bx-soa-order-form #bx-soa-region { margin-bottom: 60px; } #bx-soa-order-form #bx-soa-region .bx-soa-section-title-container { display: none; } #bx-soa-order-form #bx-soa-region input.bx-soa-customer-input { padding: 0 16px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.230742); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; color: #000; font-weight: 400; font-size: 18px; line-height: 22px; height: 48px; } #bx-soa-order-form #bx-soa-region .bx-soa-reference { display: none; } #bx-soa-order-form .bx-soa-reference { margin-top: 10px; } #bx-soa-order-form .bx_soa_location .col-xs-12 .form-group:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 60px; } #bx-soa-order-form .bx_soa_location .col-xs-12 .form-group .bx-soa-custom-label { font-weight: 600; font-size: 20px; line-height: 24px; margin-top: 20px; margin-bottom: 10px; } #bx-soa-order-form .bx_soa_location .col-xs-12 .form-group .bx-soa-custom-label .bx-authform-starrequired { display: none; } #bx-soa-order-form .radio-inline { font-weight: 600; font-size: 17px; line-height: 21px; color: #fff; border-radius: 10px; background: rgba(255, 255, 255, 0.104868); cursor: pointer; width: 214px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: left; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; height: 100%; min-width: 200px; margin-right: 20px; } #bx-soa-order-form .radio-inline input[type=radio] { display: none; } #bx-soa-order-form .radio-inline label { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; padding: 12px 16px; } #bx-soa-order-form .radio-inline label::after { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; content: ""; display: block; width: 24px; height: 24px; border-radius: 50%; border: solid 2px #979797; margin: 0px 0px 0px 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #bx-soa-order-form .radio-inline.checked { -webkit-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.5019607843); box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.5019607843); background: rgba(0, 0, 0, 0.174798); color: #fff; } #bx-soa-order-form .radio-inline.checked label { color: #fff; } #bx-soa-order-form .radio-inline.checked label::after { -webkit-box-shadow: 0 0 0 2px #979797; box-shadow: 0 0 0 2px #979797; background-color: white; border: solid 4px rgb(67, 67, 67); } #bx-soa-order-form .bx-soa-tooltip.bx-soa-tooltip-danger .tooltip-inner, #bx-soa-order-form .alert-danger { background: transparent; color: #db5959; text-align: left; max-width: 100%; } #bx-soa-order-form .alert-warning, #bx-soa-order-form .alert-success { background-color: transparent; margin-bottom: 10px; font-size: 12px; font-family: "Montserrat"; } #bx-soa-order-form .alert-success { color: #a5ff14; } #bx-soa-order-form .bx-soa-tooltip { margin-bottom: 10px; } #bx-soa-order-form .tooltip-arrow { display: none; } #bx-soa-order-form .has-error .bx-ui-sls-input-block { border: 2px solid #cb2424; } #bx-soa-order-form .bx-sls .bx-ui-sls-clear { z-index: 10; } #bx-soa-order-form .bx-sls .dropdown-icon { top: 16px; } #bx-soa-order-form .bx-sls .bx-ui-sls-clear { top: 9px; } #bx-soa-order-form .bx-sls .bx-ui-sls-pane { top: 50px; } #bx-soa-order-form .bx-sls .dropdown-item { padding: 7px 4px 7px 10px; } #bx-soa-order-form .bx-sls .bx-ui-sls-input-block { padding-left: 30px !important; border: 1px solid rgba(0, 0, 0, 0.230742) !important; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4) !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4) !important; border-radius: 5px; height: 48px; } #bx-soa-order-form .bx-sls .bx-ui-sls-input-block .bx-ui-sls-container, #bx-soa-order-form .bx-sls .bx-ui-sls-input-block .bx-ui-sls-route, #bx-soa-order-form .bx-sls .bx-ui-sls-input-block .bx-ui-sls-fake { height: 100%; } #bx-soa-order-form .bx-sls .bx-ui-sls-pane { border: 1px solid rgba(0, 0, 0, 0.230742) !important; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4) !important; box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4) !important; border-radius: 5px; } #bx-soa-order-form .bx-sls .dropdown-item-text { color: #000; } #bx-soa-order-form #bx-soa-properties { margin-bottom: 45px; } #bx-soa-order-form #bx-soa-properties .row { display: -webkit-box; display: -ms-flexbox; display: flex; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer { margin-right: 40px; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer .form-group:not(:last-child) { margin-bottom: 30px; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer .form-group .bx-soa-custom-label { margin-bottom: 10px; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer .form-group .bx-soa-customer-input, #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer .form-group textarea { padding: 0 16px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.230742); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; color: #000; font-weight: 400; font-size: 18px; line-height: 22px; height: 48px; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer .form-group textarea { padding: 16px 16px; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer-field .bx-soa-customer-label { margin-bottom: 10px; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer-field .bx-soa-customer-textarea { padding: 16px 16px; background: #ffffff; border: 1px solid rgba(0, 0, 0, 0.230742); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; color: #000; font-weight: 400; font-size: 18px; line-height: 22px; } #bx-soa-order-form #bx-soa-properties .col-sm-12 { width: 100%; } #bx-soa-order-form #bx-soa-properties .bx-soa-customer-field { max-width: 100%; } #bx-soa-order-form #bx-soa-properties .nice-select { background-color: #fff; border-radius: 5px; -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); height: 48px; border: 1px solid rgba(0, 0, 0, 0.230742); color: #000; font-weight: 400; font-size: 18px; line-height: 22px; padding: 12px 16px; width: 100%; overflow: hidden; padding-right: 22px; } #bx-soa-order-form #bx-soa-properties .nice-select.open { overflow: visible; } #bx-soa-order-form #bx-soa-properties .nice-select .current { display: block; width: 100%; overflow: hidden; } #bx-soa-order-form #bx-soa-properties .nice-select::after { border-bottom: 1px solid #000; border-right: 1px solid #000; right: 10px; } #bx-soa-order-form #bx-soa-properties .nice-select .list { background-color: #fff; border: 1px solid rgba(0, 0, 0, 0.230742); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; top: 110%; overflow: auto; max-width: 200%; max-height: 440px; } #bx-soa-order-form #bx-soa-properties .nice-select .list::-webkit-scrollbar { width: 10px; height: 10px; } #bx-soa-order-form #bx-soa-properties .nice-select .option { padding: 0 16px; } #bx-soa-order-form #bx-soa-properties .nice-select .option:hover { background: rgba(0, 0, 0, 0.1); } #bx-soa-order-form #bx-soa-properties .nice-select .option.selected { font-weight: 600; background: rgba(0, 0, 0, 0.1); } #bx-soa-order-form .btn.btn-default { background: #a5ff14; color: #000; line-height: 18px; font-weight: 400; display: inline-block; height: 48px; border-radius: 3px; padding: 0px 8px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; display: -webkit-inline-box !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border: none; width: 100%; } #bx-soa-order-form #bx-soa-orderSave { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; gap: 10px; } #bx-soa-order-form #bx-soa-orderSave .checkbox { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; } #bx-soa-order-form #bx-soa-orderSave .checkbox .data-span { display: none; } #bx-soa-order-form #bx-soa-orderSave .btn { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; margin: 0 !important; margin-right: 35px !important; } #bx-soa-order-form .form-check-label, #bx-soa-order-form .bx-soa-pp-company-item { font-size: 16px; line-height: 22px; color: #fff; font-weight: bold; padding: 12px 16px; border-radius: 10px; background: rgba(255, 255, 255, 0.104868); cursor: pointer; width: 214px; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; text-align: left; min-width: 200px; } #bx-soa-order-form .bx-soa-pp-company-smalltitle { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; font-size: 16px; line-height: 22px; text-align: left; } #bx-soa-order-form .form-check-label::after, #bx-soa-order-form .bx-soa-pp-company-smalltitle::after { -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; content: ""; display: block; width: 24px; height: 24px; border-radius: 50%; border: solid 2px #979797; margin: 0px 0px 0px 10px; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } #bx-soa-order-form .form-check-input:checked + .form-check-label, #bx-soa-order-form .bx-soa-pp-company-item.bx-selected { -webkit-box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.5019607843); box-shadow: inset 0 4px 0 0 rgba(0, 0, 0, 0.5019607843); background: rgba(0, 0, 0, 0.174798); color: #fff; } #bx-soa-order-form .form-check-input:checked + .form-check-label::after, #bx-soa-order-form .bx-soa-pp-company.bx-selected .bx-soa-pp-company-smalltitle::after { -webkit-box-shadow: 0 0 0 2px #979797; box-shadow: 0 0 0 2px #979797; background-color: white; border: solid 4px rgb(67, 67, 67); } #bx-soa-order-form .bx-soa-pp-company-graf-container { padding-top: 0; border: none; } #bx-soa-order-form .bx-soa-pp-company-inject { display: none; } #bx-soa-order-form .form-check-input, #bx-soa-order-form .bx-soa-pp-company-checkbox { display: none; } #bx-soa-order-form #bx-soa-paysystem { margin-bottom: 60px; } #bx-soa-order-form .bx-soa-pp-delivery-cost { display: none; } #bx-soa-order-form .bx-soa-pp-company-description p, #bx-soa-order-form .bx-soa-pp-company-description span { font-weight: 400; font-size: 13px !important; line-height: 16px; background-color: transparent !important; font-family: "Montserrat" !important; } #bx-soa-order-form #bx-soa-delivery { margin-bottom: 30px; } #bx-soa-order-form #bx-soa-delivery .alert { margin-bottom: 10px; } #bx-soa-order-form #bx-soa-delivery .bx-soa-pp-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } #bx-soa-order-form #bx-soa-delivery .bx-soa-pp-company-inject { display: block; } #bx-soa-order-form #bx-soa-delivery .col-sm-5.bx-soa-pp-desc-container { width: 100%; } #bx-soa-order-form #bx-soa-delivery .col-sm-5.bx-soa-pp-desc-container .bx-soa-pp-company { border: none; background: none; } #bx-soa-order-form #bx-soa-delivery .col-sm-5.bx-soa-pp-desc-container .bx-soa-pp-company .btn.btn-default { margin: 10px 0; white-space: normal; } #bx-soa-order-form #bx-soa-paysystem .bx-soa-pp-item-container { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } #bx-soa-order-form .bx-soa-cart-total-line.bx-soa-cart-total-line-highlighted { background: none; } #bx-soa-order-form .russianpost_link { margin-top: 10px; } #bx-soa-order-form .russianpost_link .btn { white-space: normal; background-color: #a5ff14 !important; color: #000 !important; padding: 0 3px; border: none; margin-top: 5px; } .header.first-screen { height: 100vh; min-height: 700px; } .main-slider { position: absolute; top: 0; left: 0; right: 0; z-index: 2; padding-top: 180px; overflow-y: clip; height: 100vh; min-height: 700px; } .main-slider__slider { height: 100%; padding-left: 0; overflow: visible; } .main-slider__slide { -webkit-transition: margin-right 0.3s ease 0s; -o-transition: margin-right 0.3s ease 0s; transition: margin-right 0.3s ease 0s; } .main-slider__slide .main-slider__links { opacity: 0 !important; } .main-slider__slide.swiper-slide-active .main-slider__links { opacity: 1 !important; } .main-slider__slide.swiper-slide-active { margin-right: 170px; } .main-slider__human { position: relative; max-height: 1100px; height: calc(100% + 213px); width: 400px; } .main-slider__human img { height: 100%; width: 100%; -o-object-fit: scale-down; object-fit: scale-down; } .main-slider__human_electroduga .links-block__item_4 { top: 24%; } .main-slider__human_neft .links-block__item_4 { top: 25%; } .main-slider__human_static .links-block__item_4 { top: 25%; left: 75%; } .main-slider__nav { display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; bottom: 20px; right: 20px; } .main-slider__nav-btn { cursor: pointer; border: 1px solid #fff; width: 91px; height: 59px; 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; background-color: transparent; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .main-slider__nav-btn:hover { background-color: #fff; } .main-slider__nav-btn:hover .main-slider__nav-svg use { fill: #515151; } .main-slider__nav-svg { width: 22px; height: 14px; } .main-slider__nav-svg use { fill: #fff; } .main-slider__bg-slider { position: absolute; top: 0; left: -213px; z-index: -1; width: calc(100% + 213px); height: 100vh; min-height: 700px; } .main-slider__bg-slide img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .links-block { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .links-block__item { position: absolute; display: -webkit-box; display: -ms-flexbox; display: flex; } .links-block__item[hidden] { display: none; } .links-block__item img { margin-top: 8px; position: absolute; } .links-block__item::after { content: ""; display: inline-block; -webkit-box-flex: 0; -ms-flex: 0 0 18px; flex: 0 0 18px; width: 18px; height: 13px; margin-left: 15px; background: url(/local/templates/main/css/../img/main-slider/green-arrow-right.svg) center center no-repeat; -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; } .links-block__item_1, .links-block__item_2 { padding-right: 46px; } .links-block__item_1 img, .links-block__item_2 img { right: 0; } .links-block__item_3, .links-block__item_4, .links-block__item_5 { padding-left: 46px; } .links-block__item_3 img, .links-block__item_4 img, .links-block__item_5 img { left: 0; } .links-block__item_6, .links-block__item_7, .links-block__item_8 { padding-left: 97px; } .links-block__item_6 img, .links-block__item_7 img, .links-block__item_8 img { left: 0; } .links-block__link { font-weight: 600; font-size: 17px; line-height: 21px; color: #fff; margin-right: 15px; } .links-block__link span { display: block; } .catalog__filter .bx-filter * { margin: 0; padding: 0; color: inherit; } .catalog__filter .bx-filter .bx-filter-section > .row { padding: 0; } .catalog__filter .bx-filter .bx-filter-title { display: none; } .catalog__filter .bx-filter .bx-filter-parameters-box { margin-bottom: 20px; } .catalog__filter .bx-filter .bx-filter-parameters-box .bx-filter-popup-result { display: -webkit-box !important; display: -ms-flexbox !important; display: flex !important; } .catalog__filter .bx-filter .bx-filter-parameters-box.bx-active { margin-bottom: 70px; } .catalog__filter .bx-filter .bx-filter-parameters-box-title span { color: #fff; font-weight: 600; font-size: 17px; line-height: 21px; margin-bottom: 25px; display: inline-block; } .catalog__filter .bx-filter .bx-filter-parameters-box-title span:hover { border-color: #fff; } .catalog__filter .bx-filter .bx-filter-block { max-height: 226px !important; overflow: auto; padding-right: 8px; } .catalog__filter .bx-filter .bx-filter-block::-webkit-scrollbar { height: 6px; width: 6px; } .catalog__filter .bx-filter .bx-filter-block::-webkit-scrollbar-track { background: transparent; } .catalog__filter .bx-filter .bx-filter-block::-webkit-scrollbar-thumb { background-color: #828282; border-radius: 0px; border: 0px solid transparent; } .catalog__filter .bx-filter .checkbox { margin-bottom: 14px; } .catalog__filter .bx-filter .bx-filter-input-checkbox input { display: none; } .catalog__filter .bx-filter .bx-filter-input-checkbox input[type=checkbox]:checked + .bx-filter-param-text::before, .catalog__filter .bx-filter .bx-filter-input-checkbox input[type=radio]:checked + .bx-filter-param-text::before { background: #000 url("/local/templates/main/css/../img/svg/check_wht.svg") center no-repeat; border: none; } .catalog__filter .bx-filter .bx-filter-param-text { font-weight: 400; font-size: 16px; line-height: 22px; display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__filter .bx-filter .bx-filter-param-text::before { content: ""; width: 24px; height: 24px; -webkit-box-flex: 0; -ms-flex: 0 0 24px; flex: 0 0 24px; margin: 0 8px 2px 0; -webkit-box-shadow: 0px 1px 4px #000000; box-shadow: 0px 1px 4px #000000; border-radius: 5px; background: #fff; } .catalog__filter .bx-filter .bx-filter-button-box .bx-filter-block { height: 100%; overflow: visible; max-height: 100%; } .catalog__filter .bx-filter .bx-filter-button-box .bx-filter-block .btn-themes, .catalog__filter .bx-filter .bx-filter-button-box .bx-filter-block .btn-link { background: rgba(255, 255, 255, 0.1); border-radius: 3px; height: 48px; 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; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; width: 100%; margin-bottom: 15px; cursor: pointer; } .catalog__filter .bx-filter .bx-filter-button-box .bx-filter-block .btn-themes:hover, .catalog__filter .bx-filter .bx-filter-button-box .bx-filter-block .btn-link:hover { background: rgba(255, 255, 255, 0.2); } .catalog__filter .bx-filter .bx-filter-popup-result { background: #fff; padding: 9px; border: none; height: 66px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 16px; -webkit-filter: drop-shadow(15px 15px 23px rgba(0, 0, 0, 0.32)); filter: drop-shadow(15px 15px 23px rgba(0, 0, 0, 0.32)); color: #4C4C4C; font-weight: 400; font-size: 12px; line-height: 18px; width: 100%; } .catalog__filter .bx-filter .bx-filter-popup-result::before { content: ""; position: absolute; left: -8px; top: 50%; border-right: 8px solid #fff; border-top: 8px solid transparent; border-bottom: 8px solid transparent; } .catalog__filter .bx-filter .bx-filter-popup-result .modef_num { margin-left: 4px; } .catalog__filter .bx-filter .bx-filter-popup-result * { color: #4C4C4C; font-weight: 400; font-size: 12px; line-height: 18px; } .catalog__filter .bx-filter .bx-filter-popup-result a { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; border-radius: 3px; color: #4C4C4C; background: #a5ff14; height: 48px; font-weight: 400; font-size: 16px; line-height: 18px; margin-left: 15px; width: 100%; } .catalog__filter .bx-filter .bx-filter-block-price .bx-ft-sub, .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-part { display: none !important; } .catalog__filter .bx-filter .bx-filter-block-price .bx-filter-parameters-box-container { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 48px 1fr; grid-template-columns: 1fr 48px 1fr; -ms-grid-rows: 1fr 40px; grid-template-rows: 1fr 40px; row-gap: 16px; } .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-track-container { -ms-grid-column: 1; grid-column-start: 1; -ms-grid-column-span: 3; grid-column-end: 4; padding: 0 22px; } .catalog__filter .bx-filter .bx-filter-block-price .separator { 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; } .catalog__filter .bx-filter .bx-filter-block-price .bx-filter-input-container input { color: #000; background: #FFFFFF; border: 1px solid rgba(0, 0, 0, 0.230742); -webkit-box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.4); border-radius: 5px; text-align: center; } .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-handle { width: 40px; height: 40px; background: #8A8A8A; top: -18px; 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; border-radius: 50%; -webkit-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-handle::after { content: url(/local/templates/main/img/svg/bx-ui-slider-handle.svg); display: block; } .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-handle:hover { background: #000; } .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-range { z-index: 90; } .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-pricebar-vd, .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-pricebar-vn, .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-pricebar-v, .catalog__filter .bx-filter .bx-filter-block-price .bx-ui-slider-range { height: 2px; background: #8A8A8A; top: 18px; } .mobile-filter { padding-bottom: 100px; } .about .first-screen { height: 100vh; min-height: 760px; position: relative; -webkit-transform: translate(0px, -190px); -ms-transform: translate(0px, -190px); transform: translate(0px, -190px); margin-bottom: -190px; } .about .first-screen__container { position: absolute; top: 0; left: 0; width: 100%; height: calc(100% - 7px); z-index: 8; padding-top: calc(100px + 16.5vh); padding-bottom: calc(35px + 9.9vh); } .about .first-screen__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; } .about .first-screen__title { font-weight: 700; font-size: 70px; line-height: 85px; margin-bottom: 51px; max-width: 1110px; } .about .first-screen__row { margin-bottom: 28px; } .about .first-screen__subtitle { font-weight: 400; font-size: 24px; line-height: 36px; max-width: 630px; } .about .first-screen__bottom { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .about .first-screen__green-btn { height: 72px; padding-left: 35px; padding-right: 35px; } .about .first-screen__grey-btn { height: 72px; background: rgba(0, 0, 0, 0.47); border-radius: 3px; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-weight: 600; font-size: 14px; line-height: 17px; padding-left: 19px; padding-right: 24px; -webkit-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .about .first-screen__grey-btn:hover { background: rgba(255, 255, 255, 0.1); } .about .first-screen__grey-btn span { max-width: 89px; margin-left: 17px; } .about .first-screen__video-bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; border-bottom: 3px dashed #a4a4a4; z-index: -1; } .about .first-screen__video-bg video { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about .catalog { margin-bottom: 130px; } .about .catalog__header { margin-bottom: 80px; display: -ms-grid; display: grid; -ms-grid-columns: 2fr minmax(423px, 1fr); grid-template-columns: 2fr minmax(423px, 1fr); -webkit-box-align: end; -ms-flex-align: end; align-items: end; gap: 20px; } .about .catalog__title { font-weight: 700; font-size: 70px; line-height: 85px; } .about .catalog__subtitle { font-size: 18px; line-height: 26px; margin-bottom: 10px; } .about .catalog__row { display: -webkit-box; display: -ms-flexbox; display: flex; padding-right: 160px; display: -ms-grid; display: grid; -ms-grid-columns: (minmax(266px, 1fr))[4]; grid-template-columns: repeat(4, minmax(266px, 1fr)); -ms-grid-rows: 534px; grid-template-rows: 534px; gap: 1px; } .about .catalog__card { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; 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; text-align: center; position: relative; overflow: hidden; padding: 0 15px; } .about .catalog__card:first-child img { -webkit-transform: translate(-240px, -180px); -ms-transform: translate(-240px, -180px); transform: translate(-240px, -180px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; width: 614.08px; height: 976px; } .about .catalog__card:first-child:hover img { -webkit-transform: translate(-230px, -180px); -ms-transform: translate(-230px, -180px); transform: translate(-230px, -180px); } .about .catalog__card:nth-child(2) img { width: 414.74px; height: 534px; -webkit-transform: translate(-50px, -30px); -ms-transform: translate(-50px, -30px); transform: translate(-50px, -30px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .about .catalog__card:nth-child(2):hover img { -webkit-transform: translate(-35px, -30px); -ms-transform: translate(-35px, -30px); transform: translate(-35px, -30px); } .about .catalog__card:nth-child(3) .catalog__card-name { max-width: 240px; } .about .catalog__card:nth-child(3) img { width: 731.88px; height: 474.46px; -webkit-transform: translate(20px, 19px); -ms-transform: translate(20px, 19px); transform: translate(20px, 19px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .about .catalog__card:nth-child(3):hover img { -webkit-transform: translate(5px, 19px); -ms-transform: translate(5px, 19px); transform: translate(5px, 19px); } .about .catalog__card:last-child img { width: 309.76px; height: 843px; -webkit-transform: translate(48px, 32px); -ms-transform: translate(48px, 32px); transform: translate(48px, 32px); -webkit-transition: -webkit-transform 0.3s ease 0s; transition: -webkit-transform 0.3s ease 0s; -o-transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s; transition: transform 0.3s ease 0s, -webkit-transform 0.3s ease 0s; } .about .catalog__card:last-child:hover img { -webkit-transform: translate(48px, 15px); -ms-transform: translate(48px, 15px); transform: translate(48px, 15px); } .about .catalog__card:hover .catalog__image-ibg::after { background: rgba(0, 0, 0, 0.5); } .about .catalog__card:hover .catalog__image-ibg::before { background: rgba(103, 103, 103, 0); } .about .catalog__card-name { font-weight: 600; font-size: 26px; line-height: 32px; color: #A5FF14; position: relative; z-index: 5; } .about .catalog__image-ibg { position: absolute; width: 100%; height: 100%; z-index: 2; } .about .catalog__image-ibg::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; background: rgba(103, 103, 103, 0.7); -webkit-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .about .catalog__image-ibg::after { content: ""; width: 100%; height: 100%; z-index: -1; background: #676767; position: absolute; top: 0; left: 0; -webkit-transition: background 0.3s ease 0s; -o-transition: background 0.3s ease 0s; transition: background 0.3s ease 0s; } .about .works { margin-bottom: 200px; } .about .works__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 60px; } .about .works__title { font-weight: 700; font-size: 90px; line-height: 110px; color: #FFFFFF; mix-blend-mode: normal; opacity: 0.25; margin-right: 20px; } .about .works__slider-nav { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about .works__slider-wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 444px; grid-template-columns: 1fr 444px; gap: 60px; min-height: 446px; } .about .works__slide { -webkit-transform-style: preserve-3d; transform-style: preserve-3d; background: #FFFFFF; border-radius: 10px; overflow: hidden; width: 366.86px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about .works__slide-image { margin: 0 auto; } .about .works__slide-image img { width: 100%; height: 100%; } .about .works__desc-slide { background: -webkit-gradient(linear, left top, right top, from(rgb(81, 81, 81)), color-stop(70%, rgb(94, 94, 94)), to(rgb(108, 108, 108))); background: -o-linear-gradient(left, rgb(81, 81, 81) 0%, rgb(94, 94, 94) 70%, rgb(108, 108, 108) 100%); background: linear-gradient(90deg, rgb(81, 81, 81) 0%, rgb(94, 94, 94) 70%, rgb(108, 108, 108) 100%); border-radius: 0px 20px 20px 0px; padding: 40px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about .works__name { font-weight: 600; font-size: 30px; line-height: 37px; margin-bottom: 30px; } .about .works__desc { font-size: 18px; line-height: 26px; margin-bottom: 30px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .about .works__advantages-row { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } .about .works__adv-item:not(:last-child) { margin-right: 17px; } .about .works__price-text { font-size: 12px; line-height: 18px; } .about .works__price-num { font-weight: 600; font-size: 30px; line-height: 37px; } .about .delivery { padding-bottom: 27%; position: relative; } .about .delivery__content { position: relative; z-index: 5; } .about .delivery__title { font-weight: 700; font-size: 90px; line-height: 100px; max-width: 962px; margin-bottom: 55px; } .about .delivery__row { display: -webkit-box; display: -ms-flexbox; display: flex; } .about .delivery__col:first-child { margin-right: 75px; } .about .delivery__col:first-child .delivery__item:last-child { max-width: 277px; } .about .delivery__item:first-child { margin-bottom: 33px; } .about .delivery__green-text { font-weight: 700; font-size: 76px; line-height: 93px; color: #A5FF14; } .about .delivery__decs { font-size: 24px; line-height: 31px; } .about .delivery__map { position: absolute; bottom: 0; width: 100%; } .about .delivery__map > img { width: 100%; } .about .delivery__sky { display: none; pointer-events: none; } @-webkit-keyframes skyMove { 0% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } 50% { -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } 100% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } } @keyframes skyMove { 0% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } 50% { -webkit-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } 100% { -webkit-transform: translate(50%, 0px); transform: translate(50%, 0px); } } .about .services { margin-bottom: 110px; } .about .services__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-bottom: 44px; } .about .services__title { margin-top: -20px; font-weight: 700; font-size: 90px; line-height: 94px; color: #fff; opacity: 0.48; margin-right: 120px; } .about .services__subtitle { font-size: 18px; line-height: 26px; } .about .services__items { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); -ms-grid-rows: (310px)[2]; grid-template-rows: repeat(2, 310px); } .about .services__item { color: #fff; position: relative; font-weight: 600; font-size: 26px; line-height: 32px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-bottom: 50px; padding-left: 40px; padding-right: 40px; } .about .services__item:hover span { -webkit-transform: translate(0px, 10px); -ms-transform: translate(0px, 10px); transform: translate(0px, 10px); } .about .services__item:hover::before { background: rgba(0, 0, 0, 0.6); } .about .services__item::before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; background: rgba(0, 0, 0, 0.4); } .about .services__item span { position: relative; z-index: 3; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .about .services__item span b { color: #A5FF14; } .about .services__item img { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .about .photo-slider { padding: 0px 0% 0px 9.091%; margin-bottom: 60px; } .about .photo-slider__header { display: -webkit-box; display: -ms-flexbox; display: flex; margin-bottom: 70px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .about .photo-slider__slider { height: 446px; } .about .photo-slider__slide { width: auto; } .about .photo-slider__image { height: 100%; } .about .photo-slider__image img { height: 100%; } .about .swiper-button-prev, .about .swiper-button-next { border: 1px solid #fff; height: 53px; 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; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; position: static; margin: 0; } .about .swiper-button-prev::after, .about .swiper-button-next::after { display: none; } .about .swiper-button-prev img:last-child, .about .swiper-button-next img:last-child { display: none; } .about .swiper-button-prev:hover, .about .swiper-button-next:hover { background-color: #fff; } .about .swiper-button-prev:hover img:first-child, .about .swiper-button-next:hover img:first-child { display: none; } .about .swiper-button-prev:hover img:last-child, .about .swiper-button-next:hover img:last-child { display: block; } .about .swiper-button-prev { width: 66px; } .about .works__slider-counter { font-weight: 600; font-size: 30px; line-height: 37px; padding: 0 55px; -ms-flex-negative: 0; flex-shrink: 0; } .about .swiper-pagination { position: static; width: auto; } .about .swiper-pagination.swiper-pagination-fraction { font-weight: 600; font-size: 30px; line-height: 37px; padding: 0 55px; -ms-flex-negative: 0; flex-shrink: 0; } .about .swiper-button-next { width: 143px; } .about .callback__row { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 543px; grid-template-columns: 1fr 543px; gap: 73px; } .about .callback__col:first-child { display: -webkit-box; display: -ms-flexbox; display: flex; -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; } .about .callback__desc { margin-bottom: 100px; max-width: 360px; } .about .callback__human img { width: 100%; pointer-events: none; } .about .callback__text { font-weight: 600; font-size: 30px; line-height: 37px; margin-bottom: 36px; } .about .callback__sm-text { font-size: 18px; line-height: 26px; } .about .callback__form { padding: 80px 90px 35px 60px; background: url(/local/templates/main/css/../img/lend/form-bg.png) top left/100% 100% no-repeat; margin: 60px 0; } .about .callback__form .form__txta { padding: 16px 35px 16px 14px; } .about .callback__form .form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .about .callback__form .form__button { height: 61px; margin-bottom: 28px; } .trust__header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; margin-bottom: 42px; } .trust__title { font-weight: 700; font-size: 90px; line-height: 80px; mix-blend-mode: normal; opacity: 0.25; } .trust__text { font-size: 18px; line-height: 26px; max-width: 236px; margin-left: 56px; } .trust__wrapper { display: -ms-grid; display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 1px; } .trust__item { background-color: #fff; 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; min-height: 177px; border-radius: 4px; position: relative; } .about .trust__item::after, .about .trust__item::before { content: ""; position: absolute; z-index: 2; width: 121px; height: 11px; background: url(/local/templates/main/css/../img/lend/palka.png); } .trust__item::after { bottom: -6px; left: 50%; -webkit-transform: translate(-50%, 0px); -ms-transform: translate(-50%, 0px); transform: translate(-50%, 0px); } .trust__item::before { -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); right: -61px; } .trust__item:last-child::before, .trust__item:last-child::after { display: none; } .trust__item:nth-child(9)::after, .trust__item:nth-child(8)::after, .trust__item:nth-child(7)::after, .trust__item:nth-child(6)::after { display: none; } .advantages { margin-bottom: 150px; } .advantages__title { font-weight: 700; font-size: 90px; line-height: 110px; color: #FFFFFF; mix-blend-mode: normal; opacity: 0.25; margin-bottom: 53px; } .advantages__row { background: -webkit-gradient(linear, left top, right top, color-stop(50%, #414141), color-stop(50%, #464646)); background: -o-linear-gradient(left, #414141 50%, #464646 50%); background: linear-gradient(90deg, #414141 50%, #464646 50%); display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .advantages__card { padding: 30px; padding-bottom: 75px; height: 100%; } .index-advantages .advantages__card { padding: 30px; } .advantages__card:nth-child(odd) { background-color: #464646; } .advantages__card:nth-child(even) { background-color: #414141; } .advantages__top { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 40px; } .advantages__num { font-size: 14px; line-height: 22px; } .advantages__subtitle { font-size: 24px; font-weight: 600; line-height: 26px; margin-bottom: 9px; } .advantages__text { font-size: 18px; line-height: 26px; } .advantages__text span { background: #242424; } .page { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 100%; height: 100%; } .thanks-page .page { display: -ms-grid; display: grid; -ms-grid-rows: auto 1fr; grid-template-rows: auto 1fr; -ms-grid-columns: 100%; grid-template-columns: 100%; } .page.open-menu-lt { padding-top: 144px; } .err-page { margin: 80px 0px 0px 0px; } .thanks { padding-top: 32px; padding-bottom: 110px; position: relative; overflow: hidden; } .thanks::after { content: ""; position: absolute; width: 600px; height: 522px; bottom: -120px; background: url(/local/templates/main/css/../img/thanks-logo.svg) top center/cover no-repeat; right: 9.091%; } .thanks__title { font-weight: 600; font-size: 76px; margin-bottom: 52px; } .thanks__text { font-weight: 400; font-size: 24px; line-height: 150%; color: #fff; margin-bottom: 78px; } @media (min-width: 767px) { #bx-soa-order-form #bx-soa-properties .col-sm-12 { width: 50%; } } @media (min-width: 767.98px) { .links-block__item_1 { text-align: right; top: -1%; left: -30%; } .links-block__item_1 .links-block__link { width: 170px; } .links-block__item_1 img { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 46px; height: 56px; } .links-block__item_1::after { margin-left: 0; margin-right: 15px; margin-top: 5px; } .links-block__item_2 { text-align: right; top: 3.5%; left: -49%; } .links-block__item_2 .links-block__link { width: 250px; } .links-block__item_2 img { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 46px; height: 56px; } .links-block__item_2::after { margin-left: 0; margin-right: 15px; margin-top: 5px; } .links-block__item_3 { top: 14.4%; left: 69%; } .links-block__item_3 .links-block__link { margin-left: 13px; margin-right: 0; } .links-block__item_3 img { width: 46px; height: 56px; } .links-block__item_4 { top: 21%; left: 79%; } .links-block__item_4 .links-block__link { margin-left: 13px; margin-right: 0; } .links-block__item_4 img { width: 46px; height: 56px; } .links-block__item_5 { top: 29%; left: 89%; } .links-block__item_5 .links-block__link { margin-left: 13px; margin-right: 0; } .links-block__item_5 img { width: 46px; height: 56px; } .links-block__item_6 { top: 35%; left: 81%; } .links-block__item_6 .links-block__link { margin-left: 13px; margin-right: 0; } .links-block__item_6 img { width: 97px; height: 137px; } .links-block__item_7 { top: 45%; left: 80%; } .links-block__item_7 .links-block__link { margin-left: 13px; margin-right: 0; } .links-block__item_7 .links-block__link span { white-space: normal; } .links-block__item_7 img { width: 97px; height: 137px; } .links-block__item_8 { top: 55%; left: 80%; } .links-block__item_8 .links-block__link { margin-left: 13px; margin-right: 0; } .links-block__item_8 img { width: 97px; height: 137px; } } @media (min-width: 768.98px) { .rewiews review-lab .ngucarousel[_ngcontent-nas-c8] { margin: 0 -64px; } } @media (min-width: 768px) { .advantages__first-block { background: url(/local/templates/main/css/../img/about_shadow.png) right center no-repeat; } .faq__spoller:hover .faq__spoller-icon { background: rgba(255, 255, 255, 0.111861); } .main-slider__human_lesnik .links-block__item .links-block__link { -webkit-box-flex: 1; -ms-flex: 1 0 auto; flex: 1 0 auto; } .catalog__filter .bx-filter .bx-filter-popup-result a { width: 137px; } .about .delivery__sky { display: block; position: absolute; top: 100px; -webkit-animation: skyMove 120s infinite linear; animation: skyMove 120s infinite linear; } .about .delivery__sky img { width: 100%; } .about .delivery__sky_left { left: -100px; } .about .delivery__sky_right { right: -100px; } } @media (min-width: 769px) { .layout__row .card { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; padding: 18px 20px; } .layout__row .card__link { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .layout__row .card__image { -webkit-box-flex: 0; -ms-flex: 0 0 145px; flex: 0 0 145px; margin: 0px 20px 0px 0px; height: 118px; } .layout__row .card__center { padding: 0; margin: 0px 20px 0px 0px; 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; } .layout__row .card__bottom { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; padding: 0; } .layout__row .price { display: -webkit-box; display: -ms-flexbox; display: flex; } .layout__row .price__opt { margin: 0; } .layout__row .price__main { margin: 0; } .layout__row .price__rozn { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; -webkit-column-gap: 5px; -moz-column-gap: 5px; column-gap: 5px; } .layout__row .price__rozn .price__main { -webkit-box-flex: 1; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; min-width: 80px; } .layout__row .price__rozn .price__old { -webkit-box-flex: 1; -ms-flex: 1 1 33.333%; flex: 1 1 33.333%; min-width: 80px; } .layout__row .price__rozn .price__discount { margin: 0; } } @media (min-width: 992px) { .checkbox a:hover { text-decoration: none; } } @media (min-width: 998px) { .quantity__button:hover::before, .quantity__button:hover::after { background-color: #fff; } .menu-catalog { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); height: 100%; } .menu-catalog__list { position: relative; } .menu-catalog__list::after { background: url("/local/templates/main/css/../img/green-bg-left-catalog.png") 0 0 no-repeat; content: ""; width: 100%; height: 100%; position: absolute; top: 0; left: 0; pointer-events: none; } .sub-menu-catalog__back { display: none; } .catalog__filter .bx-filter .bx-filter-popup-result { left: 97% !important; width: 250px; } .about .first-screen__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; gap: 20px; } } @media (min-width: 999px) { .header__phone { display: none; } .menu-lt__body { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; height: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; background: #3a3a3a; } .menu-lt__subcategory { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; min-width: 760px; height: 100%; } .menu-lt__sub-list { /* display: flex; */ /* flex-wrap: wrap; */ display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-auto-rows: minmax(110px, 202px); height: 100%; } .menu-lt__sub-item { -webkit-box-flex: 0; -ms-flex: 0 0 379px; flex: 0 0 379px; border: 1px solid transparent; border-radius: 5px 5px 5px 5px; overflow: hidden; } .menu-lt__sub-link { color: #fff; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-weight: 600; line-height: 36px; background: #2e2c30; display: block; min-height: auto; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 0px 40px 0px 50px; height: 100%; } .catalog__filter-btn { display: none; } } @media (min-width: 999px) and (max-height: 700px) { .menu-lt__sub-link { font-size: 24px; line-height: 26px; } } @media (min-width: 1025px) { .lg-outer .lg-thumb-item { -webkit-transition: border-color 0.25s ease; -o-transition: border-color 0.25s ease; transition: border-color 0.25s ease; } } @media (min-width: 1100px) { .main-slider__human_povtemp .links-block__item_1 { left: -40%; } .main-slider__human_povtemp .links-block__item_3 { left: 76%; } .main-slider__human_povtemp .links-block__item_1 { top: 8%; } .main-slider__human_povtemp .links-block__item_3 { top: 19%; } } @media (min-width: 1101px) { .main-slider__slider { padding-left: 26%; } .main-slider__nav { right: 24%; } } @media (min-width: 1123px) { .trust__item:nth-child(5)::before { display: none; } } @media (min-width: 1280px) { .main-slider__nav { right: 27%; } } @media (min-width: 1541px) { .main-slider__slide.swiper-slide-active { margin-right: 228px; } .main-slider__nav { right: auto; left: 50%; } } @media (min-width: 1700px) { .main-slider__slider { padding-left: 21%; } } @media (min-width: 1920.98px) { .index-about { background-position: 0 0, center; background-size: contain, contain; } } @media (min-width: 1921px) { .index-about__row { max-width: 100%; } .about .works__slider { padding: 15px 0; -webkit-perspective: 1260px; perspective: 1260px; } } @media (min-width: 2000px) { .main-slider__nav { left: 43%; } } @media (max-width: 1871px) { .trust__item:nth-child(8)::after, .trust__item:nth-child(7)::after, .trust__item:nth-child(6)::after { display: block; } } @media (max-width: 1850px) { .layout__col .catalog__card { -webkit-box-flex: 0; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; } } @media (max-width: 1800px) { .data__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .personal-data__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; } .addresses { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .addresses__header { -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; padding: 0; -webkit-box-flex: 0; -ms-flex: 0 0 230px; flex: 0 0 230px; } .addresses__title { margin: 0px 0px 20px 0px; } .addresses__content { max-height: 350px; } .addresses__btn-add { padding: 0px 15px; } } @media (max-width: 1760px) { .layout__col .result__card { -webkit-box-flex: 0; -ms-flex: 0 1 25%; flex: 0 1 25%; } } @media (max-width: 1700px) { .our-works__item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 2rem); flex: 1 1 calc(50% - 2rem); } } @media (max-width: 1627.98px) { .index-about { background-position: 0 0, 43% 45%; } } @media (max-width: 1600px) { .about .callback__col:first-child { -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; } .about .callback__desc { margin-bottom: 10px; } .advantages__row { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .index-advantages .advantages__row { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 1599.98px) { .popular-new-slider .popular__slider { padding-left: 20px; margin-left: -20px; } .popular-new-slider .popular__thimb-slider { padding-right: 20px; margin-right: -20px; } } @media (max-width: 1550px) { .page-title__text { left: 80px; bottom: 25px; } .header.open-menu-lt .header__col { display: none; } .header__wrapper { -ms-flex-wrap: wrap; flex-wrap: wrap; } .header__col { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .header__tel { margin: 0px 30px 0px 0px; } .header__pseudo-link { margin: 0px 30px 0px 0px; } .header__city { margin: 0px 30px 0px 0px; } .index-catalog__grid { gap: 20px; } .index-catalog__col { padding: 20px; } .page.open-menu-lt { padding-top: 187px; } } @media (max-width: 1500px) { .layout__col .catalog__card { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } #bx-soa-order > .col-sm-9.bx-soa { -webkit-box-flex: 0; -ms-flex: 0 1 70%; flex: 0 1 70%; } } @media (max-width: 1452px) { .page-title { padding: 0px 9.091% 0px 40px; } .page-title__text { font-size: 34px; line-height: 41px; left: 70px; padding-right: 410px; } .layout__col .result__card { -webkit-box-flex: 0; -ms-flex: 0 1 33.333%; flex: 0 1 33.333%; } .popup.popup_basket .popup__body::after { right: 232px; } .popup.popup_basket .popup__body { max-width: 640px; padding: 40px 30px 40px 0px; } .popup.popup_basket .popup__top { margin: 0px 0px 0px 20px; display: -ms-grid; display: grid; -ms-grid-columns: (auto)[2] 140px; grid-template-columns: repeat(2, auto) 140px; gap: 20px; } .popup.popup_basket .popup__close { -ms-grid-column-align: end; justify-self: end; } .popup.popup_basket .popup__right { -webkit-box-flex: 0; -ms-flex: 0 0 205px; flex: 0 0 205px; } .basket-card { padding: 20px 10px 20px 0px; } .basket-card__image { -webkit-box-flex: 0; -ms-flex: 0 0 78px; flex: 0 0 78px; } .basket-card__not-available { margin: 10px 0px 0px 20px; } .menu-lt__cat-logo { margin: 0px 0px 12px 0px; } .menu-lt__text { font-size: 14px; line-height: 22px; } .copyright__item:first-child { -webkit-box-flex: 0; -ms-flex: 0 1 32%; flex: 0 1 32%; } .copyright__item:nth-child(2) { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .copyright__item:nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 15px 0px 0px 32%; } .top-button { right: 48px; } .index-works { padding: 75px 0px 50px 0px; } .index-sale__slide { padding: 25px 40px; padding-top: 12%; padding-top: 130px; } .index-sale__title { font-size: 30px; line-height: normal; padding: 15px 40px; max-width: 282px; } .index-catalog { margin-bottom: 67px; margin-top: 85px; } .index-catalog__item-name { font-size: 23px; line-height: normal; } .index-opt__row { gap: 50px; } .gost__row { gap: 50px; } .catalog__sidebar { margin: 0px 35px 0px 0px; -webkit-box-flex: 0; -ms-flex: 0 0 213px; flex: 0 0 213px; } .product__right { -webkit-box-flex: 0; -ms-flex: 0 0 457px; flex: 0 0 457px; } .slider-product__nav { height: 410px; } .product__spec-value { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .personal-data { padding: 26px 45px 37px 43px; } .addresses { padding: 26px 45px 37px 43px; } .orders { padding-bottom: 38px; } .advantages__col { padding: 37px 20px 40px 30px; } .advantages__third-block .advantages__text { margin: 0px 60px 0px 0px; } .certificates__item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .del__map { margin: 0px 0px 50px 0px; } .case__content { -webkit-box-flex: 0; -ms-flex: 0 0 320px; flex: 0 0 320px; margin: 0px 40px 0px 0px; } .compare__btns { padding-right: 9.091%; } } @media (max-width: 1450px) { .product__advantages { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 1440.98px) { .index-about { background-position: 0 0, 50% 30%; } } @media (max-width: 1440px) { .header.first-screen { max-height: 900px; } .main-slider { max-height: 900px; } .about .first-screen { -webkit-transform: translate(0px, -230px); -ms-transform: translate(0px, -230px); transform: translate(0px, -230px); max-height: 900px; } .about .first-screen__title { font-size: 40px; line-height: 49px; } .about .first-screen__subtitle { font-size: 20px; line-height: 27px; } .about .catalog { margin-bottom: 60px; } .about .catalog__title { font-size: 40px; line-height: 49px; } .about .catalog__row { padding-right: 105px; -ms-grid-rows: 356px; grid-template-rows: 356px; } .about .catalog__card:first-child img { width: 409px; height: 651px; -webkit-transform: translate(-160px, -115px); -ms-transform: translate(-160px, -115px); transform: translate(-160px, -115px); } .about .catalog__card:first-child:hover img { -webkit-transform: translate(-145px, -115px); -ms-transform: translate(-145px, -115px); transform: translate(-145px, -115px); } .about .catalog__card:nth-child(2) img { width: 277px; height: 356px; } .about .catalog__card:nth-child(3) img { width: 488px; height: 316px; } .about .catalog__card:last-child img { width: 207px; height: 562px; } .about .works { margin-bottom: 100px; } .about .works__title { font-weight: 700; font-size: 40px; line-height: 49px; } .about .works__slider-wrapper { -ms-grid-columns: 1fr 400px; grid-template-columns: 1fr 400px; gap: 30px; } .about .works__slide { width: 232px; height: 283px; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .about .works__name { font-weight: 600; font-size: 20px; line-height: 24px; } .about .delivery__title { font-weight: 700; font-size: 40px; line-height: 49px; margin-bottom: 34px; } .about .delivery__green-text { font-weight: 700; font-size: 40px; line-height: 49px; } .trust__title { font-weight: 700; font-size: 40px; line-height: 49px; } .advantages { margin-bottom: 90px; } } @media (max-width: 1300px) { #bx-soa-order-form .bx-soa-cart-total-line .bx-soa-cart-d { font-size: 28px; } .header.first-screen { max-height: 850px; } .main-slider { max-height: 850px; } .main-slider__bg-slider { max-height: 850px; } .about .first-screen { max-height: 850px; } .about .services__title { font-weight: 700; font-size: 40px; line-height: 49px; } .about .services__items { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); -ms-grid-rows: (310px)[3]; grid-template-rows: repeat(3, 310px); } } @media (max-width: 1280px) { .page-title__text { left: 55px; } .layout__col .result__card { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .header { padding: 25px 100px 0px 40px; } .header__logo { margin: 15px 51px 0px 0px; } .header__logo-svg { height: 75px; width: 215px; } .header__logo-text { font-size: 16px; top: 27px; left: 13px; } .header__col { margin: 12px 0px 0px 20px; } .menu__item { margin: 0px 30px 0px 0px; } .footer__social { -webkit-box-flex: 0; -ms-flex: 0 0 130px; flex: 0 0 130px; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .footer__social-link { margin: 0px 10px 10px 0px; } .form-footer { background-position: -230px center; } .form-footer__text { -webkit-box-flex: 0; -ms-flex: 0 1 297px; flex: 0 1 297px; margin: 0px 30px 0px 0px; } .form-footer__form { max-width: 420px; } .form-footer__btn { -webkit-box-flex: 0; -ms-flex: 0 0 156px; flex: 0 0 156px; } .top-button { right: 35px; } .index-about__regalia-num { font-size: 66px; } .services__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .services__more { width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .index-sale__nav-btn { width: 56px; height: 40px; } .index-catalog { margin-bottom: 55px; } .index-catalog__grid { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); grid-auto-rows: 26.9vw; } .index-catalog__item:last-child { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } .gost__title { font-size: 60px; } .catalog { padding: 0px 9.091% 0px 30px; } .sort__box { margin: 0px 15px 0px 0px; } .sort__title { display: none; } .sort__select_mw { margin: 0px 15px 0px 0px; } .layout-col { margin: 0px 20px 0px 0px; } .product__left-bottom { margin: 40px 0px 0px 70px; } .product__share { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .product__right { -webkit-box-flex: 0; -ms-flex: 0 0 440px; flex: 0 0 440px; } .product__advantages-img { width: 25px; height: 34px; } .product__advantages-text { font-size: 10px; } .slider-product__inner { margin: 0px 9px 0px 0px; } .slider-product__nav { height: 297px; width: 62px; } .slider-product__nav-btns { margin: 10px 0px 0px 0px; } .slider-product__nav-prev, .slider-product__nav-next { height: 32px; } .product__tabs { margin: 0px 0px 50px 0px; } .product__row { padding: 0px 0px 15px 0px; } .personal-data { margin: 0px 0px 35px 0px; } .personal-data__log-out { margin: 0; max-width: 242px; } .addresses__content { max-height: 320px; } .addresses__item { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .addresses__label { -webkit-box-flex: 0; -ms-flex: 0 1 88%; flex: 0 1 88%; margin: 0px 0px 20px 0px; } .addresses__change-data { margin: 0px 0px 0px 43px; } .orders { padding-bottom: 38px; } .advantages__title_right { text-align: left; } .advantages__second-block .advantages__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .advantages__col { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; border: 1.5px solid #515151; } .advantages__third-block .advantages__row { margin: 0px 0px 96px 0px; } .advantages__third-block .advantages__text { max-width: 360px; } .advantages__gallery-photo { height: 210px; } .articles__item .article-preview { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .articles__item .article-preview__image { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; } .article__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .article__labels { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin: 0px 0px 35px 0px; } .article__label { margin: 0px 10px 0px 0px; } .contacts__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .contacts__name { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 8px 0px; } .our-works__item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 2rem); flex: 1 1 calc(100% - 2rem); } #bx-soa-order > .col-sm-9.bx-soa { -webkit-box-flex: 1; -ms-flex: auto; flex: auto; margin-right: 0; } #bx-soa-order-form #bx-soa-total-mobile { display: block !important; } #bx-soa-order-form #bx-soa-total-mobile .btn-order-save { display: none !important; } #bx-soa-order-form #bx-soa-total-mobile .bx-soa-cart-total { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 20px; } #bx-soa-order-form #bx-soa-total-mobile .bx-soa-cart-total .bx-soa-cart-total-line { margin-right: 60px; margin-bottom: 0; } #bx-soa-order-form #bx-soa-total { display: none !important; } .about .catalog__header { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin-bottom: 38px; } .about .delivery { padding-bottom: 35%; } .about .photo-slider__slider { height: 317px; } .about .photo-slider__image img { width: 100%; -o-object-fit: cover; object-fit: cover; } .about .callback { margin-bottom: 90px; border-bottom: none; } .about .callback__row { display: block; } .about .callback__desc { max-width: 100%; } .about .callback__human { display: none; } .about .callback__text { margin-bottom: 20px; } .about .callback__form { margin: 0; } .advantages__title { margin-bottom: 35px; font-weight: 700; font-size: 40px; line-height: 49px; } .page.open-menu-lt { padding-top: 179px; } } @media (max-width: 1280.98px) { .index-about { background-position: 0 0, 61% 40%; } } @media (max-width: 1270px) { .index-about__desc { font-size: 16px; line-height: 24px; } } @media (max-width: 1260px) { .about .catalog__row { -ms-grid-columns: (minmax(266px, 1fr))[2]; grid-template-columns: repeat(2, minmax(266px, 1fr)); -ms-grid-rows: (356px)[2]; grid-template-rows: repeat(2, 356px); } .about .catalog__card:last-child img { left: 50%; -webkit-transform: translate(-50%, 32px); -ms-transform: translate(-50%, 32px); transform: translate(-50%, 32px); } .about .catalog__card:last-child:hover img { -webkit-transform: translate(-50%, 15px); -ms-transform: translate(-50%, 15px); transform: translate(-50%, 15px); } } @media (max-width: 1200px) { .page-title__text { padding-right: 330px; } .menu-lt__images { display: none; } } @media (max-width: 1180px) { .header { padding: 25px 83px 0px 40px; } .header__logo { margin: 12px 35px 0px 0px; } .header__col { margin: 10px 0px 0px 20px; } .header__search { margin: -12px 0px 0px 0px; } .menu-lt__cat-logo { margin: 0px 0px 25px 0px; } .menu-lt__text { font-size: 12px; line-height: 18px; } .page.open-menu-lt { padding-top: 177px; } } @media (max-width: 1150px) { .popup.popup_basket .popup__right { padding: 0px 0px 0px 34px; } .case__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .case__content { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 20px 0px; } .compare__btns { -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; } .compare__box { margin: 0; } } @media (max-width: 1122px) { .trust__item:nth-child(even)::before { display: none; } } @media (max-width: 1120px) { .header__logo-svg { width: 150px; height: 53px; } .header__logo-text { font-size: 11px; top: 19px; left: 9px; } } @media (max-width: 1100px) { .callback__col:last-child { -webkit-box-flex: 0; -ms-flex: 0 0 390px; flex: 0 0 390px; } .links-block__item_1, .links-block__item_2 { padding-right: 0; padding-left: 40px; } .links-block__item_1 img, .links-block__item_2 img { right: auto; left: 0; } } @media (max-width: 1010px) { .footer__center { margin: 0px 0px 20px 0px; gap: 20px; } .footer__inner { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .footer__working { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .footer__adders { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .footer__social { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } } @media (max-width: 998px) { .wrapper { padding-left: 0; } .case-card__center { padding: 0px 35px; } .page-title__text { position: static; color: #fff; z-index: 0; padding-right: 0; } .page-title__text br { display: none; } .page-title__img { display: none; } .video-block { height: 497px; } .breadcrumbs { padding: 0 20px; } .popup_siz, .popup_shoes, .popup_clothes, .modal_catalog { visibility: visible; position: static; width: auto; height: auto; } .popup_siz::before, .popup_shoes::before, .popup_clothes::before, .modal_catalog::before { display: none; } .popup_siz .popup__body, .popup_shoes .popup__body, .popup_clothes .popup__body, .modal_catalog .popup__body { -webkit-transform: none; -ms-transform: none; transform: none; padding: 0; height: auto; } .popup_siz .popup__close, .popup_shoes .popup__close, .popup_clothes .popup__close, .modal_catalog .popup__close { display: none; } .header__wrapper { margin: 0px 0px 30px 0px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo { margin: 0; } .header__menu { display: none; } .header__tel { margin: 0px 0px 7px 0px; } .header__pseudo-link { margin: 0; } .header__city { margin: 12px 0px 0px 0px; } .header__search { margin: 0; -webkit-box-flex: 0; -ms-flex: none; flex: none; } .header__search-link { max-width: 75px; min-width: auto; } .header__search-text { display: none; } .city__dropdown { left: 0; } .menu__item_dropdown { display: none; } .menu-rt { position: relative; -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; top: 0; right: 0; } .menu-lt { position: static; width: 100%; background: #2e2c30; } .menu-lt__logo { display: none; } .menu-lt__cat-logo { margin: 0px 0px 6px 0px; } .menu-lt__subcategory { min-width: auto; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .menu-lt__sub-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; border-bottom: 1px solid #515151; } .menu-lt__sub-item:nth-child(odd), .menu-lt__sub-item:nth-child(even) { border-radius: 0; } .menu-lt__sub-link { padding: 14px 40px; min-height: auto; font-size: 22px; line-height: 26px; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; } .menu-mobile { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: start; align-content: flex-start; } .menu-mobile .header__col { -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; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 45px 0px; padding: 0px 0px 0px 30px; } .menu-mobile .menu__body { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin: 0px 0px 30px 0px; padding: 0px 30px; } .menu-mobile .menu-lt { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; overflow: visible; height: auto; } .icon-menu { display: block; position: relative; width: 30px; height: 19px; cursor: pointer; } .icon-menu span { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; top: calc(50% - 1px); left: 0px; position: absolute; width: 100%; height: 3px; background-color: #fff; } .icon-menu span:first-child { top: 0px; } .icon-menu span:last-child { top: auto; bottom: 0px; } .icon-menu._active span { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } .icon-menu._active span:first-child { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); top: calc(50% - 1px); } .icon-menu._active span:last-child { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); bottom: calc(50% - 1px); } .sub-menu-catalog { position: fixed; top: 0; right: -100%; width: 100%; height: 100%; padding: 35px 0; -webkit-transition: right 0.3s ease 0s; -o-transition: right 0.3s ease 0s; transition: right 0.3s ease 0s; background: -o-linear-gradient(top, rgb(81, 81, 81) 100px, rgb(63, 62, 65) 100px); background: linear-gradient(180deg, rgb(81, 81, 81) 100px, rgb(63, 62, 65) 100px); } .sub-menu-open .sub-menu-catalog { display: block; right: 0; z-index: 6; } .sub-menu-catalog__container { padding-top: 30px; height: 100%; } .sub-menu-catalog__link { padding: 0 25px; } .footer { margin: 70px 0px 0px 0px; } .form-footer__row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .form-footer__text { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px 0px 30px 0px; } .form-footer__form { -ms-flex-wrap: wrap; flex-wrap: wrap; max-width: 100%; } .form-footer .form__line { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px 0px 20px 0px; } .form-footer__btn { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .copyright__body { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .copyright__item { text-align: center; } .copyright__item:first-child, .copyright__item:nth-child(2), .copyright__item:nth-child(3), .copyright__item:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 15px 0px 0px 0px; } .copyright__item:first-child { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .copyright__item:nth-child(2) { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .copyright__item:nth-child(3) { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .copyright__item:last-child { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .index-about { background-position: 0 0, 61% 0%; } .index-about__title { font-size: 60px; line-height: normal; margin-top: 70px; margin-bottom: 40px; } .index-about__desc { margin: 0px 0px 20px 0px; } .index-about__regalia { margin: 0px 0px 45px 0px; } .index-about__regalia-num { font-size: 56px; } .callback__form .form__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .callback__form .form__button { margin: 0px 0px 25px 0px; } .index-sale__slide { padding: 58px 34px 28px 38px; } .index-opt { margin-bottom: 45px; } .index-opt__title { font-size: 60px; } .index-opt__row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; gap: 33px; } .index-opt__image-ibg { height: 222px; } .gost { margin-bottom: 70px; } .gost__row { -ms-grid-columns: 1fr; grid-template-columns: 1fr; gap: 33px; } .gost__image-ibg { height: 222px; } .catalog { padding: 0px 30px; } .catalog__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .catalog__sidebar { margin: 0px 0px 25px 0px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .catalog__header { display: -webkit-box; display: -ms-flexbox; display: flex; } .catalog__sort { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } .product { padding: 0px 20px; } .product__left-bottom { margin: 40px 0px 0px 40px; } .product__tab-item { margin: 0px 15px 0px 0px; } .addresses { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .addresses__header { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .orders__header { -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; } .orders__title { margin: 0px 0px 30px 0px; } .order__details { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order__total { padding: 38px 0px 0px 0px; } .order__text { margin: 0px 70px 0px 0px; } .card-order__price { margin: 0px 20px 0px 0px; } .card-order__quantity { margin: 0px 14px 0px 0px; } .advantages.index-advantages { margin-bottom: 40px; } .advantages__third-block .advantages__row { margin: 0px 0px 76px 0px; } .advantages__third-block .advantages__text { max-width: 250px; } .advantages__gallery { gap: 7px; } .advantages__gallery-photo { height: 163px; } .certificates__item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 50px 30px 74px 46px; } .service__title { margin: 0px 0px 20px 0px; } .service__subtitle { -webkit-box-flex: 0; -ms-flex: 0 0 180px; flex: 0 0 180px; } .articles { padding: 0px 20px; } .contacts ._container { padding: 0px 20px; } .contacts__first-block._container { padding-bottom: 20px; padding-top: 20px; } .our-works__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .our-works__item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(50% - 2rem); flex: 1 1 calc(50% - 2rem); } .our-works__sidebar { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 20px 0px; } .product-in-case { margin: 0px 0px 30px 0px; } .main-slider { overflow: hidden; } .about .first-screen__title { margin-bottom: 16px; } .about .first-screen__subtitle { font-weight: 400; font-size: 18px; line-height: 27px; } .about .first-screen__subtitle:first-child { margin-bottom: 10px; } .about .catalog__title { font-weight: 600; font-size: 22px; line-height: 27px; } .about .catalog__row { padding-right: 0; } .about .works__slider-wrapper { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .about .services { margin-bottom: 70px; } .about .services__header { display: block; } .about .services__title { margin-bottom: 17px; margin-right: 0; } .index-advantages .advantages__row { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } .index-advantages .advantages__top { margin-bottom: 0; } .advantages__subtitle { font-size: 19px; } .page.open-menu-lt { padding-top: 0; } .thanks__title { font-size: 50px; } .thanks__text { font-size: 20px; margin-bottom: 40px; } } @media (max-width: 991px) { #bx-soa-order-form #bx-soa-basket .bx-soa-basket-info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; gap: 30px; margin-bottom: 30px; -ms-flex-wrap: wrap; flex-wrap: wrap; } #bx-soa-order-form #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td { -webkit-box-flex: 1; -ms-flex: 1 1; flex: 1 1; } #bx-soa-order-form #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td * { text-align: left; } #bx-soa-order-form #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td:first-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; min-width: auto !important; } #bx-soa-order-form #bx-soa-basket .bx-soa-basket-info .bx-soa-item-td:not(:first-child) { 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; } } @media (max-width: 950px) { .faq__subtitle { max-width: 500px; } } @media (max-width: 900px) { .basket-card { padding: 15px; position: relative; min-height: 260px; } .basket-card__image { -webkit-box-flex: 0; -ms-flex: 0 0 27.5%; flex: 0 0 27.5%; } .basket-card__name { font-size: 16px; } .basket-card__size { position: absolute; bottom: 100px; left: 15px; margin: 0; } .basket-card__bottom { position: absolute; bottom: 50px; left: 15px; } .basket-card__bottom .quantity { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .basket-card__prices { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px 0px 15px 0px; } .basket-card__price { margin: 0px 25px 0px 0px; } .basket-card__price-total { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 20px; } } @media (max-width: 780px) { .faq__subtitle { max-width: 300px; } } @media (max-width: 768px) { ._container { padding: 0px 20px; } .popular__title { font-size: 26px; line-height: 31px; } .popular__nav-prev_3, .popular__nav-next_3, .popular__nav-prev_2, .popular__nav-next_2, .popular__nav-prev_1, .popular__nav-next_1, .popular__nav-prev, .popular__nav-next { width: 56px; height: 58px; } .page-title { padding: 0px 20px 0px 20px; } .main-title { font-size: 22px; line-height: 27px; } .layout__row .catalog__card { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .layout__row .result__card { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .video-block { height: 250px; margin: 0px 0px 50px 0px; } .pagging__arrow:first-child { margin: 0px 0px 0px 0px; } .pagging__arrow:last-child { margin: 0px 0px 0px 9px; } .popup.popup_search .popup__body { padding: 15px; } .popup.popup_consent .popup__title, .popup.popup_policy .popup__title { font-size: 22px; } .popup.popup_basket .popup__body::after { display: none; } .popup.popup_basket .popup__body { padding: 20px 0px 20px 0px; } .popup.popup_basket .popup__top { padding: 24px 15px 0px 15px; margin: 0px 0px 15px 0px; } .popup.popup_basket .popup__title { font-size: 30px; } .popup.popup_basket .popup__close { margin: 0; } .popup.popup_basket .popup__center { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 0; overflow: auto; } .popup.popup_basket .popup__left { height: auto; overflow: visible; } .popup.popup_basket .popup__right { padding: 30px 20px 60px 20px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; overflow: visible; } .basket-card { max-width: none; } .basket-card__size { position: static; margin: 0px 0px 15px 0px; } .basket-card__bottom { position: static; } .popup_size-table .popup__close { position: absolute; top: 0; right: 0; } .popup_size-table .popup__text { margin: 0; font-size: 14px; line-height: 1.1; margin-top: 10px; } .add-basket__bottom { padding: 25px 30px; } .header { padding: 15px 30px 0px 10px; margin: 0; } .header__logo-svg { width: 174px; height: 60px; } .header__logo-text { font-size: 11px; top: 22px; left: 9px; } .menu__item { margin: 0; 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; -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; } .menu__item_dropdown { display: none; } .menu-catalog__link { padding: 0 20px; border-radius: 0 !important; } .footer { margin: 50px 0px 0px 0px; } .footer__row { -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; } .footer__col:last-child { -webkit-box-flex: 0; -ms-flex: none; flex: none; width: 100%; } .footer__menu { margin: 0; } .footer__menu-list { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin: 0px 0px 27px 0px; gap: 25px; } .footer__menu-item { -webkit-box-flex: 0; -ms-flex: 0 1 50%; flex: 0 1 50%; text-align: center; } .footer__center { margin: 0px 0px 20px 0px; max-width: 100%; } .footer__inner { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .footer__working { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__working br { display: none; } .footer__adders { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; max-width: 100%; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__social { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .footer__social-link { margin: 0; } .footer__price { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .footer__callback { width: 100%; } .footer__pay { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .form-footer { background-image: none; } .markets { max-width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin: 0px 0px 15px 0px; } .markets__title { text-align: center; } .markets__row { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: space-evenly; -ms-flex-pack: space-evenly; justify-content: space-evenly; } .copyright__body { padding: 35px 0px 50px 0px; } .payment { text-align: center; } .top-button { display: none; } .index-about { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(60, 60, 60)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(75%, rgb(81, 81, 81))), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: -o-linear-gradient(top, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 65%, rgb(81, 81, 81) 75%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: linear-gradient(180deg, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 65%, rgb(81, 81, 81) 75%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background-position: 0 0, -800px 40px; background-size: auto, 1920px 1139px; } .index-about__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 20px 0px 0px 0px; } .index-works { padding: 35px 0px 50px 0px; } .index-works__container { padding: 0; } .index-works__wrapper { margin: 0px 0px 35px 0px; } .index-works__header { margin: 0; padding: 0px 20px; } .index-works__title { font-size: 26px; line-height: 31px; } .index-works__nav-next, .index-works__nav-prev { width: 56px; height: 58px; } .index-works .popular { padding: 0px 20px; } .index-callback { padding-bottom: 20px; padding-top: 40px; } .callback__title { font-size: 38px; } .callback__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .callback__col:first-child { margin: 0; } .callback__col:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .callback__form .form__button { width: 100%; } .services__title { font-size: 26px; margin-bottom: 26px; } .services__more { font-size: 22px; line-height: 27px; } .index-sale__slide { padding: 0; } .index-sale__image-ibg { position: static; height: 190px; } .index-sale__image-ibg img { position: static; } .index-sale__row { background: #000; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 20px; } .index-sale__title { padding: 0; font-size: 24px; max-width: 165px; } .index-sale__link { padding: 0; } .index-sale__link span { display: none; } .index-catalog { margin-bottom: 37px; margin-top: 25px; } .index-catalog__col { padding: 15px 20px; padding-bottom: 10px; } .index-catalog__item-name { font-size: 18px; } .index-opt__title { font-size: 34px; margin-bottom: 23px; } .gost { margin-bottom: 40px; } .gost__title { font-size: 34px; margin-bottom: 30px; } .index-trust { margin-bottom: 40px; } .catalog { padding: 0px 20px; } .sort__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; } .sort__select { width: 100%; } .sort__select_mw { margin: 0px 0px 15px 0px; } .sort__layout { display: none; } .product__title { font-size: 24px; line-height: 30px; } .product__content { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 30px 0px; } .product__left-bottom { margin: 20px 0px 20px 70px; } .product__right { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 0px 0px; padding: 30px 20px; } .product__advantages { -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; } .product__tabs { margin: 0px 0px 30px 0px; } .product__tab-items { margin: 0px 0px 30px 0px; } .product__block_second .product__advantages-img { width: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; height: 30px; } .data { padding: 0; margin: 15px 0px 25px 0px; } .data__title { padding: 0px 15px; } .personal-data { padding: 40px 20px; } .personal-data__header { margin: 0px 0px 35px 0px; } .personal-data__title { font-size: 22px; } .personal-data__log-out { max-width: 100%; } .addresses { padding: 34px 15px; } .addresses__title { font-size: 22px; margin: 0px 0px 20px 0px; } .addresses__content { padding: 0; } .addresses__btn-add { width: 100%; } .addresses__label { -webkit-box-flex: 0; -ms-flex: 0 1 70%; flex: 0 1 70%; } .addresses__item-row { margin: 10px 0px 0px -43px; width: 140%; } .addresses__change-data { margin: 0; width: 100%; -webkit-box-flex: 0; -ms-flex: none; flex: none; max-width: 245px; } .orders { padding: 0; padding-bottom: 38px; } .orders__header { padding: 0px 0px 0px 15px; } .orders__title { font-size: 22px; } .orders .pagging { padding: 0px 15px; } .order { padding: 8px 15px; padding-top: 25px; } .order__status { left: 0; } .order__details { padding: 0px; } .order__cards { padding: 34px 0px 35px 0px; } .card-order { position: relative; } .card-order__name { margin: 0px 0px 100px 0px; } .card-order__size { position: absolute; left: 0; bottom: 0; margin: 0px 0px 32px 0px; } .card-order__prices { position: absolute; left: 0; bottom: 0; } .result__title { font-size: 22px; line-height: 27px; } .advantages { padding: 40px 0px 0px 0px; } .advantages__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 65px 0px; } .advantages__title { font-size: 22px; line-height: 27px; margin: 0px 0px 20px 0px; } .advantages__image { margin: 30px 0px 0px 0px; width: 215px; } .advantages__big-image { margin: 0px 0px 30px 0px; } .advantages__second-block .advantages__row { padding: 0; } .advantages__col { border: none; -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .advantages__third-block { padding: 0; padding-top: 40px; } .advantages__third-block .advantages__row { margin: 0px 0px 50px 0px; padding: 0px 20px; } .advantages__third-block .advantages__text { margin: 0px 0px 40px 0px; max-width: 100%; } .advantages__third-block .advantages__title { padding: 0px 0px 0px 20px; } .advantages__gallery { gap: 3px; margin: 0px 0px 50px 0px; } .advantages__gallery-photo { height: 120px; } .del__title { font-size: 24px; line-height: 28px; } .del__subtitle { font-size: 20px; line-height: 22px; margin: 0px 0px 20px 0px; } .del__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; margin: 0px 0px 30px 0px; } .del__name { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 0px 10px 0px; font-size: 18px; line-height: 22px; } .del__text { font-size: 14px; line-height: 20px; } .faq { padding: 15px 0px 0px 0px; } .faq__title { padding: 0px 0px 0px 20px; margin: 0px 0px 30px 0px; } .faq__block { padding: 0px 20px; } .service__row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .service__subtitle { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 0px 15px 0px; } .articles__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .articles__sidebar { -webkit-box-flex: 0; -ms-flex: none; flex: none; margin: 0px 0px 20px 0px; } .article { margin: 10px 0px 45px 0px; } .article__title { margin: 0px 0px 12px 0px; } .article__labels { margin: 0px 0px 12px 0px; } .article__main-image { margin: 0px 0px 12px 0px; } .article__gallery { margin: 0px 0px 50px 0px; } .article .video-block { margin: 0px 0px 30px 0px; } .more-articles__item .article-preview { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .more-articles__item .article-preview__image { -webkit-box-flex: 0; -ms-flex: 0 0 350px; flex: 0 0 350px; } .contacts__first-block-wrapper .contacts__row { margin: 0; } .contacts__first-block-wrapper { display: block; } .contacts__first-block-wrapper .contacts__row:not(:last-child) { margin: 0px 0px 30px 0px; } .contacts__first-block-wrapper .contacts__col:first-child { margin: 0px 0px 30px 0px; } .contacts__row { margin-right: 0; } .contacts__second-block { background: none; } .contacts__second-block-wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; padding: 20px 0px; } .contacts__second-block-wrapper .contacts__col:first-child, .contacts__second-block-wrapper .contacts__col:last-child { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; padding: 0; } .contacts__second-block-wrapper .contacts__col:last-child { position: relative; z-index: 1; padding-top: 20px; } .contacts__second-block-wrapper .contacts__col:last-child::after { content: ""; position: absolute; top: 0; left: -50%; width: 200%; height: calc(100% + 40px); background: #4a4a4a; display: block; z-index: -1; } .map { margin: 30px 0px; height: 50vh; } .our-works__item { -webkit-box-flex: 1; -ms-flex: 1 1 calc(100% - 2rem); flex: 1 1 calc(100% - 2rem); } .compare { padding: 0px 0px 0px 20px; } .compare__btns { padding-right: 20px; } #bx-soa-order-form { padding: 0px 20px; } #bx-soa-order-form #bx-soa-total-mobile .bx-soa-cart-total { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #bx-soa-order-form #bx-soa-total-mobile .bx-soa-cart-total .bx-soa-cart-total-line { margin-right: 0; margin-bottom: 11px; display: -webkit-box; display: -ms-flexbox; display: flex; } #bx-soa-order-form #bx-soa-total-mobile .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-t { margin-right: 15px; -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } #bx-soa-order-form #bx-soa-basket, #bx-soa-order-form .bx-soa-cart-total { padding: 20px; } #bx-soa-order-form #bx-soa-region { margin-bottom: 30px; } #bx-soa-order-form .bx_soa_location .col-xs-12 .form-group:first-child { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 30px; } #bx-soa-order-form .bx_soa_location .col-xs-12 .form-group:first-child .radio-inline { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; } #bx-soa-order-form .bx-sls { max-width: none; } #bx-soa-order-form #bx-soa-properties .row { display: block; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer { margin-bottom: 20px; margin-right: 0; } #bx-soa-order-form #bx-soa-properties .row .bx-soa-customer { margin-bottom: 30px; margin-right: 0; } #bx-soa-order-form #bx-soa-orderSave { -ms-flex-wrap: wrap; flex-wrap: wrap; } #bx-soa-order-form #bx-soa-orderSave .btn { margin-right: 0 !important; } #bx-soa-order-form .form-check-label, #bx-soa-order-form .bx-soa-pp-company-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; width: 100%; } .header.first-screen { height: 100vh; min-height: 581px; } .main-slider { height: 100vh; min-height: 581px; } .main-slider__human { width: 220px; height: 530px; position: relative; } .main-slider__nav-btn { width: 56px; height: 58px; } .main-slider__bg-slider { height: 100vh; min-height: 581px; } .links-block__item { -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .links-block__item::before { content: ""; display: block; background: url("/local/templates/main/css/../img/svg/icon_close-wht.svg") center center no-repeat; width: 30px; height: 30px; -webkit-box-flex: 0; -ms-flex: 0 0 30px; flex: 0 0 30px; border-radius: 20%; cursor: pointer; } .links-block__item .links-block__link { opacity: 0; visibility: hidden; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; font-size: 11px; line-height: 14px; -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; pointer-events: none; } .links-block__item .links-block__line { display: none; } .links-block__item::after { display: none; } .links-block__item.links-block__item_open .links-block__link { opacity: 1; visibility: visible; pointer-events: auto; } .links-block__item.links-block__item_open .links-block__line { display: block; } .links-block__item.links-block__item_open::after { display: block; } .links-block__item.links-block__item_open::before { display: none; } .links-block__item_1, .links-block__item_2 { padding-left: 25px; } .links-block__item_3, .links-block__item_4, .links-block__item_5 { padding-left: 25px; } .links-block__item_6, .links-block__item_7, .links-block__item_8 { padding-left: 40px; } .links-block__item_1 { top: 0%; left: 64%; -webkit-transition: all 0.3s ease 0s; -o-transition: all 0.3s ease 0s; transition: all 0.3s ease 0s; } .links-block__item_1.links-block__item_open { top: -4%; left: 70%; } .links-block__item_1 .links-block__link { margin-right: 0; margin-left: 10px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .links-block__item_1 .links-block__line { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); width: 30px; height: 30px; } .links-block__item_1::after { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .links-block__item_2 { top: 7.5%; left: 67%; } .links-block__item_2.links-block__item_open { top: 4%; left: 75%; } .links-block__item_2 .links-block__link { margin-right: 0; margin-left: 10px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .links-block__item_2 .links-block__line { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); width: 30px; height: 30px; } .links-block__item_2::after { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .links-block__item_3 { top: 15%; left: 70%; } .links-block__item_3.links-block__item_open { top: 12%; left: 75%; } .links-block__item_3 .links-block__link { margin-right: 0; margin-left: 10px; } .links-block__item_3 .links-block__line { width: 30px; height: 30px; } .links-block__item_4 { top: 22.5%; left: 78%; } .links-block__item_4.links-block__item_open { top: 19%; left: 80%; } .links-block__item_4 .links-block__link { margin-right: 0; margin-left: 10px; } .links-block__item_4 .links-block__line { width: 30px; height: 30px; } .links-block__item_5 { top: 30%; left: 86%; } .links-block__item_5.links-block__item_open { top: 27%; left: 91%; } .links-block__item_5 .links-block__link { margin-right: 0; margin-left: 10px; } .links-block__item_5 .links-block__line { width: 30px; height: 30px; } .links-block__item_6 { top: 45%; left: 65%; } .links-block__item_6.links-block__item_open { top: 40%; left: 70%; } .links-block__item_6 .links-block__link { margin-right: 0; margin-left: 10px; } .links-block__item_6 .links-block__line { width: 40px; height: 55px; } .links-block__item_7 { top: 55%; left: 75%; } .links-block__item_7.links-block__item_open { top: 45%; left: 86%; } .links-block__item_7 .links-block__link { margin-right: 0; margin-left: 10px; } .links-block__item_7 .links-block__line { width: 40px; height: 55px; } .links-block__item_8 { top: 65%; left: 60%; } .links-block__item_8.links-block__item_open { top: 51%; left: 55%; } .links-block__item_8 .links-block__link { margin-right: 0; margin-left: 30px; } .links-block__item_8 .links-block__line { width: 60px; height: 90px; } .about .first-screen { -webkit-transform: translate(0px, -190px); -ms-transform: translate(0px, -190px); transform: translate(0px, -190px); } .about .first-screen__title { font-weight: 600; font-size: 22px; line-height: 27px; } .about .first-screen__bottom { -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; } .about .first-screen__green-btn { margin-bottom: 20px; } .about .catalog { margin-bottom: 30px; } .about .catalog__row { -ms-grid-columns: 1fr; grid-template-columns: 1fr; -ms-grid-rows: (144px)[4]; grid-template-rows: repeat(4, 144px); } .about .catalog__card:first-child img { -webkit-transform: translate(-110px, -210px); -ms-transform: translate(-110px, -210px); transform: translate(-110px, -210px); } .about .catalog__card:first-child:hover img { -webkit-transform: translate(-100px, -210px); -ms-transform: translate(-100px, -210px); transform: translate(-100px, -210px); } .about .catalog__card:nth-child(2) img { left: 42%; -webkit-transform: translate(-50%, -35%); -ms-transform: translate(-50%, -35%); transform: translate(-50%, -35%); } .about .catalog__card:nth-child(2):hover img { -webkit-transform: translate(-45%, -35%); -ms-transform: translate(-45%, -35%); transform: translate(-45%, -35%); } .about .catalog__card:nth-child(3) img { left: 80%; -webkit-transform: translate(-50%, -69px); -ms-transform: translate(-50%, -69px); transform: translate(-50%, -69px); } .about .catalog__card:nth-child(3):hover img { -webkit-transform: translate(-55%, -69px); -ms-transform: translate(-55%, -69px); transform: translate(-55%, -69px); } .about .catalog__card:last-child img { -webkit-transform: translate(-50%, -16%); -ms-transform: translate(-50%, -16%); transform: translate(-50%, -16%); } .about .catalog__card:last-child:hover img { -webkit-transform: translate(-50%, -20%); -ms-transform: translate(-50%, -20%); transform: translate(-50%, -20%); } .about .works { margin-bottom: 50px; } .about .works__header { -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; } .about .works__title { font-weight: 700; font-size: 22px; line-height: 27px; margin-bottom: 20px; margin-right: 0; } .about .works__desc-slide { padding: 20px; } .about .delivery { margin-bottom: 20px; } .about .delivery__title { font-weight: 700; font-size: 22px; line-height: 27px; margin-bottom: 17px; } .about .delivery__row { display: block; } .about .delivery__col:first-child { margin-right: 0; margin-bottom: 17px; } .about .delivery__item:first-child { margin-bottom: 17px; } .about .delivery__green-text { font-size: 22px; line-height: 27px; } .about .services__title { font-weight: 700; font-size: 22px; line-height: 27px; } .about .photo-slider { padding: 0px 20px; } .about .photo-slider__header { margin-bottom: 34px; } .about .works__slider-counter { padding: 0 10px; } .about .swiper-pagination.swiper-pagination-fraction { padding: 0 10px; } .about .callback { margin-bottom: 45px; } .about .callback__form { background: #5D5D5D; margin: 0 -20px; padding: 30px 20px; } .trust__header { -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; } .trust__title { font-weight: 700; font-size: 22px; line-height: 27px; margin-bottom: 20px; } .trust__text { margin-left: 0; } .advantages { margin-bottom: 45px; } .advantages__title { font-weight: 700; font-size: 22px; line-height: 27px; margin-bottom: 25px; } .advantages__row { -ms-grid-columns: 1fr; grid-template-columns: 1fr; margin: 0 -20px; } .thanks { padding-bottom: 50px; } .thanks::after { right: 20px; bottom: 0px; width: 300px; height: 222px; } .thanks__title { font-size: 40px; margin-bottom: 40px; } .thanks__text { font-size: 16px; margin-bottom: 25px; } } @media (max-width: 768.98px) { .popular-new-slider .popular__slider { padding-left: 10px; margin-left: -10px; } .popular-new-slider .popular__thimb-slider { padding-right: 10px; margin-right: -10px; } } @media (max-width: 768px) and (orientation: landscape) { .popup.popup_basket .popup__top { padding: 5px 15px 5px 15px; margin: 0px 0px 0px 0px; } } @media (max-width: 767px) { #bx-soa-order-form #bx-soa-properties .nice-select .list { max-width: 100%; } } @media (max-width: 760px) { .product__link-to-delivery { margin: 0; } .product__share-text { display: none; } } @media (max-width: 660px) { .compare__box { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 100%; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; height: auto; } .compare__btn-param { padding: 0; } .compare__clear { margin: 0 auto; } } @media (max-width: 640px) { .about .services__items { display: block; } .about .services__item { height: 310px; padding: 20px; } } @media (max-width: 626.98px) { .index-about { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(60, 60, 60)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(65%, rgba(0, 0, 0, 0)), color-stop(75%, rgb(81, 81, 81))), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: -o-linear-gradient(top, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 65%, rgb(81, 81, 81) 75%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: linear-gradient(180deg, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 65%, rgb(81, 81, 81) 75%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background-position: 0 0, -830px 75px; background-size: auto, 1920px 1139px; } } @media (max-width: 620px) { .popup__body { padding: 10px; max-width: 100%; } .popup__title { font-size: 35px; } .popup__center { max-width: 100%; padding: 30px 0px 25px 0px; } .popup__form .form { max-width: 100%; } .add-basket__headline { -ms-grid-columns: 246px 124px 1fr; grid-template-columns: 246px 124px 1fr; } .add-basket__row { padding-left: 20px; } } @media (max-width: 600px) { .layout__row .result__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .layout__col .result__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } #bx-soa-order-form #bx-soa-basket .bx-soa-basket-info { gap: 10px; } .trust__item:nth-child(odd)::before { display: none; } .trust__item:nth-child(9)::after { display: block; } } @media (max-width: 580px) { .layout__row .catalog__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .layout__col .catalog__card { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } } @media (max-width: 575px) { #bx-soa-order-form .radio-inline { width: 100%; margin-right: 0; margin-bottom: 20px; } #bx-soa-order-form .radio-inline label { margin-bottom: 0; width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 570px) { .index-advantages .advantages__row { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media (max-width: 560.98px) { .index-about { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(60, 60, 60)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(68%, rgb(81, 81, 81))), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: -o-linear-gradient(top, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgb(81, 81, 81) 68%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: linear-gradient(180deg, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgb(81, 81, 81) 68%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background-position: 0 0, 61% -25%; } } @media (max-width: 560px) { .index-about__title { font-size: 34px; margin: 25px 0; } .index-about__regalia { max-width: 82px; } } @media (max-width: 558.98px) { .index-about { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(60, 60, 60)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(68%, rgb(81, 81, 81))), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: -o-linear-gradient(top, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgb(81, 81, 81) 68%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: linear-gradient(180deg, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgb(81, 81, 81) 68%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background-position: 0 0, 61% -8%; } } @media (max-width: 550px) { .product__advantages { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 500px) { .preloader__image { background-size: 400px; } .popup.popup_search .popup__body .form__button { max-width: 100%; } } @media (max-width: 480px) { .case-card__bottom { padding: 0px 35px; } .popular__header { -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; } .popular__title { margin: 0px 0px 20px 0px; } .popular__nav { -ms-flex-item-align: end; align-self: flex-end; } .popup__form { margin: 0px 0px 10px 0px; } .popup__btns { -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 10px; } .popup__btns .form__checkbox { margin: 0; } .popup .form__button.green-btn { width: 100%; } .search-result__image { -webkit-box-flex: 0; -ms-flex: 0 0 102px; flex: 0 0 102px; } .search-result__name { font-size: 16px; } .popup.popup_basket .popup__top { -ms-grid-columns: 1fr auto; grid-template-columns: 1fr auto; } .popup.popup_basket .popup__top .clear_cart { -ms-grid-row: 2; grid-row: 2; -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1/3; } .basket-card__name { margin: 0px 0px 110px 0px; } .basket-card__size { position: absolute; margin: 0; } .basket-card__bottom { position: absolute; } .popup.popup_register .popup__nav { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .popup.popup_register .popup__nav-item { max-width: 100%; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .popup.popup_register .popup__nav-item:first-child { margin: 0px 0px 10px 0px; } .add-basket__bottom { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: stretch; -ms-flex-align: stretch; align-items: stretch; padding: 20px; } .add-basket__button { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .header__logo-svg { width: 115px; height: 40px; } .header__logo-text { font-size: 7px; top: 14px; left: 7px; } .footer__menu-item { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; } .index-works__slider { padding: 10px 0px; } .index-services { padding-top: 48px; padding-left: 20px; padding-right: 20px; } .services__item { border-left: none; border-right: none; padding: 0px 35px 50px 35px; } .index-sale__title { font-size: 18px; max-width: 122px; } .index-catalog__grid { grid-auto-rows: 35vw; } .sort__box { margin: 0; } .product { padding: 0; } .product__title { padding: 0px 10px; font-size: 22px; line-height: 24px; margin: 0px 0px 30px 0px; } .product__right { border-radius: 0; } .slider-product__nav-image { border-radius: 0; } .slider-product__image { border-radius: 0; } .product__tabs { padding: 0px 20px; } .personal-data__row._active .personal-data__change-block { width: 100%; } .personal-data__row { -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .personal-data__name { -webkit-box-flex: 1; -ms-flex: 1 1 100%; flex: 1 1 100%; margin: 0px 0px 5px 0px; } .personal-data__text { min-height: 48px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-flex: 0; -ms-flex: 0 1 70%; flex: 0 1 70%; } .personal-data__change-block { position: absolute; bottom: 0; right: 0; } .orders__sort { width: 100%; } .orders__select { width: 100%; } .order__header { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order__status { margin: 0px 0px 10px 0px; padding: 15px 15px; } .order__text { margin: 0px 20px 0px 0px; } .card-order__image { -webkit-box-flex: 0; -ms-flex: 0 0 90px; flex: 0 0 90px; } .card-order__name { margin: 0px 0px 80px 0px; } .del { padding: 0px 10px; } .articles__title { padding: 0px 0px 0px 20px; margin: 0px 0px 25px 0px; } .articles__content .pagging { padding: 0px 10px; } .articles__sidebar { padding: 0px 20px; } .article-preview__content { padding: 30px 20px; } .article-preview__labels { position: absolute; top: 20px; right: 20px; } .article__gallery { gap: 3px; } .more-articles { padding: 0; } .more-articles__subtitle { padding: 0px 0px 0px 20px; font-weight: 600; font-size: 22px; line-height: 27px; margin: 0px 0px 20px 0px; } .our-works { padding: 0px 0px; } .our-works__sidebar { padding: 0px 20px; } .our-works .pagging { padding: 0px 20px; } .compare__parametr { width: 120px; padding: 0px 10px 0px 0px; } .compare-characteristics__name { width: 120px; -webkit-box-flex: 0; -ms-flex: 0 0 120px; flex: 0 0 120px; padding: 0px 10px 0px 0px; } .compare-characteristic__name { font-size: 12px; } } @media (max-width: 460.98px) { .index-about { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(60, 60, 60)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(60%, rgba(0, 0, 0, 0)), color-stop(68%, rgb(81, 81, 81))), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: -o-linear-gradient(top, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgb(81, 81, 81) 68%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: linear-gradient(180deg, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 60%, rgb(81, 81, 81) 68%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background-position: 0 0, 61% -5%; } } @media (max-width: 425px) { .nice-select .option { -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; } } @media (max-width: 400px) { .product__advantages { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 399.98px) { .index-about { background: -webkit-gradient(linear, left top, left bottom, color-stop(10%, rgb(60, 60, 60)), color-stop(40%, rgba(0, 0, 0, 0)), color-stop(55%, rgba(0, 0, 0, 0)), color-stop(60%, rgb(81, 81, 81))), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: -o-linear-gradient(top, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgb(81, 81, 81) 60%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background: linear-gradient(180deg, rgb(60, 60, 60) 10%, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0) 55%, rgb(81, 81, 81) 60%), url(/local/templates/main/css/../img/map_bg.webp) no-repeat; background-position: 0 0, 61% -100px; } .index-sale__image-ibg { height: 100px; } } @media (max-width: 380px) { .faq__subtitle { max-width: 250px; } } @media (max-width: 375px) { .popular__title { font-size: 22px; line-height: 28px; } .menu-mobile .menu__body { padding: 0; } .index-about__text { font-size: 16px; line-height: 24px; } .index-works__title { font-size: 22px; line-height: 28px; } .services__item { padding: 0px 25px 50px 25px; } .catalog { padding: 0px 5px; } .catalog__filter-btn { margin-left: 10px; } .product__tabs { padding: 0px 10px; } .product__tab-blocks { margin: 0; } .orders__header { padding: 0; } .orders__title { padding: 0px 0px 0px 10px; } .order__status { font-size: 13px; } .order__total { font-size: 16px; } .card-order__prices { font-size: 18px; } .contacts__download-span { margin: 0px 8px 0px 8px; } .compare__parametr { width: 90px; padding: 0px 10px 0px 0px; font-size: 12px; } .compare__image { width: 220px; height: 150px; } .compare__parametr-value { font-size: 14px; line-height: 16px; } .compare__btn-delete { font-size: 13px; } .compare__btn-delete::before { margin: 0px 10px 0px 0px; } .compare-card { width: 220px; -webkit-box-flex: 0; -ms-flex: 0 0 220px; flex: 0 0 220px; } .compare-card__img { height: 150px; } .compare-card .btn-border { width: 180px; } .compare-characteristics__name { width: 90px; padding: 0px 10px 0px 0px; font-size: 12px; } .compare-characteristic__name:first-child { height: 271px; } #bx-soa-order-form #bx-soa-total-mobile .bx-soa-cart-total .bx-soa-cart-total-line { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } #bx-soa-order-form #bx-soa-total-mobile .bx-soa-cart-total .bx-soa-cart-total-line .bx-soa-cart-t { -webkit-box-flex: 0; -ms-flex: none; flex: none; } .about .first-screen { -webkit-transform: translate(0px, -220px); -ms-transform: translate(0px, -220px); transform: translate(0px, -220px); max-height: 880px; } .about .first-screen__container { padding-top: calc(100px + 12vh); } } @media (max-width: 370px) { .index-catalog__col { padding: 10px; } .index-catalog__item-name { font-size: 14px; } .index-catalog__link svg { width: 30px; height: 30px; } } @media (min-width: 769px) and (max-width: 1630px) { .layout__row .card__bottom { -webkit-box-flex: 0; -ms-flex: 0 0 200px; flex: 0 0 200px; } } @media (min-width: 769px) and (max-width: 1280px) { .layout__row .card__bottom { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; } } @media (min-width: 769px) and (max-width: 1700px) { .layout__row .price { -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; } } @media (max-width: 1550px) and (min-width: 999px) { .header__wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 323px 1fr auto; grid-template-columns: 323px 1fr auto; -ms-grid-rows: (auto)[2]; grid-template-rows: repeat(2, auto); } } @media (max-width: 1550px) and (min-width: 999px) and (max-width: 1280px) { .header__wrapper { -ms-grid-columns: 215px 1fr auto; grid-template-columns: 215px 1fr auto; } } @media (max-width: 1550px) and (min-width: 999px) and (max-width: 1120px) { .header__wrapper { -ms-grid-columns: 150px 1fr auto; grid-template-columns: 150px 1fr auto; } } @media (max-width: 1550px) and (min-width: 998px) { .header__logo { -ms-grid-row: 1; -ms-grid-row-span: 2; grid-row: 1/3; } .header__menu { margin-left: 20px; } .header__col { -ms-grid-column: 2; -ms-grid-column-span: 3; grid-column: 2/5; margin: 12px 0px 0px 20px; } } @media (max-width: 1800px) and (min-width: 1281px) { .personal-data { margin: 0px 0px 35px 0px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .personal-data__header { -webkit-box-flex: 0; -ms-flex: 0 0 160px; flex: 0 0 160px; margin: 0px 70px 0px 0px; } .personal-data__log-out { -webkit-box-flex: 0; -ms-flex: 0 0 242px; flex: 0 0 242px; margin: 0px 0px 0px 40px; } } @media (max-width: 1280px) and (min-width: 998px), (max-width: 480px) { .order__details-row { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .order__details-name { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; margin: 0px 0px 10px 0px; } } @media (min-width: 767.98px) and (max-width: 1100px) { .links-block__item .links-block__link { -webkit-box-flex: 1; -ms-flex: 1 1 auto; flex: 1 1 auto; width: auto !important; } .links-block__item_1 { left: 64%; text-align: left; } .links-block__item_1 .links-block__link { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 15px; } .links-block__item_1::after { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; } .links-block__item_1 img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .links-block__item_2 { left: 64%; text-align: left; top: 5%; } .links-block__item_2 .links-block__link { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; margin-left: 15px; } .links-block__item_2::after { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; margin-right: 0; } .links-block__item_2 img { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .links-block__item_5 { left: 80%; } } @media (min-width: 767.98px) and (max-width: 767.98px) { .links-block__item .links-block__link { font-size: 10px; line-height: 1.1; } .links-block__item .links-block__link span { white-space: normal; } } @media (min-width: 767.98px) and (max-width: 768px) { .links-block__item_1 .links-block__link { width: 100px; } } @media (min-width: 768px) and (max-width: 998px) { .catalog__filter .bx-filter .bx-filter-popup-result { left: 0% !important; width: 100%; bottom: 0; position: fixed; } } @media (min-width: 768px) and (max-width: 1280px) { .about .delivery__sky_left { left: -300px; } .about .delivery__sky_right { right: -300px; } } @media (max-height: 900px) and (min-height: 770px) { .links-block__link { font-size: 1.6vmin; line-height: 1.6vmin; } } @media (max-height: 770px) { .links-block__link { font-size: 12px; line-height: 12px; } } .popup__text ul li { list-style-type: disc; margin-left: 15px; } /* End */ /* Start:/local/templates/main/css/custom.css?17260512236683*/ .page {} .breadcrumbs {} ._container {} .breadcrumbs__list {} .del {} .del__title {} .pdf_item_box { border: 1px solid #818181; padding: 35px 40px; } @media (max-width:586px) { .pdf_item_box { padding: 20px; } } @media (max-width:350px) { .pdf_item_box { padding: 10px; } } .pdf_item_box:not(:last-child) { margin-bottom: 16px; } .pdf_item_box:last-child { margin-bottom: 30px; } .pdf_item_box .checkbox__text::before { width: 24px; height: 24px; flex: 0 0 24px; border-radius: 5px; background: #FFF; box-shadow: 0px 1px 4px 0px #000; } .pdf_item_box .img_box .checkbox__text::before { margin: 0; } .pdf_item_box .checkbox__input:checked+.checkbox__text:before { background: #000 url(/local/templates/main/css/../img/svg/check_wht.svg) center no-repeat; border: none; } .pdf_item_box .checkbox__input:disabled+.checkbox__text:before { opacity: 0.30000001192092896; background: #FFF; } .pdf_item {} .pdf_item_name { font-size: 20px; font-weight: 600; margin-bottom: 28px; display: block; } .paddingBR { padding-right: 25px !important; } .box_sku { display: grid; grid-template-columns: 1fr 2fr; gap: 40px; margin-bottom: 20px; } @media (max-width:1440px) { .box_sku { grid-template-columns: 184px 1fr; } } .sku_img { display: flex; gap: 10px; row-gap: 20px; flex-wrap: wrap; align-self: start; } .sku_img .prev_text_pdf { flex: 1 1 100%; text-align: center; color: rgba(255, 255, 255, 0.5); font-size: 16px; line-height: 24px; } .img_box { display: flex; flex-direction: column; align-items: center; gap: 10px; flex: 0 0 86px; position: relative; } .img_item { flex: 1 1 auto; height: 130px; } .img_item img { width: 100%; height: 100%; object-fit: cover; } .check-inner {} .img_box .check-inner::before { content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; display: block; cursor: pointer; } .checkbox__text {} .prev_text_pdf {} .sku_size_box {} .sku_size_item { display: grid; grid-template-columns: auto 115px 130px 1fr; gap: 10px; align-items: center; } @media (max-width:1220px) { .box_sku { grid-template-columns: 1fr; } } @media (max-width:900px) { .sku_size_item { grid-template-columns: 1fr 115px 130px 1fr; } } @media (max-width:768px) { .sku_size_item { grid-template-columns: 130px 130px 1fr; } .sku_item_name { grid-column: 1/4; } } @media (max-width:586px) { .sku_size_item { grid-template-columns: 1fr auto; } .sku_item_name, .sku_item_price { grid-column: 1/3; } } .sku_size_item:not(:last-child) { margin-bottom: 15px; } .sku_item_name { line-height: 20px; } .sku_item_price {} .price__input {} .price__input input { border-radius: 5px; background: rgba(255, 255, 255, 0.10); color: #FFF; font-size: 20px; font-weight: 600; text-align: center; height: 38px; padding: 0 10px; width: 100%; } .sku_item_quantity {} .sku_item_quantity .quantity { height: 38px; width: 100%; } .quantity {} .quantity__button {} .quantity__button_minus {} .quantity__input {} .quantity__button_plus {} .sku_item_summ { font-size: 20px; font-weight: 600; } .summ_price {} .prop_box {} .props_btn_box { display: flex; gap: 26px; margin-bottom: 30px; } .props_btn { font-size: 14px; border-bottom: 1px dashed #fff; cursor: pointer; } .props_btn:hover { border-bottom: transparent; } .propcols { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } @media (max-width:1220px) { .propcols { grid-template-columns: repeat(2, 1fr); } } @media (max-width:586px) { .propcols { grid-template-columns: 1fr; } } .propcols-item {} .propcols-item .checkbox__text { font-size: 16px; color: #fff; } .propcols-item .text_prop_pdf { margin-top: 8px; } .text_prop_pdf { font-size: 12px; line-height: 18px; } .pdf_item_box_2>div { margin-bottom: 30px; } .pdf_item_box_2 .form__line { max-width: 390px; } .final_box { margin-top: 20px; display: flex; gap: 170px; row-gap: 30px; align-items: center; flex-wrap: wrap; } .final_box .form-footer__btn { width: 390px; flex: 0 0 390px; height: 48px; } @media (max-width:998.98px) { .final_box { gap: 30px; flex-direction: column; align-items: flex-end; } .final_box .form-footer__btn { width: 100%; flex: 1 1 auto; height: 48px; } .pdf_item_box_2 .form__line { max-width: 100%; } } @media (max-width:586px) { .final_box { gap: 30px; } } .green-btn {} .all_summ { font-size: 20px; font-weight: 600; } .grecaptcha-badge { display: none; } #bx-soa-order .main-title.soa-title { margin-bottom: 25px; } /* //======================================================================================================================================================== */ .suggestion-item { background: #fff; border: 1px solid #999; -ms-box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; cursor: pointer; left: 0; min-width: 100%; padding: 5px !important; } .menu { position: relative; } .name-inn { margin-bottom: 5px !important; color: black !important; font-size: 16px !important; } .inn { margin-bottom: 5px !important; color: gray !important; font-size: 16px !important; } .highlight { color: #00BFFF !important; } .preloader__image { background: url(/local/templates/main/css/../img/Brigform-preloader.gif) no-repeat 50% 50%; } .popular-new-slider .popular__slider .swiper-slide .card__image-img { display: none; } .article__content img { max-width: 100%; height: auto; } table.websol { overflow-wrap: anywhere; } @media(max-width:480px) { .preloader__image { background-size: 99vw !important; } } .column-new { display: grid !important; gap: 12px; } .text-li>ul li { list-style-type: disc !important; } @media(max-width:480px) { .text-li>ul li { list-style-position: outside; margin-left: 12px; } } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/footer_menu/style.css?1693244425150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* /local/templates/main/css/fancybox.css?171152919615598 */ /* /local/templates/main/css/style.css?1756112392338081 */ /* /local/templates/main/css/custom.css?17260512236683 */ /* /local/templates/main/components/bitrix/news.list/footer_menu/style.css?1693244425150 */