/* Start:/bitrix/templates/prime/assets/css/fancybox.css?165537171515512*/ .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:transparent;overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 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:transparent;min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-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:transparent}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding: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, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.006) 8.1%, rgba(0, 0, 0, 0.021) 15.5%, rgba(0, 0, 0, 0.046) 22.5%, rgba(0, 0, 0, 0.077) 29%, rgba(0, 0, 0, 0.114) 35.3%, rgba(0, 0, 0, 0.155) 41.2%, rgba(0, 0, 0, 0.198) 47.1%, rgba(0, 0, 0, 0.242) 52.9%, rgba(0, 0, 0, 0.285) 58.8%, rgba(0, 0, 0, 0.326) 64.7%, rgba(0, 0, 0, 0.363) 71%, rgba(0, 0, 0, 0.394) 77.5%, rgba(0, 0, 0, 0.419) 84.5%, rgba(0, 0, 0, 0.434) 91.9%, rgba(0, 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:/bitrix/templates/prime/components/bitrix/catalog.section.list/top_menu/style.min.css?1655371715971*/ .catalog-sections-list-menu-items{display:block;padding:0;margin:0;background-color:#fff}.catalog-sections-list-menu-item{display:block;padding:0 0 0 17px;margin:0}.catalog-sections-list-menu-item-link{padding:0 17px 0 0;width:100%;display:flex;align-items:center;justify-content:space-between;position:relative;min-height:55px;border-bottom:1px solid rgba(18,18,18,0.06);vertical-align:middle;text-decoration:none !important}.catalog-sections-list-menu-item-text{font-style:normal;font-weight:normal;font-size:18px;line-height:21px;color:#121212;padding:17px 0}.catalog-sections-list-menu-item-text i{font-style:normal;opacity:.6}.catalog-sections-list-menu-item:active,.catalog-sections-list-menu-item:hover,.catalog-sections-list-menu-item.selected .catalog-sections-list-menu-item-text{opacity:1}.catalog-sections-list-menu-item-angle{display:block;transform:rotate(-45deg);border-bottom:1px solid;border-right:1px solid;color:#121212;opacity:.6;width:7px;height:7px} /* End */ /* Start:/bitrix/templates/prime/assets/css/bootstrap.min.css?165537171515985*/ .bts .container { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } @media (min-width:768px) { .bts .container { width: 750px; } } @media (min-width:992px) { .bts .container { width: 970px; } } @media (min-width:1200px) { .bts .container { width: 1160px; } } .bts .container-fluid { padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .bts .row { margin-right: -15px; margin-left: -15px; } .bts.bts-r-30 .row { margin-right: -30px; margin-left: -30px; } .bts .row-no-gutters { margin-right: 0; margin-left: 0; } .bts .row-no-gutters [class*="col-"] { padding-right: 0; padding-left: 0; } .bts .col-xs-1, .bts .col-sm-1, .bts .col-md-1, .bts .col-lg-1, .bts .col-xs-2, .bts .col-sm-2, .bts .col-md-2, .bts .col-lg-2, .bts .col-xs-3, .bts .col-sm-3, .bts .col-md-3, .bts .col-lg-3, .bts .col-xs-4, .bts .col-sm-4, .bts .col-md-4, .bts .col-lg-4, .bts .col-xs-5, .bts .col-sm-5, .bts .col-md-5, .bts .col-lg-5, .bts .col-xs-6, .bts .col-sm-6, .bts .col-md-6, .bts .col-lg-6, .bts .col-xs-7, .bts .col-sm-7, .bts .col-md-7, .bts .col-lg-7, .bts .col-xs-8, .bts .col-sm-8, .bts .col-md-8, .bts .col-lg-8, .bts .col-xs-9, .bts .col-sm-9, .bts .col-md-9, .bts .col-lg-9, .bts .col-xs-10, .bts .col-sm-10, .bts .col-md-10, .bts .col-lg-10, .bts .col-xs-11, .bts .col-sm-11, .bts .col-md-11, .bts .col-lg-11, .bts .col-xs-12, .bts .col-sm-12, .bts .col-md-12, .bts .col-lg-12 { position: relative; min-height: 1px; padding-right: 15px; padding-left: 15px; } .bts .col-xs-1, .bts .col-xs-2, .bts .col-xs-3, .bts .col-xs-4, .bts .col-xs-5, .bts .col-xs-6, .bts .col-xs-7, .bts .col-xs-8, .bts .col-xs-9, .bts .col-xs-10, .bts .col-xs-11, .bts .col-xs-12 { float: left; } .bts .col-xs-12 { width: 100%; } .bts .col-xs-11 { width: 91.66666667%; } .bts .col-xs-10 { width: 83.33333333%; } .bts .col-xs-9 { width: 75%; } .bts .col-xs-8 { width: 66.66666667%; } .bts .col-xs-7 { width: 58.33333333%; } .bts .col-xs-6 { width: 50%; } .bts .col-xs-5 { width: 41.66666667%; } .bts .col-xs-4 { width: 33.33333333%; } .bts .col-xs-3 { width: 25%; } .bts .col-xs-2 { width: 16.66666667%; } .bts .col-xs-1 { width: 8.33333333%; } .bts .col-xs-pull-12 { right: 100%; } .bts .col-xs-pull-11 { right: 91.66666667%; } .bts .col-xs-pull-10 { right: 83.33333333%; } .bts .col-xs-pull-9 { right: 75%; } .bts .col-xs-pull-8 { right: 66.66666667%; } .bts .col-xs-pull-7 { right: 58.33333333%; } .bts .col-xs-pull-6 { right: 50%; } .bts .col-xs-pull-5 { right: 41.66666667%; } .bts .col-xs-pull-4 { right: 33.33333333%; } .bts .col-xs-pull-3 { right: 25%; } .bts .col-xs-pull-2 { right: 16.66666667%; } .bts .col-xs-pull-1 { right: 8.33333333%; } .bts .col-xs-pull-0 { right: auto; } .bts .col-xs-push-12 { left: 100%; } .bts .col-xs-push-11 { left: 91.66666667%; } .bts .col-xs-push-10 { left: 83.33333333%; } .bts .col-xs-push-9 { left: 75%; } .bts .col-xs-push-8 { left: 66.66666667%; } .bts .col-xs-push-7 { left: 58.33333333%; } .bts .col-xs-push-6 { left: 50%; } .bts .col-xs-push-5 { left: 41.66666667%; } .bts .col-xs-push-4 { left: 33.33333333%; } .bts .col-xs-push-3 { left: 25%; } .bts .col-xs-push-2 { left: 16.66666667%; } .bts .col-xs-push-1 { left: 8.33333333%; } .bts .col-xs-push-0 { left: auto; } .bts .col-xs-offset-12 { margin-left: 100%; } .bts .col-xs-offset-11 { margin-left: 91.66666667%; } .bts .col-xs-offset-10 { margin-left: 83.33333333%; } .bts .col-xs-offset-9 { margin-left: 75%; } .bts .col-xs-offset-8 { margin-left: 66.66666667%; } .bts .col-xs-offset-7 { margin-left: 58.33333333%; } .bts .col-xs-offset-6 { margin-left: 50%; } .bts .col-xs-offset-5 { margin-left: 41.66666667%; } .bts .col-xs-offset-4 { margin-left: 33.33333333%; } .bts .col-xs-offset-3 { margin-left: 25%; } .bts .col-xs-offset-2 { margin-left: 16.66666667%; } .bts .col-xs-offset-1 { margin-left: 8.33333333%; } .bts .col-xs-offset-0 { margin-left: 0; } @media (min-width:768px) { .bts .col-sm-1, .bts .col-sm-2, .bts .col-sm-3, .bts .col-sm-4, .bts .col-sm-5, .bts .col-sm-6, .bts .col-sm-7, .bts .col-sm-8, .bts .col-sm-9, .bts .col-sm-10, .bts .col-sm-11, .bts .col-sm-12 { float: left; } .bts .col-sm-12 { width: 100%; } .bts .col-sm-11 { width: 91.66666667%; } .bts .col-sm-10 { width: 83.33333333%; } .bts .col-sm-9 { width: 75%; } .bts .col-sm-8 { width: 66.66666667%; } .bts .col-sm-7 { width: 58.33333333%; } .bts .col-sm-6 { width: 50%; } .bts .col-sm-5 { width: 41.66666667%; } .bts .col-sm-4 { width: 33.33333333%; } .bts .col-sm-3 { width: 25%; } .bts .col-sm-2 { width: 16.66666667%; } .bts .col-sm-1 { width: 8.33333333%; } .bts .col-sm-pull-12 { right: 100%; } .bts .col-sm-pull-11 { right: 91.66666667%; } .bts .col-sm-pull-10 { right: 83.33333333%; } .bts .col-sm-pull-9 { right: 75%; } .bts .col-sm-pull-8 { right: 66.66666667%; } .bts .col-sm-pull-7 { right: 58.33333333%; } .bts .col-sm-pull-6 { right: 50%; } .bts .col-sm-pull-5 { right: 41.66666667%; } .bts .col-sm-pull-4 { right: 33.33333333%; } .bts .col-sm-pull-3 { right: 25%; } .bts .col-sm-pull-2 { right: 16.66666667%; } .bts .col-sm-pull-1 { right: 8.33333333%; } .bts .col-sm-pull-0 { right: auto; } .bts .col-sm-push-12 { left: 100%; } .bts .col-sm-push-11 { left: 91.66666667%; } .bts .col-sm-push-10 { left: 83.33333333%; } .bts .col-sm-push-9 { left: 75%; } .bts .col-sm-push-8 { left: 66.66666667%; } .bts .col-sm-push-7 { left: 58.33333333%; } .bts .col-sm-push-6 { left: 50%; } .bts .col-sm-push-5 { left: 41.66666667%; } .bts .col-sm-push-4 { left: 33.33333333%; } .bts .col-sm-push-3 { left: 25%; } .bts .col-sm-push-2 { left: 16.66666667%; } .bts .col-sm-push-1 { left: 8.33333333%; } .bts .col-sm-push-0 { left: auto; } .bts .col-sm-offset-12 { margin-left: 100%; } .bts .col-sm-offset-11 { margin-left: 91.66666667%; } .bts .col-sm-offset-10 { margin-left: 83.33333333%; } .bts .col-sm-offset-9 { margin-left: 75%; } .bts .col-sm-offset-8 { margin-left: 66.66666667%; } .bts .col-sm-offset-7 { margin-left: 58.33333333%; } .bts .col-sm-offset-6 { margin-left: 50%; } .bts .col-sm-offset-5 { margin-left: 41.66666667%; } .bts .col-sm-offset-4 { margin-left: 33.33333333%; } .bts .col-sm-offset-3 { margin-left: 25%; } .bts .col-sm-offset-2 { margin-left: 16.66666667%; } .bts .col-sm-offset-1 { margin-left: 8.33333333%; } .bts .col-sm-offset-0 { margin-left: 0; } } @media (min-width:992px) { .bts .col-md-1, .bts .col-md-2, .bts .col-md-3, .bts .col-md-4, .bts .col-md-5, .bts .col-md-6, .bts .col-md-7, .bts .col-md-8, .bts .col-md-9, .bts .col-md-10, .bts .col-md-11, .bts .col-md-12 { float: left; } .bts .col-md-12 { width: 100%; } .bts .col-md-11 { width: 91.66666667%; } .bts .col-md-10 { width: 83.33333333%; } .bts .col-md-9 { width: 75%; } .bts .col-md-8 { width: 66.66666667%; } .bts .col-md-7 { width: 58.33333333%; } .bts .col-md-6 { width: 50%; } .bts .col-md-5 { width: 41.66666667%; } .bts .col-md-4 { width: 33.33333333%; } .bts .col-md-3 { width: 25%; } .bts .col-md-2 { width: 16.66666667%; } .bts .col-md-1 { width: 8.33333333%; } .bts .col-md-pull-12 { right: 100%; } .bts .col-md-pull-11 { right: 91.66666667%; } .bts .col-md-pull-10 { right: 83.33333333%; } .bts .col-md-pull-9 { right: 75%; } .bts .col-md-pull-8 { right: 66.66666667%; } .bts .col-md-pull-7 { right: 58.33333333%; } .bts .col-md-pull-6 { right: 50%; } .bts .col-md-pull-5 { right: 41.66666667%; } .bts .col-md-pull-4 { right: 33.33333333%; } .bts .col-md-pull-3 { right: 25%; } .bts .col-md-pull-2 { right: 16.66666667%; } .bts .col-md-pull-1 { right: 8.33333333%; } .bts .col-md-pull-0 { right: auto; } .bts .col-md-push-12 { left: 100%; } .bts .col-md-push-11 { left: 91.66666667%; } .bts .col-md-push-10 { left: 83.33333333%; } .bts .col-md-push-9 { left: 75%; } .bts .col-md-push-8 { left: 66.66666667%; } .bts .col-md-push-7 { left: 58.33333333%; } .bts .col-md-push-6 { left: 50%; } .bts .col-md-push-5 { left: 41.66666667%; } .bts .col-md-push-4 { left: 33.33333333%; } .bts .col-md-push-3 { left: 25%; } .bts .col-md-push-2 { left: 16.66666667%; } .bts .col-md-push-1 { left: 8.33333333%; } .bts .col-md-push-0 { left: auto; } .bts .col-md-offset-12 { margin-left: 100%; } .bts .col-md-offset-11 { margin-left: 91.66666667%; } .bts .col-md-offset-10 { margin-left: 83.33333333%; } .bts .col-md-offset-9 { margin-left: 75%; } .bts .col-md-offset-8 { margin-left: 66.66666667%; } .bts .col-md-offset-7 { margin-left: 58.33333333%; } .bts .col-md-offset-6 { margin-left: 50%; } .bts .col-md-offset-5 { margin-left: 41.66666667%; } .bts .col-md-offset-4 { margin-left: 33.33333333%; } .bts .col-md-offset-3 { margin-left: 25%; } .bts .col-md-offset-2 { margin-left: 16.66666667%; } .bts .col-md-offset-1 { margin-left: 8.33333333%; } .bts .col-md-offset-0 { margin-left: 0; } } @media (min-width:1200px) { .bts .col-lg-1, .bts .col-lg-2, .bts .col-lg-3, .bts .col-lg-4, .bts .col-lg-5, .bts .col-lg-6, .bts .col-lg-7, .bts .col-lg-8, .bts .col-lg-9, .bts .col-lg-10, .bts .col-lg-11, .bts .col-lg-12 { float: left; } .bts .col-lg-12 { width: 100%; } .bts .col-lg-11 { width: 91.66666667%; } .bts .col-lg-10 { width: 83.33333333%; } .bts .col-lg-9 { width: 75%; } .bts .col-lg-8 { width: 66.66666667%; } .bts .col-lg-7 { width: 58.33333333%; } .bts .col-lg-6 { width: 50%; } .bts .col-lg-5 { width: 41.66666667%; } .bts .col-lg-4 { width: 33.33333333%; } .bts .col-lg-3 { width: 25%; } .bts .col-lg-2 { width: 16.66666667%; } .bts .col-lg-1 { width: 8.33333333%; } .bts .col-lg-pull-12 { right: 100%; } .bts .col-lg-pull-11 { right: 91.66666667%; } .bts .col-lg-pull-10 { right: 83.33333333%; } .bts .col-lg-pull-9 { right: 75%; } .bts .col-lg-pull-8 { right: 66.66666667%; } .bts .col-lg-pull-7 { right: 58.33333333%; } .bts .col-lg-pull-6 { right: 50%; } .bts .col-lg-pull-5 { right: 41.66666667%; } .bts .col-lg-pull-4 { right: 33.33333333%; } .bts .col-lg-pull-3 { right: 25%; } .bts .col-lg-pull-2 { right: 16.66666667%; } .bts .col-lg-pull-1 { right: 8.33333333%; } .bts .col-lg-pull-0 { right: auto; } .bts .col-lg-push-12 { left: 100%; } .bts .col-lg-push-11 { left: 91.66666667%; } .bts .col-lg-push-10 { left: 83.33333333%; } .bts .col-lg-push-9 { left: 75%; } .bts .col-lg-push-8 { left: 66.66666667%; } .bts .col-lg-push-7 { left: 58.33333333%; } .bts .col-lg-push-6 { left: 50%; } .bts .col-lg-push-5 { left: 41.66666667%; } .bts .col-lg-push-4 { left: 33.33333333%; } .bts .col-lg-push-3 { left: 25%; } .bts .col-lg-push-2 { left: 16.66666667%; } .bts .col-lg-push-1 { left: 8.33333333%; } .bts .col-lg-push-0 { left: auto; } .bts .col-lg-offset-12 { margin-left: 100%; } .bts .col-lg-offset-11 { margin-left: 91.66666667%; } .bts .col-lg-offset-10 { margin-left: 83.33333333%; } .bts .col-lg-offset-9 { margin-left: 75%; } .bts .col-lg-offset-8 { margin-left: 66.66666667%; } .bts .col-lg-offset-7 { margin-left: 58.33333333%; } .bts .col-lg-offset-6 { margin-left: 50%; } .bts .col-lg-offset-5 { margin-left: 41.66666667%; } .bts .col-lg-offset-4 { margin-left: 33.33333333%; } .bts .col-lg-offset-3 { margin-left: 25%; } .bts .col-lg-offset-2 { margin-left: 16.66666667%; } .bts .col-lg-offset-1 { margin-left: 8.33333333%; } .bts .col-lg-offset-0 { margin-left: 0; } } .bts .clearfix:before,.bts .clearfix:after,.bts .container:before,.bts .container:after,.bts .container-fluid:before,.bts .container-fluid:after,.bts .row:before,.bts .row:after { display: table; content: " "; } .bts .clearfix:after,.bts .container:after,.bts .container-fluid:after,.bts .row:after { clear: both; } .bts .center-block { display: block; margin-right: auto; margin-left: auto; } .bts .pull-right { float: right !important; } .bts .pull-left { float: left !important; } .bts .hide { display: none !important; } .bts .show { display: block !important; } .bts .invisible { visibility: hidden; } .bts .text-hide { font: 0/0 a; color: transparent; text-shadow: none; background-color: transparent; border: 0; } .bts .hidden { display: none !important; } .bts .affix { position: fixed; } /* End */ /* Start:/bitrix/templates/prime/assets/css/style.css?173713255177618*/ /* Scss Document */ :root { --px20: 20px; --px: 40px; --font12: 12px; --font14: 14px; --font15: 15px; --font16: 16px; --font17: 17px; --font18: 18px; --font19: 19px; --font20: 20px; --font25: 25px; --font27: 27px; --font30: 30px; --font35: 35px; --font40: 40px; --font45: 45px; --font50: 50px; --font60: 60px; } .fz12 { font-size: var(--font12); } .fz14 { font-size: var(--font14); } .fz15 { font-size: var(--font15); } .fz16 { font-size: var(--font16); } .fz17 { font-size: var(--font17); } .fz18 { font-size: var(--font18); } .fz19 { font-size: var(--font19); } .fz20 { font-size: var(--font20); } .fz25 { font-size: var(--font25); } .fz27 { font-size: var(--font27); } .fz30 { font-size: var(--font30); } .fz35 { font-size: var(--font35); } .fz40 { font-size: var(--font40); } .fz45 { font-size: var(--font45); } .fz50 { font-size: var(--font50); } .fz60 { font-size: var(--font60); } .center { text-align: center; } .tar { text-align: right; } .fw300 { font-weight: 300; } .fw400 { font-weight: 400; } .fw600 { font-weight: 600; } .bold { font-weight: 700; } .fw900 { font-weight: 900; } .lh { line-height: 1; } .lh110 { line-height: 110%; } .lh120 { line-height: 120%; } .lh130 { line-height: 130%; } .lh135 { line-height: 135%; } .lh140 { line-height: 140%; } .lh150 { line-height: 150%; } .lh160 { line-height: 160%; } .lh170 { line-height: 170%; } .lh180 { line-height: 180%; } .lh190 { line-height: 190%; } .lh140 { line-height: 140%; } .db { display: block; } .dib { display: inline-block; } .flx { display: flex; } .dif { display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .fxs { -ms-flex-negative: 0; flex-shrink: 0; } .fxg { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .fxww { -ms-flex-wrap: wrap; flex-wrap: wrap; } .aic { align-items: center; } .ais { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .aie { -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .jcsb { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .jcfs { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .jcfe { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .jcc { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .grid2 { margin-right: calc(var(--px) * -1); display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid2 .col { width: calc(50% - var(--px)); margin-right: var(--px); margin-bottom: var(--px); } .grid3 { margin-right: calc(var(--px) * -1); display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid3 .col { width: calc(33.3333333333% - var(--px)); margin-right: var(--px); } .grid3 .col:nth-child(1n+4) { margin-top: var(--px); } .grid4 { margin-right: calc(var(--px) * -1); display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid4 .col { width: calc(25% - var(--px)); margin-right: var(--px); margin-bottom: var(--px); } .grid5 { margin-right: calc(var(--px) * -1); display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .grid5 .col { width: calc(20% - var(--px)); margin-right: var(--px); margin-bottom: var(--px); } .b0 { margin-bottom: 0px; } .b2 { margin-bottom: 2px; } .b3 { margin-bottom: 3px; } .b4 { margin-bottom: 4px; } .b5 { margin-bottom: 5px; } .b6 { margin-bottom: 6px; } .b7 { margin-bottom: 7px; } .b8 { margin-bottom: 8px; } .b9 { margin-bottom: 9px; } .b10 { margin-bottom: 10px; } .b11 { margin-bottom: 11px; } .b12 { margin-bottom: 12px; } .b13 { margin-bottom: 13px; } .b14 { margin-bottom: 14px; } .b15 { margin-bottom: 15px; } .b20 { margin-bottom: 20px; } .b25 { margin-bottom: 25px; } .b30 { margin-bottom: 30px; } .b35 { margin-bottom: 35px; } .b40 { margin-bottom: 40px; } .b45 { margin-bottom: 45px; } .b50 { margin-bottom: 50px; } .b55 { margin-bottom: 55px; } .b60 { margin-bottom: 60px; } .b65 { margin-bottom: 65px; } .b70 { margin-bottom: 70px; } .b75 { margin-bottom: 75px; } .b80 { margin-bottom: 80px; } .b85 { margin-bottom: 85px; } .b90 { margin-bottom: 90px; } .b95 { margin-bottom: 95px; } .b100 { margin-bottom: 100px; } .t0 { margin-top: 0px; } .t5 { margin-top: 5px; } .t6 { margin-top: 6px; } .t7 { margin-top: 7px; } .t8 { margin-top: 8px; } .t9 { margin-top: 9px; } .t10 { margin-top: 10px; } .t15 { margin-top: 15px; } .t20 { margin-top: 20px; } .t25 { margin-top: 25px; } .t30 { margin-top: 30px; } .t35 { margin-top: 35px; } .t40 { margin-top: 40px; } .t45 { margin-top: 45px; } .t50 { margin-top: 50px; } .t60 { margin-top: 60px; } .t65 { margin-top: 65px; } .t70 { margin-top: 70px; } .t75 { margin-top: 75px; } .t80 { margin-top: 80px; } .t85 { margin-top: 85px; } .t90 { margin-top: 90px; } .t95 { margin-top: 95px; } .t100 { margin-top: 100px; } .l0 { margin-left: 0px; } .l5 { margin-left: 5px; } .l6 { margin-left: 6px; } .l7 { margin-left: 7px; } .l8 { margin-left: 8px; } .l9 { margin-left: 9px; } .l10 { margin-left: 10px; } .l15 { margin-left: 15px; } .l20 { margin-left: 20px; } .l25 { margin-left: 25px; } .l30 { margin-left: 30px; } .l35 { margin-left: 35px; } .l40 { margin-left: 40px; } .l45 { margin-left: 45px; } .l50 { margin-left: 50px; } .l60 { margin-left: 60px; } .l65 { margin-left: 65px; } .l70 { margin-left: 70px; } .l75 { margin-left: 75px; } .l80 { margin-left: 80px; } .l85 { margin-left: 85px; } .l90 { margin-left: 90px; } .l95 { margin-left: 95px; } .l100 { margin-left: 100px; } .r0 { margin-right: 0px; } .r5 { margin-right: 5px; } .r6 { margin-right: 6px; } .r7 { margin-right: 7px; } .r8 { margin-right: 8px; } .r9 { margin-right: 9px; } .r10 { margin-right: 10px; } .r15 { margin-right: 15px; } .r20 { margin-right: 20px; } .r25 { margin-right: 25px; } .r30 { margin-right: 30px; } .r35 { margin-right: 35px; } .r40 { margin-right: 40px; } .r45 { margin-right: 45px; } .r50 { margin-right: 50px; } .r60 { margin-right: 60px; } .r65 { margin-right: 65px; } .r70 { margin-right: 70px; } .r75 { margin-right: 75px; } .r80 { margin-right: 80px; } .r85 { margin-right: 85px; } .r90 { margin-right: 90px; } .r95 { margin-right: 95px; } .r100 { margin-right: 100px; } /* Scss Document */ html, body { margin: 0; padding: 0; width: 100%; height: 100%; } #page { position: relative; } a, img { outline: none; } * { padding: 0px; margin: 0px; -webkit-box-sizing: border-box; box-sizing: border-box; } /* Scss Document */ img { border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-top-style: none; border-right-style: none; border-bottom-style: none; border-left-style: none; } a { text-decoration: underline; } a:hover { text-decoration: none; } h1 { font-size: 24px; } h2 { font-size: 20px; } h3 { font-size: 18px; } h4 { font-size: 17px; } h5 { font-size: 16px; } h6 { font-size: 15px; } h2, h3, h4, h5, h6 { margin-bottom: 10px; } .clr:before, .clr:after { content: " "; display: table; clear: both; } input::-webkit-input-placeholder { text-indent: 0px; -webkit-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input::-moz-placeholder { text-indent: 0px; -moz-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input:-moz-placeholder { text-indent: 0px; -moz-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input:-ms-input-placeholder { text-indent: 0px; -ms-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input:focus::-webkit-input-placeholder { text-indent: -500px; -webkit-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input:focus::-moz-placeholder { text-indent: -500px; -moz-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input:focus:-moz-placeholder { text-indent: -500px; -moz-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input:focus:-ms-input-placeholder { text-indent: -500px; -ms-transition: text-indent 0.3s ease; transition: text-indent 0.3s ease; } input[placeholder] { text-overflow: ellipsis; } input::-moz-placeholder { text-overflow: ellipsis; } input:-moz-placeholder { text-overflow: ellipsis; } input:-ms-input-placeholder { text-overflow: ellipsis; } input[type=submit], input[type=button], button { cursor: pointer; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; } /* Scss Document */ .text img { max-width: 100% !important; height: auto !important; } .text ul { margin-bottom: 25px; display: block; } .text ul li { padding-left: 46px; background-image: url(/bitrix/templates/prime/assets/css/../images/li_check_2.svg); background-repeat: no-repeat; background-position: 0 5px; display: block; } .text ul li:nth-child(1n+2) { margin-top: 20px; } .text ul ul { margin-top: 25px; margin-left: 15px; } .text ol { margin-bottom: 25px; margin-left: 0px; list-style-position: inside; } .text ul ul li { background-image: none; padding-left: 0px; list-style-type: square; } .text li + li { margin-top: 5px; } .text p { margin-bottom: 25px; } .text p:last-child { margin-bottom: 0; } .text table { margin-bottom: 25px; background-color: #fff; border-collapse: collapse; width: 100%; } .text table tr:nth-child(2n+2) { background-color: rgba(238, 238, 238, 0.42); } .text table tr:hover { background-color: rgba(238, 238, 238, 0.8); } .text table th { background-color: #30A2D9; padding: 15px 10px; color: #fff; border: 1px solid #fff; } .text table th p { margin-bottom: 0; } .text table td { padding: 10px; border: 1px solid #fff; } .text table td p { margin-bottom: 0; } .text blockquote { margin-bottom: 25px; color: #fff; background-color: #30A2D9; padding: 10px; } .text blockquote p { margin-bottom: 0px; } body { color: #394754; font-family: "Mont"; font-size: 18px; background-color: #fff; } .hide { display: none; } .gray_80 { color: #8097AA; } .red { color: #F04B4B; } .blue { color: #5DA8E0; } .white { color: #fff; } .ttu { text-transform: uppercase; } .abs { display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 4; } #page { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; /*min-height: 100vh;*/ overflow: hidden; } .page_inner { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .wrap { width: 100%; max-width: 1160px; min-width: 300px; margin-right: auto; margin-left: auto; position: relative; } .wrap_1360 { max-width: 1360px; min-width: 300px; margin-right: auto; margin-left: auto; position: relative; } .wrap_f { padding: 0 60px; } .window_f { background-image: url("/bitrix/templates/prime/assets/css/../images/bg_1.jpg"); background-repeat: no-repeat; background-position: center 0; min-height: 1060px; padding-top: 33px; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .sh-top-page .window_f{ background-image: none; height: auto; min-height: auto; margin-bottom: 30px; } .sh-top-page { background: #F7F8F9; } .sh-top-page .main_menu { margin-bottom: 0; } .head_shadow { position: relative; } .head_shadow:before { content: ""; display: block; position: absolute; top: 0; right: -15%; width: 70%; height: 100%; background-color: #fff; z-index: 1 !important; -webkit-box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.3); box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.3); } .head_shadow.adres:before { content: ""; -webkit-box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.5); box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.5); right: -15%; width: 70%; width: 80%; } .head_shadow > * { position: relative; z-index: 2; } .bg_header { background-color: #fff; border-radius: 10px; } .bg_header .wrap { height: 110px; padding: 0 20px; } .bg_header .wrap > div { height: 100%; position: relative; } .bg_header a[href^="mailto:"]:hover { text-decoration: underline; } .head_social svg { display: block; } .logo img { display: block; } .adres { width: 122px; } .has_icon { display: flex; align-items: center; } .has_icon svg { display: block; } .head_contact a { color: #394754; text-decoration: none; } .head_phone a { color: #394754; text-decoration: none; } .head_phone .icon { margin-left: 5px; } .main_menu ul { display: flex; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; align-items: center; } .main_menu li { display: flex; align-items: center; position: relative; } .main_menu ul.navmenu > li:last-child:before { content: ""; display: none; } .main_menu ul.navmenu > li:before { content: ""; pointer-events: none; width: 88px; height: 100%; position: absolute; top: 0; right: -33px; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; background: #FFFFFF; -webkit-box-shadow: 30px 0px 20px -26px rgba(0, 0, 0, 0.2); box-shadow: 30px 0px 20px -26px rgba(0, 0, 0, 0.2); } .main_menu .drop a { display: flex; align-items: center; position: relative; z-index: 2; } .main_menu .drop a svg { display: block; -ms-flex-negative: 0; flex-shrink: 0; margin-left: 5px; } .main_menu a { font-size: 15px; font-weight: 600; color: #394754; text-decoration: none; display: flex; align-items: center; height: 60px; } .main_menu a:hover { color: #F04B4B; } .main_menu a:hover path { fill: #F04B4B; } .main_menu span { position: relative; z-index: 2; } .main_menu_bg { background-color: #fff; border-radius: 10px; padding: 0 20px; } .list_1 { font-weight: bold; color: #607180; display: flex; align-items: center; } .list_1 li { display: flex; align-items: center; background-color: #ffffffcc; height: 50px; padding: 0 24px 0 30px; margin-right: 37px; opacity: 1; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05); border-radius: 8px; transform: skewX(-15deg); text-transform: uppercase; line-height: 1; position: relative; } .list_1 li:last-child { margin-right: 0; } .list_1 li:before { content: ""; position: absolute; top: 50%; left: -15px; transform: translate(0, -50%) skewX(15deg);; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url(/bitrix/templates/prime/assets/css/../images/check_i.png); background-color: #fff; background-position: center; /*background-image: url(/bitrix/templates/prime/assets/css/../images/list_check.svg);*/ background-repeat: no-repeat; width: 32px; height: 32px; z-index: 2; border-radius: 100%; box-shadow: 0px 3px 5px rgba(0, 0, 0, 0.05); } .list_1 span { display: block; transform: skewX(15deg); } .no_scroll { overflow: hidden; } .post_top .h1, .post_top h1 { width: 600px; } .post_top .dot { position: relative; } .post_top .dot:before { content: ""; display: block; background-image: url(/bitrix/templates/prime/assets/css/../images/dot.svg); background-repeat: no-repeat; width: 28px; height: 8px; position: absolute; top: 10px; right: calc(100% + 28px); } .dot-inline:before { content: ""; display: inline-block; background-image: url(/bitrix/templates/prime/assets/css/../images/dot.svg); background-repeat: no-repeat; width: 28px; height: 8px; position: relative; top: -2px; margin-right: 10px; } .dot-inline-white:before { content: ""; display: inline-block; background-image: url(/bitrix/templates/prime/assets/css/../images/dot-white.svg); background-repeat: no-repeat; width: 28px; height: 8px; position: relative; top: -2px; margin-right: 10px; } .w440 { width: 440px; } .w100 { width: 100%; } .h-68 { height: 68px; padding: 0 53px; } .h-73 { height: 73px; padding: 0 74px; } .h-80 { height: 80px; padding: 0 60px; } .h-90 { height: 90px; } .h-93 { height: 93px; padding: 0 57px; } .btn { display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; border-width: 0; cursor: pointer; line-height: 1; letter-spacing: 0.05em; text-decoration: none; text-transform: uppercase; } .btn-red { background: -webkit-gradient(linear, left top, left bottom, from(#E25151), to(#BD2E2E)); background: linear-gradient(180deg, #E25151 0%, #BD2E2E 100%); -webkit-box-shadow: 0px 20px 30px rgba(189, 61, 61, 0), inset 0px 0px 16px rgba(255, 255, 255, 0.46); box-shadow: 0px 20px 30px rgba(189, 61, 61, 0), inset 0px 0px 16px rgba(255, 255, 255, 0.46); border-radius: 8px; color: #fff; transition: all 0.2s linear; } .btn-red:hover { background: -webkit-gradient(linear, left top, left bottom, from(#E25151), to(#BD2E2E)); background: linear-gradient(180deg, #E25151 0%, #BD2E2E 100%); -webkit-box-shadow: 0px 20px 30px rgba(189, 61, 61, 0.2), inset 0px 0px 21px rgba(255, 255, 255, 0.46); box-shadow: 0px 20px 30px rgba(189, 61, 61, 0.2), inset 0px 0px 21px rgba(255, 255, 255, 0.46); } .btn-shadow { -webkit-box-shadow: 0px 20px 35px -15px rgba(173, 92, 92, 0.4), inset 0px 0px 21px rgba(255, 255, 255, 0.46); box-shadow: 0px 20px 35px -15px rgba(173, 92, 92, 0.4), inset 0px 0px 21px rgba(255, 255, 255, 0.46); } .we_list { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .we_list ul { display: flex; background: #F7F8F9; border-radius: 10px 10px 0px 0px; } .we_list li { display: block; position: relative; padding: 30px 25px; height: 170px; -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; } .we_list li:before { content: ""; background-image: url(/bitrix/templates/prime/assets/css/../images/check.svg); background-repeat: no-repeat; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; width: 35px; height: 35px; position: absolute; top: 92px; left: 103px; z-index: 2; } .we_list li:after { content: ""; display: block; background-color: transparent; -webkit-box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.5); box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.5); position: absolute; top: 0; right: 0; width: 97px; height: 100%; } .we_list li:before { } .we_list li:last-child:after { display: none; } .we_list li:nth-child(2):before { content: ""; left: 80px; } .we_list li:nth-child(2) .pic { left: 80px; } .we_list li:nth-child(4) .pic { left: 87px; } .we_list .pic { position: absolute; bottom: -45px; left: 68px; pointer-events: none; z-index: 3; } .we_list img { display: block; } .path_right { 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; } .warning { padding: 17px 23px; background: rgba(255,255,255,0.9); opacity: 1; border-radius: 8px; font-size: 14px; line-height: 140%; width: 388px; position: relative; margin-bottom: 42px; } .warning:before { content: ""; -webkit-box-sizing: border-box; box-sizing: border-box; background-image: url(/bitrix/templates/prime/assets/css/../images/icon_warning.png); background-repeat: no-repeat; background-position: 0 0; display: block; position: absolute; top: -12px; right: 12px; width: 30px; height: 30px; } .has_video { width: 260px; text-align: center; background: #FFFFFF; border-radius: 7px; position: relative; } .has_video a { position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 3; } .has_video:hover .play { width: 80px; height: 80px; } .has_video .name { text-align: center; padding: 15px 20px 8px; color: #8097AA; } .has_video .video { position: relative; } .has_video img { display: block; } .has_video .play { position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 70px; height: 70px; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; border-radius: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#E25151), to(#BD2E2E)); background: linear-gradient(180deg, #E25151 0%, #BD2E2E 100%); -webkit-box-shadow: 0px 22px 35px -15px rgba(97, 197, 102, 0.52), inset 0px 0px 21px rgba(255, 255, 255, 0.46); box-shadow: 0px 22px 35px -15px rgba(97, 197, 102, 0.52), inset 0px 0px 21px rgba(255, 255, 255, 0.46); -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .has_video .play svg { display: block; } .sub_name { font-size: var(--font50); } .sub_name b { font-weight: bold; } .sub_name p:last-child { margin-bottom: 0; line-height: 1.2; } .sub_name small { font-size: var(--font20); font-weight: 600; color: rgba(57, 71, 84, 0.4); display: block; line-height: 145%; } .product_box { background: #F7F8F9; border-radius: 0px 120px 0px 0px; padding: 66px 0 80px 0; } .product_box h1{ font-size: var(--font50); font-weight: 400; } .product_item { padding: 25px; background-color: #fff; position: relative; border-radius: 10px; } .product_item .inner { position: relative; } .product_item .inner a{ display: block; } .product_item .pic { border-radius: 10px; max-height: 235px; overflow: hidden; position: relative; } .product_item .pic:before { content: ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 2; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.6))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 100%); } .product_item img { border-radius: 10px; width: 100%; height: auto; display: block; } .product_item .group { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 25px; color: #fff; } .product_item .name { margin-bottom: 10px; line-height: 110%; } .product_item .more { font-size: 16px; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; border-bottom: 1px solid #fff; padding-bottom: 2px; line-height: 1; } .product_item .num { position: absolute; top: 25px; right: 25px; font-weight: 700; font-size: 12px; line-height: 145%; letter-spacing: 0.05em; text-transform: uppercase; padding: 10px 15px; background: -webkit-gradient(linear, left top, left bottom, from(#FBB564), to(#FF912B)); background: linear-gradient(180deg, #FBB564 0%, #FF912B 100%); -webkit-box-shadow: inset 0px 0px 25px rgba(255, 255, 255, 0.4); box-shadow: inset 0px 0px 25px rgba(255, 255, 255, 0.4); border-radius: 5px; color: #fff; z-index: 2; } .sale_item { padding: 45px 30px 30px 30px; background-repeat: no-repeat; background-position: center 0; border-radius: 10px; background-size: 100% auto; position: relative; background-image: url('/bitrix/templates/prime/assets/css/../images/bg_salle.jpg'); } .sale_item .txt { margin-bottom: 120px; text-shadow: 1px 1px 10px white; } .sale_item .btn { width: 100%; padding: 25px; font-weight: bold; } .stiker_sale { position: absolute; top: -5px; right: 30px; color: #fff; background: radial-gradient(82.78% 82.78% at 57.16% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), -webkit-gradient(linear, left top, left bottom, from(#7FC86D), to(#8FC44D)); background: radial-gradient(82.78% 82.78% at 57.16% 0%, rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0) 100%), linear-gradient(180deg, #7FC86D 0%, #8FC44D 100%); -webkit-box-shadow: inset 0px 0px 30px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 30px rgba(255, 255, 255, 0.5); border-radius: 6px; width: 80px; height: 80px; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .stiker_sale span { line-height: 1; text-align: center; } .about_box { color: #fff; border-radius: 0px 0px 70px 70px; background-repeat: no-repeat; background-position: center 0; } .avtor { position: absolute; left: 0; top: 440px; width: 232px; } .avtor dd { background: #D9D9D9; border-radius: 5px 20px 5px 0px; background: rgba(57, 71, 84, 0.5); -webkit-backdrop-filter: blur(30px); backdrop-filter: blur(30px); padding: 10px; position: relative; } .avtor dd:before { content: ""; background-image: url(/bitrix/templates/prime/assets/css/../images/icon_avtor.svg); background-repeat: no-repeat; background-position: center center; width: 16px; height: 16px; display: block; position: absolute; top: -7px; right: 30px; background-color: #fff; border-radius: 100%; } .white_07 { color: rgba(255, 255, 255, 0.7); font-weight: normal; } .about_post { width: 700px; margin-left: auto; padding-top: 90px; } .about_post .sub_name small { color: rgba(255, 255, 255, 0.7); font-weight: normal; } .about_list { display: flex; margin-right: -10px; color: #394754; max-width: 700px; margin-left: auto; } .about_list li { display: block; width: calc(33.3333333333% - 10px); margin-right: 10px; background: #F7F8F9; border-radius: 9px 9px 0 0; min-height: 270px; padding: 30px 25px 75px 25px; position: relative; } .about_list li:before { content: ""; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -12px; right: 25px; background-color: #364450; padding: 3px; border-radius: 100%; z-index: 2; width: 25px; height: 25px; } .about_list li:after { content: ""; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; position: absolute; top: -9px; right: 28px; background: -webkit-gradient(linear, left top, left bottom, from(#DA5E5E), to(#BD3D3D)); background: linear-gradient(180deg, #DA5E5E 0%, #BD3D3D 100%); -webkit-box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.3); box-shadow: inset 0px 0px 5px rgba(255, 255, 255, 0.3); width: 19px; height: 19px; z-index: 3; border-radius: 100%; } .about_list .fz25 { position: relative; z-index: 2; } .about_list .fz18 { position: relative; z-index: 2; } .about_list .pic { position: absolute; bottom: 0; right: 0; } .about_list img { display: block; } .stats { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .stats .col { width: 33.3333333333%; padding: 47px 40px; border-bottom: 2px solid #F2F5F7; } .stats .col:first-child { padding-left: 0; } .stats .col:nth-child(3n+2), .stats .col:nth-child(3n+3) { border-left: 2px solid #F2F5F7; } .stats .col:nth-child(3n+3) { border-right: 2px solid #F2F5F7; } .stats .col:nth-child(2) { border-top: 2px solid #F2F5F7; border-radius: 10px 0px 0px 0px; } .stats .col:nth-child(3) { border-top: 2px solid #F2F5F7; } .stats .col:nth-child(4) { border-left: 2px solid #F2F5F7; } .new_product { padding-right: 60px; overflow: hidden; } .new_product_fon { background: #F7F8F9; border-radius: 0px 120px 0px 0px; padding: 66px 0 124px 60px; position: relative; } .new_product_fon:before { content: ""; background-image: url(/bitrix/templates/prime/assets/css/../images/decor_1.svg); background-repeat: no-repeat; background-position: 0 0; width: 400px; height: 38px; position: absolute; bottom: 0; left: 50%; -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); } .new_grid { position: relative; } .new_grid > .draggable { margin-right: -20px; margin-left: -20px; padding-top: 20px; } .new_grid .col2 { padding-left: 20px; padding-right: 20px; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; } .new_grid .col2:hover { -webkit-transform: translate(0, -20px); transform: translate(0, -20px); } .logo_new { position: absolute; top: 0; right: calc(100% + 5px); height: 100%; } .logo_new img { display: block; height: 100%; width: auto; } .posr { position: relative; } .new_item { background-color: #fff; border-radius: 10px; padding: 25px; } .new_item .thumb { margin-bottom: 20px; } .slider_thumb .slick-dots li:first-child:last-child { display: none; } .new_item img { display: block; width: 100%; height: auto; } .new_item .slick-slide img { border-radius: 10px; } .new_item .btn { height: 61px; width: 100%; } .new_item .more { text-decoration: none; display: flex; align-items: center; } .new_item .more span { border-bottom: 1px solid #8097AA; margin-right: 5px; } .new_item a.more:hover{ color: #FF902B; } .new_item a.more:hover span{ border-color: inherit; } .new_item .title { margin-top: 15px; } .new_item .title a{ color: inherit; text-decoration: none; } .new_item .price sup { font-size: 60%; } .project { overflow: hidden; } .project_num { width: 160px; height: 115px; background: #394754; -webkit-box-shadow: inset 0px 0px 30px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 30px rgba(255, 255, 255, 0.5); border-radius: 5px; color: #fff; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; text-align: center; padding-left: 15px; position: relative; } .project_num:before { content: ""; display: block; border-radius: 3px; background-color: #fff; width: 45px; height: 45px; background-image: url(/bitrix/templates/prime/assets/css/../images/icon_project_num.svg); background-repeat: no-repeat; background-position: center center; position: absolute; top: 50%; left: -23px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .project_slider_box { width: 1560px; position: relative; } .project_item { position: relative; width: 360px; margin-right: 40px; } .project_item:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(75.17%, rgba(0, 0, 0, 0.6))); background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.6) 75.17%); border-radius: 10px; } .project_item img { display: block; width: 100%; height: auto; border-radius: 10px; } .project_item .bottom { position: absolute; bottom: 0; left: 0; width: 100%; padding: 25px; z-index: 2; } .project_item .a_white { color: #fff; text-decoration: none; display: flex; align-items: center; } .project_item .a_white span { border-bottom: 1px solid #fff; margin-right: 5px; } .project_item .a_white:hover span { border-bottom-color: transparent; } .project_item .btn { display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; width: 40px; height: 40px; } .project_slider__nav svg { display: block; } .project_slider__nav .wrap { padding: 0 25px; display: flex; align-items: center; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .sl_nav { cursor: pointer; position: absolute; top: calc(50% - 15px); z-index: 3; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); border-radius: 100%; background: -webkit-gradient(linear, left top, left bottom, from(#F7F8F9), to(#F7F8F9)); background: linear-gradient(180deg, #F7F8F9 0%, #F7F8F9 100%); } .sl_nav svg { display: block; } .sl_nav:hover { background: -webkit-gradient(linear, left top, left bottom, from(#FBB564), to(#FF912B)); background: linear-gradient(180deg, #FBB564 0%, #FF912B 100%); } .sl_nav:hover circle { fill: #FF902B; fill-opacity: 0 !important; } .sl_nav:hover path { fill: #fff; } .prev { left: 25px; -webkit-box-shadow: 20px 0px 25px -10px #DFDFDF; box-shadow: 20px 0px 25px -10px #DFDFDF; } .prev:hover { -webkit-box-shadow: 20px 0px 25px -10px rgba(255, 145, 43, 0.61); box-shadow: 20px 0px 25px -10px rgba(255, 145, 43, 0.61); } .next { left: 1075px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); -webkit-box-shadow: -20px 0px 25px -10px #DFDFDF; box-shadow: -20px 0px 25px -10px #DFDFDF; } .next:hover { -webkit-box-shadow: -20px 0px 25px -10px rgba(255, 145, 43, 0.61); box-shadow: -20px 0px 25px -10px rgba(255, 145, 43, 0.61); } .promo { background-repeat: no-repeat; background-position: center 0; background-size: cover; height: 900px; padding-top: 120px; background-image: url(/bitrix/templates/prime/assets/css/../images/bg_3.jpg) } .promo .name { max-width: 670px; } .promo .txt { max-width: 460px; } .obsudim { position: relative; z-index: 2; margin-top: -150px; color: #fff; overflow: hidden; } .obsudim_bg { background-repeat: no-repeat; background-position: center 0; min-height: 800px; padding-top: 100px; background-image: url("/bitrix/templates/prime/assets/css/../images/bg_obsudim.jpg"); } .obsudim_bg .wrap { padding-left: 500px; } .project_stats { padding-bottom: 70px; overflow: hidden; } .project_stats .wrap { padding: 80px 0 70px 0; } .project_stats .pic { position: absolute; left: calc(50% - 20px); bottom: -41px; pointer-events: none; } .project_stats_bg { background-color: #F7F8F9; } .how_work { overflow: hidden; } .how_work_box { position: relative; width: 100vw; overflow: hidden; } .how_work_box_wrap { overflow: hidden; position: relative; } .how_work_slider .slick-active .name { opacity: 1; } .how_work_item { width: 860px; margin-right: 40px; } .how_work_item .thumb a { display: block; position: relative; } .how_work_item .thumb a:before { content: ""; width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background: -webkit-gradient(linear, left top, left bottom, from(#E25151), to(#BD2E2E)); background: linear-gradient(180deg, #E25151 0%, #BD2E2E 100%); -webkit-box-shadow: 0px 22px 35px -15px rgba(189, 61, 61, 0.45), inset 0px 0px 21px rgba(255, 255, 255, 0.46); box-shadow: 0px 22px 35px -15px rgba(189, 61, 61, 0.45), inset 0px 0px 21px rgba(255, 255, 255, 0.46); display: block; z-index: 2; border-radius: 100%; } .how_work_item .thumb a:after { content: ""; background-image: url(/bitrix/templates/prime/assets/css/../images/icon_play.svg); background-repeat: no-repeat; background-position: center center; background-size: 22px auto; width: 120px; height: 120px; position: absolute; top: 50%; left: 50%; z-index: 3; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .how_work_item .thumb { border-radius: 10px; background: #000; position: relative; overflow: hidden; } .how_work_item .thumb::before{ content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgb(0 0 0 / 0%) 0%, rgb(0 0 0 / 30%) 100%); z-index: 2; display: none; } .how_work_item img { display: block; width: 100%; height: auto; border-radius: 10px; } .how_work_item .name { max-width: 60%; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; opacity: 0; min-height: 56px; } .how_work_item .name a { color: inherit; text-decoration: none; } .how_work_nav { display: flex; max-width: 860px; position: relative; } .how_work_nav:before { content: ""; background-color: rgba(0, 0, 0, 0.05); -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; display: block; height: 1px; margin-right: 40px; -ms-flex-item-align: end; align-self: flex-end; } .how_work_nav .flx { background-color: #fff; position: relative; z-index: 2; -ms-flex-negative: 0; flex-shrink: 0; } .how_work_btn { font-size: 16px; color: #8097AA; border-bottom: 1px solid #8097AA; cursor: pointer; } .how_work_btn:hover { border-bottom-color: transparent; } .slides-numbers { color: #8097AA; display: flex; position: absolute; bottom: calc(100% + 0px); right: 0; } .slides-numbers .active { color: #394754; } .garant { overflow: hidden; } .garant_bg { background-image: url(/bitrix/templates/prime/assets/css/../images/bg_garant.jpg); background-repeat: no-repeat; background-position: center 0; padding: 80px 0 70px 0; } .garant_bg .btn { padding: 0 80px; } .doc { position: absolute; top: 0px; left: 23%; } .doc img { display: block; } .garant_post { position: relative; z-index: 2; } .garant_post .name { max-width: 555px; } a[href^="tel:"] { text-decoration: none; color: #394754; } .garant_item { max-width: 555px; line-height: 150%; } .garant_item .icon { width: 104px; } .garant_item .icon img { display: block; } .how_oreder { background-color: #F7F8F9; padding: 90px 0 84px 0; overflow: hidden; } .order_item { display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; width: 25%; padding: 30px 30px 0 30px; position: relative; background-color: #fff; } .order_item .numb { position: absolute; top: -15px; right: 30px; width: 50px; height: 50px; font-size: 20px; line-height: 1; font-weight: 800; color: #fff; z-index: 9; background: -webkit-gradient(linear, left top, left bottom, from(#E25151), to(#BD2E2E)); background: linear-gradient(180deg, #E25151 0%, #BD2E2E 100%); -webkit-box-shadow: inset 0px 0px 30px rgba(255, 255, 255, 0.5); box-shadow: inset 0px 0px 30px rgba(255, 255, 255, 0.5); border-radius: 6px; display: flex; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .order_item:last-child:before { display: none; } .order_item:first-child .thumb { padding-top: 27px; } .order_item:before { content: ""; width: 91px; height: 100%; display: block; position: absolute; top: 0; right: -90px; background: #FFFFFF; -webkit-box-shadow: 15px 0px 72px -40px rgb(0, 0, 0); box-shadow: 15px 0px 72px -40px rgb(0, 0, 0); border-radius: 0px; } .order_item .top { -webkit-box-flex: 1; -ms-flex-positive: 1; flex-grow: 1; position: relative; z-index: 2; } .order_item .thumb { position: relative; z-index: 2; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background-image: url(/bitrix/templates/prime/assets/css/../images/boder.png); background-repeat: no-repeat; background-position: center 0; margin-top: 20px; } .order_item .thumb img { display: block; } .order_item .txt a { color: #5DA8E0; } .order_item .txt p { margin-bottom: 25px; } .order_item .txt p:last-child { margin-bottom: 0; } .order_item .txt li { display: block; } .order_item .txt li:before { content: ""; background-image: url(/bitrix/templates/prime/assets/css/../images/check_2.png); background-repeat: no-repeat; background-position: 0 0; width: 20px; height: 20px; -ms-flex-negative: 0; flex-shrink: 0; display: -moz-inline-flex; display: -ms-inline-flex; display: -o-inline-flex; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; margin-right: 5px; position: relative; top: 4px; } .order_item .txt li:nth-child(1n+2) { margin-top: 15px; } .order_box { position: relative; } .logo_order { position: absolute; bottom: 0; right: 100%; } .z2 { position: relative; z-index: 2; } .about_product { background-color: #394754; color: #fff; padding: 90px 110px; overflow: hidden; } .about_product .wrap:before { content: ""; background-image: url(/bitrix/templates/prime/assets/css/../images/decor_2.svg); background-repeat: no-repeat; background-position: 0 0; width: 400px; height: 38px; position: absolute; bottom: -90px; left: 50px; } .about_product_list { display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -17px; } .about_product_list .col { width: calc(33.3333333333% - 17px); margin-right: 17px; } .about_product_list .col:nth-child(1n+4) { margin-top: 17px; } .about_product_item { height: 100%; background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.85) 100%); border: 1px solid #FFFFFF; border-radius: 8px; padding: 15px; } .about_product_item img { display: block; width: 100%; height: auto; border-radius: 6px; } .about_product_item .name { color: #394754; } .about_product_item .name:before { content: ""; display: inline-block; background-image: url(/bitrix/templates/prime/assets/css/../images/check_red.svg); background-repeat: no-repeat; background-position: center center; width: 15px; height: 15px; margin-right: 2px; position: relative; top: 2px; } .date { font-size: 20px; line-height: 1; display: inline-block; font-weight: bold; padding: 15px 25px; background: -webkit-gradient(linear, left top, left bottom, from(#FBB564), to(#FF912B)); background: linear-gradient(180deg, #FBB564 0%, #FF912B 100%); border-radius: 8px; position: relative; top: -8px; } .about_product { background-image: url(/bitrix/templates/prime/assets/css/../images/thumb_delivery.png); background-repeat: no-repeat; background-position: calc(50% + 475px) bottom; } .about_product_row { display: flex; } .about_product__left { width: 50%; padding-right: 60px; position: relative; } .about_product__left:before { content: ""; display: block; position: absolute; top: 50%; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: 91px; z-index: 0; height: 100%; -webkit-box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.7); box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.7); } .about_product__left:after { content: ""; display: block; position: absolute; top: 50%; left: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); width: calc(100% - 80px); z-index: 1; height: 100%; background: #394754; } .about_product__right { padding-left: 60px; width: 50%; } .order_form { background: rgba(57, 71, 84, 0.5); -webkit-backdrop-filter: blur(33px); backdrop-filter: blur(33px); width: 360px; padding-top: 25px; padding-bottom: 25px; padding-right: 40px; position: relative; border-radius: 10px; } .order_form:before { content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-image: url(/bitrix/templates/prime/assets/css/../images/border_4.png); background-repeat: no-repeat; background-position: center 0; } .order_form .name { color: rgba(255, 255, 255, 0.5); } .form_field { position: relative; } .form_field svg { position: absolute; top: 50%; left: 25px; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); } .input { width: 100%; height: 65px; background: radial-gradient(50% 50% at 50% 50%, #FFFFFF 0%, rgba(255, 255, 255, 0.8) 100%); border: 1px solid #FFFFFF; border-radius: 5px; font-weight: 600; padding-left: 65px; font-family: "Mont"; font-size: 18px; line-height: 1; outline: none; border-width: 0; } .check input { display: none; } .check input:checked + label:before { content: ""; background-position: center center; } .check label { display: inline-block; font-size: 13px; cursor: pointer; } .check label:before { content: ""; width: 18px; height: 18px; background-color: #F2F2F2; display: inline-block; border-radius: 3px; margin-right: 5px; position: relative; top: 4px; background-image: url(/bitrix/templates/prime/assets/css/../images/check_label.png); background-repeat: no-repeat; background-position: -100% center; } .check a { color: #5DA8E0; } .maps-wrap { height: 700px; background-repeat: no-repeat; background-position: center 0; position: relative; } .maps-wrap::before { content: ''; background: linear-gradient(180deg, rgba(255,255,255,1) 0%, rgba(255,255,255,0) 100%); width:100%; height: 200px; position: absolute; top: 0; left: 0; pointer-events: none; z-index: 9; } #maps { height: 100%; width: 100%; } ymaps[class*="copyrights-pane"] { display: none !important; } ymaps[class*="ground-pane"] { filter: grayscale(1); } hr { background-image: url(/bitrix/templates/prime/assets/css/../images/border_3.svg); background-repeat: no-repeat; background-position: center 0; height: 1px; border-width: 0; } .social svg { display: block; width: auto; height: 40px; } .contact_box { position: absolute; top: 50%; left: calc(50% - 580px); -webkit-transform: translate(0, -50%); transform: translate(0, -50%); z-index: 2; background-color: #fff; border-radius: 15px; } .contact_box .left { width: 290px; padding: 40px 35px; position: relative; box-shadow: 15px 0px 72px -40px rgb(0 0 0 / 16%); } .contact_box .left:before { content: ""; display: block; position: absolute; top: 0; right: 0; width: 91px; height: 376px; -webkit-box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.5); box-shadow: 15px 0px 72px -40px rgba(0, 0, 0, 0.5); display: none; } .contact_box .left > div { position: relative; z-index: 2; } .contact_box .right { width: 370px; padding: 40px 35px; background: #fff; border: 1px solid #FFFFFF; border-radius: 5px; } .contact_box .input { background: none; background-color: #F7F8F9; } footer { background-color: #394754; color: #fff; padding: 58px 0 63px 0; } .foot { padding-bottom: 50px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .foot .left { width: 300px; margin-right: 80px; } .footer-menu ul { width: 28%; } .footer-menu li { display: block; } .footer-menu li:nth-child(1n+2) { margin-top: 10px; } .footer-menu a { color: #fff; text-decoration: none; } .footer-menu a:hover { text-decoration: underline; } .foot-txt { color: rgba(255, 255, 255, 0.5); } .foot_messeg a { display: block; } .foot_messeg svg { display: block; width: 40px; height: auto; } .foot_adres svg, .foot_email svg { display: block; } .foot_middle { padding: 30px 0 40px 0; margin-bottom: 30px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); } .copy { max-width: 760px; } .foot_bottom .blue { color: #5DA8E0; } .like_a { color: #fff; text-decoration: none; } .like_a:hover { text-decoration: underline; } /* Slider */ .slick-slider { position: relative; display: block; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0 0px; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; outline: none; display: none; } [dir=rtl] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-prev, .slick-next { position: absolute; display: block; line-height: 0px; font-size: 0px; cursor: pointer; background: transparent; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); padding: 0; border: none; outline: none; z-index: 4; font-size: 20px; width: 20px; height: 20px; color: #1abcda; } .slick-prev i, .slick-next i { font-size: 30px; } .slick-prev:hover, .slick-next:hover { color: #000; } .slick-prev { left: 10px; } .slick-next { right: 10px; } .slick-slide img { display: block; width: 100%; height: auto; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 0px; } .slick-dots { position: absolute; bottom: 10px; list-style: none; display: block; text-align: center; padding: 0; margin: 0; width: 100%; } .slick-dots li { position: relative; display: inline-block; height: 5px; width: 30px; margin: 0 5px; padding: 0; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .slick-dots li button { display: block; border: 0; background: rgb(255 255 255 / 80%); border-radius: 10px; display: block; height: 100%; width: 100%; outline: none; line-height: 0px; font-size: 0px; color: transparent; cursor: pointer; -webkit-box-sizing: border-box; box-sizing: border-box; } .slick-dots li.slick-active button { background: linear-gradient(180deg, #FBB564 0%, #FF912B 100%); } .slick-dots li:hover button { background-color: #fdae56; } .breadcrumbs-section { padding-bottom: 30px; } .breadcrumbs-section h1 { color: #394754; font-size: 33px; font-weight: 600; } .breadcrumbs .bx-breadcrumb{ display: flex; align-items: center; justify-content: flex-start; flex-wrap: wrap; } .bx-breadcrumb .bx-breadcrumb-item{ margin: 0; } .bx-breadcrumb-item a, .bx-breadcrumb-item span { font-size: 15px; font-weight: 400; color: #536371; text-decoration: none; } .bx-breadcrumb .bx-breadcrumb-item.last span { opacity: 0.4; } .bx-breadcrumb-item i.arrow { font-size: 14px; margin: 0; margin-left: 5px; } .catalog-left-menu { background: #fff; border-radius: 10px; padding: 10px 15px 10px 20px; } .section-list-items li { list-style: none; margin: 10px 0; } .section-list-items li a { font-size: 15px; color: #394754; font-weight: 400; text-decoration: none; display: flex; justify-content: space-between; align-items: center; } .section-list-items li a:hover { color: #f04b4b; } .section-list-items li a span { background: #F7F8F9; border-radius: 50px; font-size: 11px; color: #8097AA; padding: 4px 10px; margin-left: auto; } .section-list-items li a::before { content: '›'; margin-right: 5px; color: #f04b4b; padding-bottom: 2px; } .sort-select { display: none; } .sort-catalog-wrap { background: #fff; border-radius: 10px; padding: 17px 20px; display: flex; align-items: center; justify-content: flex-start; font-size: 15px; font-weight: 600; margin-bottom: 20px; } .sort-title { margin-right: 15px; color: #394754; } .sort-catalog-wrap .sort-link-wrap a { color: #394754; text-decoration: none; margin-right: 6px; font-weight: 500; } .sort-catalog-wrap .sort-link-wrap a:not(.act) { color: #8097AA; } .sort-catalog-wrap .sort-link-wrap a:last-child { margin-right: 0; } .row-section-products { display: flex; justify-content: space-between; align-items: stretch; flex-wrap: wrap; gap: 15px; } .row-section-products .product-item-cat{ width: 100%; max-width: calc(33.33333% - 10px); } .row-section-products .product-item-cat.pic-col-4 { max-width: calc(25% - 15px); } .product-item-cat .new_item{ padding: 20px 20px; } .product-item-cat .new_item .title { font-size: 15px; } .product-item-cat .new_item .price { font-size: 20px; } .product-item-cat .new_item .price .fz40{ font-size: 25px; } .product-item-cat .new_item .btn { height: 50px; width: 100%; font-size: 14px; } .product-item-cat .new_item .more { font-size: 14px; } .widgets-info { margin-top: 30px; } .sale-banner-sm.sale_item { background-position: center bottom; background-color: #fff; } .sale-banner-sm .name { font-size: 22px; line-height: 1.3; } .sale-banner-sm.sale_item .txt { font-size: 15px; margin-bottom: 80px; } .sale-banner-sm .stiker_sale { top: -15px; right: 20px; width: 80px; height: 60px; line-height: 1.2; } .sale-banner-sm .stiker_sale .fz25 { font-size: 20px; } .sale-banner-sm.sale_item .btn { padding: 15px; font-size: 14px; } .product-detail-images img { max-width: 100%; width: 100%; border-radius: 10px; } .product-detail-slider-nav { margin-top: 20px; padding-bottom: 20px; } .product-detail-slider-nav .slick-list{ margin: 0 -5px; } .product-detail-slider-nav .slick-track { margin-left: 0; } .product-detail-slider-nav .slick-track img { margin: 0 5px; cursor: pointer; opacity: 0.7; } .product-detail-slider-nav .slick-track img.slick-current { opacity: 1; } .product-detail-slider-nav .slick-dots { bottom: 5px; } .detail-product-price-wrap { background: #3A4754; color: #fff; border-radius: 10px; padding: 20px 20px; font-weight: 400; } .detail-product-price-pt-wrap { border-bottom: 1px solid rgba(255,255,255,0.03); padding-bottom: 5px; } .detail-product-price-txt { font-size: 13px; opacity: 0.5; } .detail-product-price { font-size: 25px; font-weight: 600; line-height: 1.2; white-space: nowrap; } .detail-product-price .num { font-size: 35px; } .detail-product-price-pds-txt { font-size: 13px; opacity: 0.5; font-weight: 400; padding: 10px 0; } .detail-product-price-pds-date { font-size: 14px; } .detail-product-price-pt { box-shadow: 0 15px 72px -42px rgb(0 0 0 / 20%); } .detail-product-price-pds { padding: 10px 0 0 0; } .detail-product-price-pds-btn a { width: 100%; padding: 20px; margin-top: 10px; font-size: 16px; } .detail-product-price-pds-btn a:hover { color: #fff; } .detail-product-price-wrap.dpp-new { display: flex; align-items: center; justify-content: space-between; padding: 20px 25px; position: relative; z-index: 2; box-shadow: 0 5px 15px rgba(0,0,0,0.2); } .dpp-new .detail-product-price-pds-btn a { margin-top: 0; } .dpp-new .detail-product-price-pt-wrap { padding-bottom: 0; border: none; } .dpp-new .detail-product-price-pds { padding-top: 0; } .dpp-new .detail-product-price-pds-txt { padding-bottom: 0; padding-top: 0px; } .dpp-new .detail-product-price-pds-date { margin-top: 8px; font-size: 13px; opacity: 0.5; } .rs-new-const .constructions { background: transparent; color: #3A4754; } .rs-new-const .constr-radio-txt span{ color: #3A4754; font-size: 15px; font-weight: 700; } .constructions-size { margin-right: 20px; } .constructions-size .constructions-size-input-wrap { display: flex; flex-direction: column; gap: 15px; } .input-const-size { max-width: 192px; background: #f0f2f3; border-radius: 8px; font-size: 22px; padding: 15px 15px 19px 15px; font-weight: 700; border: none; line-height: 1; color: #394754; } .input-const-size:focus { border: none; outline: none; } .input-const-size::placeholder { font-size: 15px; font-weight: 400; color: #b2b2b2; } .constructions-wrap { position: relative; display: flex; flex-wrap: wrap; width: 100%; height: 100%; } .constructions { background: #3A4754; border-radius: 10px; color: #fff; } .dd-inp-wp { width: 100%; height: 100%; display: flex; flex-direction: column; position: relative; z-index: 9; overflow: hidden; } .dd-inp-wp label{ margin-bottom: 0; display: flex; width: 100%; justify-content: space-between; align-items: center; padding: 15px 20px; font-size: 15px; font-weight: 400; color: #fff; cursor: pointer; line-height: 1.2; box-shadow: 0px 15px 72px -15px rgb(0 0 0 / 30%); } .dd-inp-wp label:last-child { border-bottom: 0; padding-bottom: 20px; } .dd-inp-wp label:first-child { padding-top: 20px; border-top: none; } .dd-inp input[type="radio"]:checked + .inp-check + span, .dd-inp-wp label.active { color: #fff; } .constructions-light .dd-inp-wp label { border-color: #ebe8e1; } .constructions-light.constructions-wrap::before { display: none; } .dd-inp { display: flex; } .dd-inp span { display: inline-block; padding-top: 1px; line-height: 1; } label.dd-inp-label .dd-inp-price { font-size: 15px; font-weight: 600; color: #fff; background: #4C5C6B; border-radius: 6px; line-height: 1; padding: 6px 15px 6px 15px; white-space: nowrap; margin-left: 15px; } label.dd-inp-label .dd-inp-price sup { font-size: 10px; } .dd-inp { position: relative; display: flex; align-items: center; } .dd-inp input { display: none; } .dd-inp .inp-check { margin-right: 12px; width: 25px; height: 25px; min-width: 13px; min-height: 13px; border-radius: 3px; background: #4c5c6b; display: flex; align-items: center; justify-content: center; z-index: 9; } .dd-inp input[type="radio"]:checked + .inp-check::before { content: ''; background: url("/bitrix/templates/prime/assets/css/../images/check-select.svg") center center no-repeat; display: inline-block; width: 10px; height: 8px; border-radius: 100%; } .n-locks-wrap { margin-top: 25px; } .dd-inp-content { padding: 0px 30px 0px 30px; width: 100%; min-width: 100%; /*-webkit-transition: all 0.2s ease; transition: all 0.2s ease;*/ max-height: 0; overflow: hidden; } .active + .dd-inp-content { display: block; max-height:600px; padding-bottom: 10px; } .constructions-wrap.rs-new-const { flex-wrap: nowrap; padding: 30px 20px 20px 20px; background: #fff; border-radius: 0 0 10px 10px; margin: -10px 15px 0 15px; width: calc(100% - 30px); position: relative; z-index: 0; box-shadow: 0 9px 23px rgb(0 0 0 / 4%); justify-content: space-between; } .rs-new-const .dd-inp-wp{ flex-direction: row; flex-wrap: wrap; } .rs-new-const .dd-inp-wp .label-col-wrap { display: flex; gap: 15px; width: 100%; } .rs-new-const .dd-inp-wp .label-col { width: 50%; } .title-dd-sm.constructions-title { font-size: 16px; font-weight: 600; margin-bottom: 10px; } .input-const-size-wrap { position: relative; } .input-const-size-wrap::before { content: 'м'; color: #c0c0c0; font-weight: 700; font-size: 15px; width: 30px; height: 30px; background: #fff; border-radius: 6px; display: flex; align-items: center; justify-content: center; position: absolute; right: 15px; top: 50%; transform: translate(0, -50%); } .foot_adres_txt { max-width: 200px; } .pd-sm-table .row-txt { font-size: 15px; font-weight: 600; width: 100%; position: relative; display: flex; justify-content: space-between; margin-bottom: 5px; } .pd-sm-table .row-txt strong { font-weight: 400; position: relative; background: #f7f8f9; display: inline-block; z-index: 2; padding-right: 2px; color: #8097AA; } .pd-sm-table .row-txt span { color: #394754; position: relative; background: #f7f8f9; display: inline-block; z-index: 2; padding-left: 2px; } .rs-new-const label.dd-inp-label .dd-inp-price { margin-left: 0; background: 0; padding: 0; border-radius: 0; font-weight: 400; font-size: 13px; color: #8097a9; display: block; } .rs-new-const .inp-check{ min-height: 26px; min-width: 26px; background: #f0f2f3; border-radius: 6px; } .rs-new-const input:checked + .inp-check { background: linear-gradient(180deg, #E25151 0%, #BD2E2E 100%); } .rs-new-const .dd-inp-wp label { box-shadow:none; padding: 0; margin-bottom: 15px; } .rs-new-const .dd-inp-wp .label-col label:last-child { margin-bottom: 0; } .rs-new-const .dd-inp { border: 2px solid #f0f2f3; border-radius: 8px; padding: 10px 10px; width: 100%; } .rs-new-const .active .dd-inp { border-color: #cc4344; } .pd-sm-table .row-txt:after { content: ''; width: 100%; height: 2px; position: absolute; left: 0; bottom: 7px; border-bottom: 1px dashed rgb(128 151 170 / 30%); z-index: 1; } .title-dd-sm { font-size: 20px; color: #394754; font-weight: 600; } .pd-info-txt-block .title-dd-dub { margin: 0 0 10px; } .pd-sm-table-wrap .link-bb { font-size: 15px; color: #FF902B; text-decoration: none; border-bottom: 1px solid; transition: all 0.1s linear; } .pd-sm-table-wrap .link-bb:hover { border-color: transparent; } .product-detail-top-info-line { margin-bottom: 30px; } .pd-info-txt-list { background: #fff; padding: 10px 20px; border-radius: 10px; } .pd-info-txt-list ul li { list-style: none; font-size: 15px; color: #394754; margin: 12px 0; } .list-check li:before { content: ''; background: url("/bitrix/templates/prime/assets/css/../images/check-dd-list.svg") center center no-repeat; width: 20px; height: 20px; display: inline-block; margin-right: 7px; margin-bottom: -4px; } .link-txt { line-height: 1; text-decoration: none; border-bottom: 1px solid; transition: all 0.1s linear; } .link-txt:hover { border-color: transparent; } .link-pdi-txt { } a { color: #F04B4B; transition: all 0.15s linear; } a:not(.btn):hover, a:not(.btn):focus { color: #F04B4B; } .cl-or { color: #ff902b; } .cl-or:hover, .cl-or:focus{ color: #ff902b; } .pd-info-txt-block a { text-decoration: none; border-bottom: 1px solid; line-height: 1.1; display: inline-block; } .pd-info-txt-block a:hover { border-color: transparent; } .product-detail-adv { margin-top: 20px; padding-bottom: 30px; } .product-detail-adv .we_list ul { background: #fff; } .product-detail-krovlya-wrap { background: #fff; border-radius: 10px; padding: 30px 20px 35px; } .title-dd { font-size: 18px; } .product-detail-material { margin-top: 40px; } .product-detail-krovlya-slider-wrap { position: relative; margin-top: 25px; } .product-detail-krovlya-slider-wrap .sl_nav svg { width: 50px; height: 50px; } .product-detail-krovlya-slider-wrap .next, .product-detail-krovlya-slider-wrap .prev { top: calc(50% - 5px); } .product-detail-krovlya-slider-wrap .next { right: -10px; left: auto; } .product-detail-krovlya-slider-wrap .prev { left: -10px; right: auto; } .product-detail-krovlya-slider .slick-list { margin: 0 -10px; } .product-detail-krovlya-slider img { height: 62px; margin: 0 10px; width: auto; } .krovlya-metallocherepitsa-i-profnastil .product-detail-krovlya-slider img{ height: 90px; } .product-detail-krovlya-text { margin-top: 25px; font-size: 16px; color: #394754; } .product-detail-krovlya-slider a { border-bottom: none; text-decoration: none; } .product-detail-krovlya-slider a span { color: #8097aa; font-size: 14px; text-align: center; display: block; margin-top: 8px; } a:focus { outline: none; } .dd-diz-wrap { background: #fff; border-radius: 10px; padding: 30px 30px; } .dd-diz-title { font-size: 18px; color: #394754; display: flex; align-items: flex-start; } .dd-diz-title img { margin-right: 20px; } .dd-diz-title strong { font-weight: 600; } .dd-diz-text { color: #8097AA; font-size: 16px; padding-left: 50px; position: relative; margin-top: 10px; } .dd-diz-text::before { content: ""; display: block; background-image: url(/bitrix/templates/prime/assets/css/../images/dot-grey.svg); background-repeat: no-repeat; width: 28px; height: 8px; position: absolute; top: 8px; left: 0; } .btn-diz-dd { margin-top: 15px; width: 100%; padding: 18px 0; font-size: 16px; } .tab-pane.active.show { opacity: 1; } .product-detail-tab-wrap { margin-top: 120px; background: #fff; } .tab-content { } .product-detail-tab-content { position: relative; padding-top: 30px; padding-bottom: 50px; } .product-detail-tab-content .tab-pane { position: relative; z-index: 1; background: #fff; } .tab-content-block { padding: 40px 0 20px; } .product-detail-tab .cm-tabs { margin-bottom: -30px; position: relative; z-index: 3; margin-top: -40px; } .product-detail-tab .cm-tabs .nav-tabs { border-bottom: none; display: flex; width: 100%; border-radius: 10px; overflow: hidden; box-shadow: 0 3px 4px 0 rgb(0 0 0 / 3%); } .product-detail-tab .cm-tabs .nav-tabs .nav-link { width: calc(100% / 3); text-align: center; color: #fff; font-size: 16px; font-weight: 600; line-height: 1.4; padding: 20px 0; border-radius: 0; background: #4C5C6B; border: none; display: flex; align-items: center; justify-content: center; flex-direction: column; position: relative; box-shadow: inset 15px 0px 40px -25px rgb(0 0 0 / 20%); } .product-detail-tab .cm-tabs .nav-tabs .nav-link.active { background: #394754; color: #fff; } .product-detail-tab .cm-tabs .nav-tabs .nav-link strong { font-weight: inherit; } .product-detail-tab .cm-tabs .nav-tabs .nav-link span { font-size: 14px; font-weight: 400; opacity: 0.4; } .product-detail-tab .cm-tabs .nav-tabs .nav-link.active span { color: #fff; opacity: 0.5; } .product-detail-tab .cm-tabs .nav-tabs .nav-link:after { content: ''; width: 70px; height: 5px; border-radius: 5px 5px 0 0; background: var(--primary-color); position: absolute; bottom: 0; left: 0; right: 0; margin: 0 auto; } .product-detail-tab .cm-tabs .nav-tabs .nav-link.active:after { background: var(--primary-color2); } .table, table { font-size: 16px; width: 100%; max-width: 100%; margin-bottom: 20px; border-spacing: 0; border-collapse: collapse; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { padding: 8px; line-height: 1.42857143; vertical-align: top; border-top: 1px solid #ddd; } .table>thead>tr>th, .table>tbody>tr>th, .table>tfoot>tr>th, .table>thead>tr>td, .table>tbody>tr>td, .table>tfoot>tr>td { border: none; } table tr:nth-child(even){ background: #F7F8F9; } table tr td:first-child { color: #8097AA; padding-left: 15px; } table tr td:last-child { color: #394754; } .product-detail-like-wrap { padding-bottom: 70px; margin-bottom: 0; } .product-detail-like-wrap .new_product_fon{ padding-bottom: 0px; margin-bottom: 0; } .product-detail-like-wrap .new_product_fon:before{ transform: translate(-50%, 0) scaleY(-1); bottom: auto; top: 0; } .col-photo.slick-slide { width: auto; } .catalog-list { padding-bottom: 30px; } .paginations { text-align: center; margin-top: 30px; margin-bottom: 0px; width: 100%; display: flex; flex-direction: column; } .page-numbers li { display: inline-block; } .paginations a, .page-numbers span.current { width: 45px; height: 45px; line-height: 45px; display: inline-block; font-size: 16px; font-weight: 600; margin: auto 5px; border: 1px solid #3d4b57; color: #3d4b57; border-radius: 5px; text-decoration: none; } .paginations a:hover, .paginations a.current, .page-numbers span.current { background: #3d4b57; border-color: #3d4b57; color: #fff; } .pagi-info p { color:#abb1b7;; font-size: 14px; margin-bottom: 15px; } #page { overflow: unset; } .block-stick-ls { position: -webkit-sticky; position: sticky; top: 90px; z-index: 9; } .row-f { display: flex; } .go-top.show { right: 15px; bottom: 15px; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); opacity: 1; visibility: visible; z-index: 9999; display: flex !important; } .go-top { position: fixed !important; right: -35px; bottom: 15px; width: 50px; height: 50px; border-radius: 50%; cursor: pointer; background: linear-gradient(180deg, #FBB564 0%, #FF912B 100%); line-height: 40px; text-align: center; transition: all 0.3s ease-in-out; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); opacity: 0; display: flex; align-items: center; justify-content: center; padding-bottom: 1px; } .sh-top-page .maps-wrap::before { background: linear-gradient(180deg, rgb(247 248 249) 0%, rgb(247 248 249 / 0) 100%); } /*TEXT*/ h5 { font-size: 18px; font-weight: 700; margin: 25px 0 10px 0; color: #4c5c6b; } .txt-block p { line-height: 1.7; margin-bottom: 15px; } .txt-block blockquote p:first-child:last-child { margin-bottom: 0; } .txt-block li, .txt-block p{ font-size: 17px; } .txt-block h2 { font-size: 25px; margin: 30px 0 15px; color: #4c5c6b; } .txt-block h2:first-child { margin-top: 15px; } .txt-block h3 { font-size: 22px; color: #4c5c6b; margin: 30px 0 15px; } .txt-block ul, .txt-block ol { margin: 0 0 20px 0; padding-left: 25px; } .txt-block ol { counter-reset: li; } .txt-block ul > li, .txt-block ol > li { list-style: none; } .txt-block ol > li:before { color: #fda348; background: #f6f3ec; border-radius: 5px; min-width: 10px; height: 21px; content: counter(li) !important; counter-increment: li; padding: 2px 9px; /* line-height: 1; */ margin-right: 10px; align-items: center; display: inline-flex; justify-content: center; } .txt-block.txt-bgd ol > li:before{ color: #fff; background: #fda348; font-weight: 500; } .txt-block li { margin: 15px 0; } .txt-block ul > li:before { content: ''; width: 6px; height: 6px; background: transparent; margin-right: 8px; margin-left: 8px; display: inline-block; border-radius: 9px; border: 2px solid #fda348; } .txt-block blockquote { padding: 20px 30px; background: #ffffff; color: #4c5c6b; border-radius: 8px; margin: 25px 0; box-shadow: 0 10px 20px rgb(0 0 0 / 3%); } .txt-block.txt-bgd blockquote { } .txt-block a { border-bottom: 1px dashed; text-decoration: none; display: inline-block; } .txt-block a:hover { border-color: transparent; } .measure_m2.show { display: inline-block !important; } .tab-content>.tab-pane { display: none; } .tab-content>.active { display: block; } .popup-form { background: url("/bitrix/templates/prime/assets/css/../images/form-bg.jpg") no-repeat; max-width: 850px; padding: 50px 80px; width: 100%; display: none; position: relative; } .popup-form form { display: flex; justify-content: flex-end; } .popup-form textarea, .popup-form input { background: #F7F8F9; padding: 20px 30px; font-size: 16px; font-weight: 400; margin-bottom: 15px; width: 100%; color: #8097AA; border-radius: 10px; border: 1px solid #eff0f1; resize: none; } .popup-form input:disabled::placeholder, .popup-form input:disabled { cursor: not-allowed; } .popup-form textarea { height: 130px; } .popup-form textarea::placeholder, .popup-form input::placeholder { font-size: 16px; color: #8097AA; } .popup-form .form-wrap { max-width: 330px; float: right; } .success-msg { display: none; } .error-msg { display: none; color: #F04B4B; font-size: 13px; background: #fff; border-radius: 10px; padding: 15px 15px; margin-bottom:10px } .popup-form .btn { padding: 24px 20px; width: 100%; font-weight: 700; font-size: 14px; } .form-title { color: #394754; font-weight: 600; font-size: 27px; margin-bottom: 20px; } .popup-form.fancybox__content>.carousel__button.is-close { position: absolute; top: 20px; right: 20px; color: #414B68; } .popup-form.fancybox__content>.carousel__button svg { filter: none; width: 18px; } .navbar ul { position: relative; } .navbar ul li ul { position: absolute; left: 0; top: 60px; width: 200px; z-index: 10; background: white; display: none; } .navbar ul li ul li { width: 100%; border-top: 1px solid #ec002b; } .navbar ul li ul li a { padding-left: 5px; font-weight: 400; font-size: 16px; line-height: 140%; color: #323232; } .product_box.catalog-shop { padding-top: 0; } .pw-section { padding-bottom: 30px; } .txt-block-pg { margin-top: 40px; } .page-photo-section .col-photo{ margin-bottom: 30px; } .page-photo-section .project_item { width: 100%; position: relative; overflow: hidden; border-radius: 10px; height: 250px; } .page-photo-section .project_item .pic { width: 100%; height: 100%; border-radius: 10px; overflow: hidden; display: inline-block; } .page-photo-section .project_item .pic img { width: 100%; height: 100%; object-fit: cover; object-position: center; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; image-rendering: crisp-edges; -ms-interpolation-mode: nearest-neighbor; } .page-video-section .how_work_item{ height: 206px; width: 100%; margin-right: 0; margin-bottom: 30px; position: relative; overflow: hidden; border-radius: 8px; } .page-video-section .how_work_item .thumb a:before { width: 60px; height: 60px; } .page-video-section .how_work_item .thumb a:after { content: ""; background-size: contain; width: 20px; height: 20px; } .page-video-section .how_work_item .name { position: absolute; bottom: 0; left: 0; /* height: 20px; */ width: 100%; max-width: 100%; opacity: 1; font-size: 14px; background: #ffffffe0; min-height: auto; padding: 8px 15px; } .hide-breadcrumbs { } .main_menu.menu-fixed { position: fixed; top: 0px; left: 0; right: 0; margin: auto; z-index: 999; } .main_menu.menu-fixed .main_menu_bg{ box-shadow: 0px 4px 10px rgb(0 0 0 / 12%); border-radius: 0 0 10px 10px; } .top-dop-pd { padding-bottom: 110px; } .sh-top-page .top-dop-pd { padding-bottom: 60px; } #catalog-home { overflow: hidden; } .accordion { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 15px; margin-bottom: 60px; } .text-home .accordion{ margin-top: 350px; } .accordion .accordion__tab .tab-title { padding-left: 30px; padding-right: 60px; height: 66px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; position: relative; font-weight: 400; font-size: 17px; line-height: 140%; border: 1px solid #F6F6F6; background: #F6F6F6; border-radius: 5px; } .accordion .accordion__tab .tab-title h2 { font-weight: 400; font-size: 17px; line-height: 140%; } .accordion .accordion__tab .tab-title:hover { color: #FF912B; border: 1px solid #FF912B; } .accordion .accordion__tab .tab-title::after { content: '+'; font-weight: 500; font-size: 27px; line-height: 31px; text-align: center; color: white; position: absolute; display: block; right: 30px; width: 30px; height: 30px; background: #FF912B; background: linear-gradient(180deg, #FBB564 0%, #FF912B 100%); border-radius: 100%; } .accordion__tab.show .tab-title::after { content: '-'; line-height: 29px; } .accordion .accordion__tab input { display: none; } .accordion .accordion__tab .accordion__content { display: none; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; gap: 10px; padding: 23px 28px; } /*.accordion .accordion__tab.show .accordion__content{ display: block; }*/ .accordion .accordion__tab .accordion__content p { max-width: 1090px; width: 100%; } .section-desc-dop .accordion .accordion__tab .tab-title{ border: 1px solid #ededed; background: #ffffff; } .section-desc-dop table tr:nth-child(even) { background: #ffffff; } .catalog-section-desk { margin-bottom: 30px; } .block-res { display: none; } .color-block-wrap { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 20px; padding: 10px 0; } .color-block { width: calc(25% - 20px); background: #f7f8f9; padding: 20px 20px; border-radius: 10px; } .color-block a { text-decoration: none; border-bottom: none; text-align: center; display: block; color: #8097AA; } .color-block span { display: block; margin-top: 5px; } .mobile_contact { display: none; } .call-form .error-msg{ margin: 0; padding: 0 0 10px 0; background: transparent; } .has-iframe .fancybox__content { padding: 0; max-width: 1300px !important; } /* End */ /* Start:/bitrix/templates/prime/assets/fonts/mont/stylesheet.css?16553717156576*/ @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-Black.eot'); src: local('Mont Black'), local('Mont-Black'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Black.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Black.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Black.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-ThinItalic.eot'); src: local('Mont Thin Italic'), local('Mont-ThinItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ThinItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ThinItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ThinItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ThinItalic.ttf') format('truetype'); font-weight: 100; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLight.eot'); src: local('Mont ExtraLight'), local('Mont-ExtraLight'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLight.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLight.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLight.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-Bold.eot'); src: local('Mont Bold'), local('Mont-Bold'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Bold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Bold.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Bold.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-HeavyItalic.eot'); src: local('Mont Heavy Italic'), local('Mont-HeavyItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-HeavyItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-HeavyItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-HeavyItalic.ttf') format('truetype'); font-weight: 800; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-BlackItalic.eot'); src: local('Mont Black Italic'), local('Mont-BlackItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BlackItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BlackItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BlackItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BlackItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLightItalic.eot'); src: local('Mont ExtraLight Italic'), local('Mont-ExtraLightItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLightItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLightItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-ExtraLightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-Heavy.eot'); src: local('Mont Heavy'), local('Mont-Heavy'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Heavy.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Heavy.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Heavy.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Heavy.ttf') format('truetype'); font-weight: 800; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBold.eot'); src: local('Mont SemiBold'), local('Mont-SemiBold'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBold.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBold.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBold.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-RegularItalic.eot'); src: local('Mont Regular Italic'), local('Mont-RegularItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-RegularItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-RegularItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-BoldItalic.eot'); src: local('Mont Bold Italic'), local('Mont-BoldItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BoldItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BoldItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBoldItalic.eot'); src: local('Mont SemiBold Italic'), local('Mont-SemiBoldItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBoldItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBoldItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBoldItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-SemiBoldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-LightItalic.eot'); src: local('Mont Light Italic'), local('Mont-LightItalic'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-LightItalic.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-LightItalic.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-LightItalic.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-LightItalic.ttf') format('truetype'); font-weight: 300; font-style: italic; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-Thin.eot'); src: local('Mont Thin'), local('Mont-Thin'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Thin.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Thin.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Thin.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-Regular.eot'); src: local('Mont Regular'), local('Mont-Regular'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Regular.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Regular.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Regular.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'Mont'; src: url('/bitrix/templates/prime/assets/fonts/mont/Mont-Light.eot'); src: local('Mont Light'), local('Mont-Light'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Light.eot?#iefix') format('embedded-opentype'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Light.woff2') format('woff2'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Light.woff') format('woff'), url('/bitrix/templates/prime/assets/fonts/mont/Mont-Light.ttf') format('truetype'); font-weight: 300; font-style: normal; } /* End */ /* Start:/bitrix/templates/prime/assets/css/responsive.css?165605947040465*/ @media (max-width: 1920px) { .garant .wrap_f { padding: 0; } } @media (max-width: 1400px) { .wrap_1360 { margin-right: var(--px20); margin-left: var(--px20); } .wrap_f { padding-right: var(--px20); padding-left: var(--px20); } .about_box { background-position: -25vw 0; } .about_product { padding-left: var(--px20); padding-right: var(--px20); } } @media (max-width: 1300px) { .avtor { left: 50px; } } @media (max-width: 1200px) { :root { --px20: 20px; --px: 20px; --font12: 12px; --font14: 14px; --font15: 14px; --font16: 14px; --font17: 15px; --font18: 16px; --font19: 17px; --font20: 16px; --font25: 22px; --font27: 27px; --font30: 25px; --font35: 30px; --font40: 35px; --font45: 40px; --font50: 35px; --font60: 50px; } .project_slider_box { width: 100%; } .next { left: auto; right: 25px; } .wrap { padding-right: var(--px20); padding-left: var(--px20); } .main_menu a { font-size: 14px; } .main_menu ul.navmenu > li:before { display: none; } .head_social .name { display: none; } .head_phone a { font-size: 18px; } .window_f { padding-top: 20px; } .l60 { margin-left: 0; } .warning { width: 300px; } .window_f { min-height: 0; } .we_list li { padding: 15px; } .post_top .dot:before { position: relative; top: -1px; right: auto; display: inline-block; } .product_item { padding: 20px; } .product_item .more { font-size: 14px; } .product_item .name br { display: none; } .sale_item { background-position: center bottom; } .sale_item .name { padding-right: 70px; } .sale-banner-sm .name{ padding-right: 0px; font-size: 17px; } .stiker_sale { right: 15px; } .product_box { padding: 60px 0; border-radius: 0px 60px 0px 0px; } .product_box .wrap { margin-right: 20px; margin-left: 20px; } .about_box { background-image: none !important; background-color: #35434e; position: relative; border-radius: 0px 0px 30px 30px; } .about_box .wrap { margin-left: var(--px20); margin-right: var(--px20); } .about_post { width: 100%; padding-top: 0px; position: relative; padding-bottom: 30px; } .about_post .b35 { margin-bottom: 0; } .mobile_about_box_row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; padding-top: 60px; } .avtor { position: relative; -ms-flex-negative: 0; flex-shrink: 0; top: 0; width: calc(33.3333333333% - 10px); margin-right: 50px; } .avtor dd { background: rgba(69, 98, 126, 0.9); border-radius: 5px; } .avtor .hide { display: block; } .avtor .ava { background-color: transparent; padding: 0; margin-top: 20px; } .avtor .ava:before { content: ""; display: none; } .avtor .ava img { display: block; width: 90%; } .about_list { max-width: 100%; width: 100%; margin-left: 0; } .about_list br { display: none; } .about_list li { min-height: 1px; } .new_product_fon { padding: 60px 0; border-radius: 0px 60px 0px 0px; } .new_product { padding-right: 20px; } .wrap_f .wrap { margin: 0; } .wrap_f { padding: 0; } .product_box { padding: 30px 20px; } .wrap_f { padding-right: 0; } .sub_name { margin-bottom: 35px !important; } .project_name_row { margin-bottom: 35px; } .project_name_row .sub_name { margin-bottom: 0 !important; } .promo { height: auto; padding-top: 60px; padding-bottom: 60px; } .obsudim { padding-right: 0; padding-left: 0; margin-top: 0; } .obsudim_bg { min-height: 0; padding-left: var(--px20); padding-right: var(--px20); padding-top: 60px; padding-bottom: 60px; background-image: none !important; background-color: #35434e; } .project_stats { padding-bottom: 50px; } .project_stats .wrap { margin-left: var(--px20); margin-right: var(--px20); } .project_stats .pic img { width: 500px; height: auto; display: block; } .how_work_nav { max-width: 600px; } .how_work_item { width: 600px; margin-right: var(--px20); } .about_product { padding: 60px 0px; background-position: calc(50% + 275px) bottom; } .about_product_row { display: block; } .about_product__left { width: 100%; padding-right: 0; } .about_product__right { width: 100%; padding-left: 0; margin-top: 60px; } .contact_box { left: var(--px20); } .foot_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; } .copy { margin-bottom: 25px; } .obsudim_mobile_row { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .obsudim_mobile_row .avtor { margin-bottom: -60px; width: 33.333%; } .how_work_item .thumb a:before { width: 90px; height: 90px; } .foot .left { margin-right: 40px; width: 280px; } .l100 { margin-left: 0; } .b100, .b75, .b85, .b70 { margin-bottom: 60px; } .garant_bg { background-size: auto 100%; background-position: center bottom; margin-left: -20px; margin-right: -20px; padding-right: 20px; padding-left: 20px; } .h-68 { height: 70px; padding: 0 53px; } .h-73 { height: 70px; padding: 0 40px; } .h-80 { height: 70px; padding: 0 40px; } .h-90 { height: 70px; } .h-93 { height: 70px; padding: 0 40px; font-size: 15px; } .section-list-items li a { font-size: 14px; justify-content: flex-start; } .section-list-items li a span { display: none; } .avtor { left: 0; } .obsudim_bg .wrap { padding-left: 0; } .obsudim_mobile_row .avtor { display: none; } .input-const-size { width: 160px; } .pd-info-txt-teh-har { margin-bottom: 20px; } .product-detail-top-info-line { margin-bottom: 20px; } } @media (min-width: 992px) { .navbar>ul>li.sub-menu.top-big-sub-menu ul> li{ float: left; width: calc(33.33333% - 10px); margin-left: 5px; margin-right: 5px; border-bottom: 1px solid #f2f2f2; border-top: none; padding: 4px 0; } .navbar>ul>li.sub-menu.top-big-sub-menu ul> li:nth-last-child(-n+2) { border-bottom-color: transparent; } .navbar>ul>li.sub-menu.top-big-sub-menu ul> li a { font-size: 15px; line-height: 16px; font-weight: 400; display: flex; padding: 12px 10px; text-align: left; color: #323232; text-transform: none; transition: all 500ms ease; border-radius: 10px; height: auto; align-items: center; } .navbar>ul>li.sub-menu.top-big-sub-menu ul> li a:before { content: '›'; width: 5px; height: 5px; border-radius: 100%; display: inline-block; margin-right: 5px; color: #f04b4b; padding-bottom: 11px; } .navbar>ul>li.sub-menu.top-big-sub-menu ul> li:hover a { color: #f04b4b; } .navbar>ul>li.sub-menu.top-big-sub-menu ul> li:hover a::before { } .navbar>ul>li.sub-menu.top-big-sub-menu ul { min-width: 790px; width: 70%; left: 0; right: 0; margin: auto; border-radius: 10px; padding: 10px 10px; box-shadow: 0 12px 21px rgb(0 0 0 / 15%); } .navbar ul li:focus-within>ul, .navbar ul li:hover>ul { display: initial; } } @media (max-width: 992px) { :root { --px20: 10px; --px: 20px; --font12: 12px; --font14: 14px; --font15: 14px; --font16: 14px; --font17: 14px; --font18: 15px; --font19: 17px; --font20: 16px; --font25: 22px; --font27: 27px; --font30: 25px; --font35: 25px; --font40: 30px; --font45: 30px; --font50: 35px; --font60: 35px; } .d-sm-none { display: none; } .post_top { padding-top: 30px; } #page { padding-top: 60px; } header { position: fixed; top: 0; left: 0; width: 100%; z-index: 5; margin-bottom: 0; } .js_open_menu svg { display: block; width: auto; height: 30px; } .js_open_menu.active .m { display: none; } .js_open_menu.active .c { display: block; } .mobile_menu { margin-bottom: 15px; } .mobile_menu ul { display: block; } .mobile_menu li { display: block; border-bottom: 1px solid rgba(221, 221, 221, 0.3); } .mobile_menu a { display: block; padding: 7px 15px; text-decoration: none; color: #000; font-weight: 600; } .mobile_contact { display: block; padding: 7px 15px; font-weight: 600; margin-top: 20px; } .mobile_contact svg { display: block; width: 25px; height: 25px; } .mobile_contact .has_icon { display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; font-size: 15px; font-weight: 400 !important; } .mobile_contact .icon { -ms-flex-negative: 0; flex-shrink: 0; } .mobile_contact path { fill: #35434e; } .mobile_contact a[href^="mailto:"] { color: #35434e; text-decoration: none; font-weight: 600; } .mobile_contact a[href^="tel:"] { color: #35434e; font-weight: 600; } .mobile_contact .btn { width: 100%; height: 50px; color: #fff; } .mobile_contact .btn:hover, .mobile_contact .btn:focus { color: #fff; } .main_menu { background-color: #fff; position: fixed; top: 0; left: 0; width: calc(100% - 0px); height: 100%; -webkit-box-shadow: 0 0 10px #969696; box-shadow: 0 0 10px #969696; z-index: 10; display: block; -webkit-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; visibility: hidden; opacity: 0; -webkit-transform: translate(-100%, 0); transform: translate(-100%, 0); display: block; padding: 15px 0; overflow: auto; } .main_menu.active { opacity: 1; visibility: visible; width: calc(100% - 60px); -webkit-transform: translate(0%, 0); transform: translate(0%, 0); } .main_menu_bg { background: transparent; padding: 0; border-radius: 0; } .main_menu .wrap, .main_menu .wrap_1360 { min-width: auto; padding: 0; margin: 0; } .navbar .navmenu { flex-direction: column; } .navbar .navmenu li { width: 100%; display: block; border: none; } .navbar .navmenu a { display: flex; padding: 10px 0 10px 20px; border-bottom: 1px solid #0000000a; width: 100%; font-size: 16px; font-weight: 400; } .main_menu a { height: auto; } .navbar ul.navmenu li.sub-menu li a{ padding: 7px 5px 7px 25px; height: auto; color: #454545; font-weight: 400; font-size: 14px; } .navbar .navmenu .sub-menu.sub-menu-show > ul { display: block; position: static; width: 100%; background: #f7f8f9; } .post_top .h-90 { width: auto; padding: 0 30px; } .h-90 { height: 60px; padding: 0 30px; } .window_f { padding-top: 0; } .bg_header { padding: 0; border-radius: 0; } .bg_header .wrap { height: auto; padding-top: 10px; padding-bottom: 10px; } .logo img { width: auto; height: 40px; } .list_1 li { height: 30px; padding: 0 15px 0 30px; } .top_row { display: block; } .path_right { -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; margin-top: 30px; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .has_video { margin-right: 30px; } .we_list .pic { bottom: -25px; left: 50px !important; } .we_list img { zoom: 0.7; } .we_list li { height: 150px; } .we_list li:before { zoom: 0.8; left: 20px !important; bottom: 20px !important; top: auto !important; } .product_list .col { width: calc(50% - var(--px)); } .product_list .col:nth-child(1n+3) { margin-top: var(--px); } .new_item .btn { height: 50px; font-size: 13px; } .how_work_nav { max-width: 500px; } .how_work_item { width: 500px; margin-right: var(--px20); } .doc { display: none; } .garant_post .name { max-width: 100%; } .garant_item { max-width: 100%; } .order_list { -ms-flex-wrap: wrap; flex-wrap: wrap; } .order_item { width: 50%; } .contact_box { position: relative; top: 0; left: 0; -webkit-transform: translate(0); transform: translate(0); } .map { height: 350px; background-size: cover; } .foot { display: block; } .foot .left { width: 100%; margin-right: 0; max-width: 500px; margin-bottom: 25px; } .foot_middle { -ms-flex-wrap: wrap; flex-wrap: wrap; } .foot_middle .btn { margin-top: 20px; } .date { font-size: 16px; } .garant_bg { background-position: 0 0; margin-left: -10px; margin-right: -10px; padding-right: 10px; padding-left: 10px; } .h-68 { height: 50px; padding: 0 35px; } .h-73 { height: 60px; padding: 0 35px; } .h-80 { height: 70px; padding: 0 40px; } .h-90 { height: 70px; } .h-93 { height: 70px; padding: 0 40px; font-size: 15px; } .wrap_1360 { margin-right: 0; margin-left: 0; } .show_992 { display: block; } .hide_992 { display: none; } .head_phone.b6 { margin-bottom: 0; } .bg_header .wrap { align-items: center; justify-content: flex-end; } .bg_header .logo { margin-right: auto; } .head_shadow:before { display: none; } .head_social { margin-right: 10px; } .js_open_menu { margin-left: 15px; cursor: pointer; } .logo_order, .logo_new { display: none; } .how_work_item .name a { font-size: 14px; } .contact_box .left { box-shadow: none; } .maps-wrap { height: 350px; } #panel { display: none !important; } .product-detail-krovlya-wrap { margin-top: 20px; } .product-detail-tab-wrap { margin-top: 90px; } .product-detail-tab .cm-tabs .nav-tabs .nav-link span { font-size: 12px; } .product-detail-tab .cm-tabs .nav-tabs .nav-link { font-size: 14px; width: auto; padding: 15px 15px; } .product-detail-tab .cm-tabs .nav-tabs { justify-content: center; display: inline-flex; width: auto; } .product-detail-tab .cm-tabs { text-align: center; } .row-section-products .product-item-cat.pic-col-4 { max-width: calc(33.333333% - 15px); } } @media (max-width: 767px) { body { font-size: 15px; } :root { --px20: 10px; --px: 20px; --font12: 12px; --font14: 14px; --font15: 14px; --font16: 14px; --font17: 14px; --font18: 15px; --font19: 17px; --font20: 16px; --font25: 18px; --font27: 27px; --font30: 25px; --font35: 25px; --font40: 30px; --font45: 30px; --font50: 30px; --font60: 30px; } .date { padding: 10px 15px; top: -4px; border-radius: 3px; } .contact_box { display: block; } .contact_box hr { background-position: 0 0; } .accordion { margin-bottom: 40px; } .project.b90 { margin-bottom: 50px; } .contact_box .left { width: 100%; padding: 25px 10px 0 10px; } .contact_box .left:before { content: ""; display: none; } .contact_box .left br { display: none; } .contact_box .right { width: 100%; padding: 20px 10px; } .contact_box .right br { display: none; } .name.b30 { margin-bottom: 15px; } .how_work_item .thumb a:before { width: 70px; height: 70px; } .how_work_item .thumb a:after { width: 70px; height: 70px; background-size: 18px auto; } .how_work_nav { max-width: 400px; } .how_work_item { width: 400px; margin-right: var(--px20); } .new_product_fon { border-radius: 0px 30px 0px 0px; } .stats .col { width: 50%; } .stats .col:first-child { padding-left: 0; } /*.stats .col:nth-child(3n+2), .stats .col:nth-child(3n+3) { border-left: 0px solid #F2F5F7; } .stats .col:nth-child(3n+3) { border-right: 0px solid #F2F5F7; } .stats .col:nth-child(2) { border-top: 2px solid #F2F5F7; border-radius: 10px 0px 0px 0px; } .stats .col:nth-child(3) { border-top: 0px solid #F2F5F7; } .stats .col:nth-child(4) { border-left: 0px solid #F2F5F7; } .stats .col:nth-child(2n+2) { border-left: 2px solid #F2F5F7; }*/ .stats .col:first-child { border: none; } .stats .col { border: 2px solid #F2F5F7; border-bottom: none; } .stats .col:last-child { border-bottom: 2px solid #F2F5F7; } .product_item { padding: 10px; } .product_item .name { margin-bottom: 0; } .product_item .group { padding: 20px 15px; } .product_item .num { top: 15px; right: 15px; padding: 5px 10px; border-radius: 5px; } .about_box { border-radius: 10px; } .about_list { display: block; padding-bottom: 10px; } .about_list li { width: 100%; border-radius: 8px; } .about_list li:nth-child(1n+2) { margin-top: 15px; } .sale_item { } .sale_item .txt { background-color: rgba(255, 255, 255, 0.8); padding: 15px; border-radius: 5px; color: #394754; } .product_list .col:nth-last-child(1) { width: 100%; } .product_box { padding-right:0px; padding-left: 0px; border-radius: 0px 30px 0px 0px; } .we_list ul { -ms-flex-wrap: wrap; flex-wrap: wrap; } .we_list li { width: 50%; height: 110px; } .we_list li:nth-child(1n+3) { padding-top: 40px; height: 150px; } .post_top .h1, .post_top h1 { width: 100%; } .warning { width: auto; margin-bottom: 25px; } .path_right { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .how_oreder { padding: 60px 0; } .h-68 { height: 50px; padding: 0 35px; } .h-73 { height: 60px; padding: 0 35px; } .h-80 { height: 60px; padding: 0 40px; } .h-90 { height: 60px; } .h-93 { height: 60px; padding: 0 40px; font-size: 15px; } .garant_bg .btn { padding: 0 40px; } .show_767 { display: block; } .hide_767 { display: none; } .avtor { display: none; } .promo .txt { position: relative; } .promo .promo-txt-block { position: relative; } .promo .promo-txt-block::after { content: ''; background: #fff; width: 100%; height: 100%; position: absolute; top: 0; left: 0; filter: blur(20px); opacity: 0.8; z-index: 0; } .promo .promo-txt-block .txt { position: relative; z-index: 9; } .breadcrumbs-section h1 { font-size: 4.5vw; } .bx-breadcrumb-item a, .bx-breadcrumb-item span { font-size: 14px; } .row-section-products .product-item-cat { width: 100%; max-width: calc(50% - 10px); } .col-catalog-list { width: 100%; padding: 0 10px; } .breadcrumbs-section { padding: 30px 0; } .bts .container { padding: 0 25px; } .sh-top-page .window_f { margin-bottom: 0px; } .col-mc-12 { padding: 0 5px; } .page-video-section .how_work_item { height: auto; } .page-video-section .how_work_item .thumb { margin-bottom: 0; } .post_top .dot:before { display: none; } } @media (max-width: 650px) { .head_phone span:not(.icon) { display: none; } .head_phone .icon { margin-left: 0; } .head_phone span.icon svg{ height: 30px; width: auto; } .bg_header .wrap { padding: 10px 15px; } .detail-product-price-pds-btn a { padding: 15px; font-size: 15px; } .detail-product-price { font-size: 20px; } .detail-product-price .num { font-size: 30px; } .product-detail-tab .cm-tabs .nav-tabs .nav-link span { display: none; } .product-detail-tab .cm-tabs .nav-tabs .nav-link { text-transform: uppercase; font-size: 13px; } .product-detail-tab .cm-tabs .nav-tabs .nav-link strong { display: none; } .product-detail-tab .cm-tabs { margin-top: -20px; } .product-detail-tab-wrap { margin-top: 50px; } .tab-content-block { padding: 20px 0 20px; } .product-detail-tab { margin: 0 -10px; } .row-section-products .product-item-cat.pic-col-4 { max-width: calc(50% - 10px); } } @media (max-width: 550px) { :root { --px20: 10px; --px: 20px; --font12: 12px; --font14: 14px; --font15: 14px; --font16: 14px; --font17: 14px; --font18: 14px; --font19: 17px; --font20: 14px; --font25: 18px; --font27: 27px; --font30: 25px; --font35: 25px; --font40: 30px; --font45: 30px; --font50: 25px; --font60: 30px; } .about_product .wrap:before { display: none; } .new_product { padding-right: 0; margin-bottom: 60px; } .foot_middle > div { width: 100%; } .foot_middle > div:nth-child(1n+2) { margin-top: 15px; } .footer-menu { display: block; } .footer-menu ul { width: 100%; } .footer-menu ul:nth-child(1n+2) { margin-top: 10px; } .obsudim_mobile_row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .obsudim_mobile_row .avtor { margin-right: 0; width: 50%; margin-top: 30px; } .about_product_list { margin-right: -10px; } .about_product_list .col { width: calc(50% - 10px); margin-right: 10px; } .about_product_list .col:nth-child(1n+3) { margin-top: 10px; } .order_item { width: 100%; padding: 20px 20px 0 20px; border-bottom: 1px solid #f7f8f9; } .order_item .top .fz20.bold { padding-right: 60px; } .how_work_box { width: 100%; } .how_work_item .name { max-width: 100%; } .how_work_item .thumb { margin-bottom: 15px; } .how_work_item .thumb a:before { width: 50px; height: 50px; } .how_work_item .thumb a:after { width: 50px; height: 50px; background-size: 12px auto; } .how_work_nav { max-width: 100%; margin-top: 10px; } .how_work_nav:before { margin-right: 20px; } .how_work_item { width: 280px; margin-right: var(--px20); } .garant_bg { padding: 50px 10px; } .project_stats .wrap { padding: 50px 0; } .b90 { margin-bottom: 20px; } .project_item { width: 280px; } .project_num { zoom: 0.7; } .stats .b15 { margin-bottom: 5px; } .stats .col { width: 100%; padding: 15px; } .stats .col:first-child { border-bottom-width: 0; } .mobile_about_box_row { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .mobile_about_box_row .avtor { width: 50%; margin-right: 0; } .product_list .col { width: calc(100% - var(--px)); } .product_item .pic { max-height: 150px; } .we_list li { height: auto; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-orient: horizontal; -webkit-box-direction: reverse; -ms-flex-direction: row-reverse; flex-direction: row-reverse; } .we_list li:before { content: ""; display: none; } .we_list li:after { content: ""; display: none; } .we_list li:nth-child(1n+2) { padding-top: 0px; } .we_list li:nth-child(1) .pic { overflow: hidden; height: 70px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .we_list li:nth-child(2) .pic { overflow: hidden; height: 80px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .we_list li:nth-child(3) { height: auto; } .we_list li:nth-child(3) .pic { overflow: hidden; height: 70px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .we_list li:nth-child(4) { height: auto; } .we_list li:nth-child(4) .pic { overflow: hidden; height: 100px; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .we_list li:nth-child(4) .pic img { width: auto; } .we_list .pic { position: relative; bottom: 0; left: 0 !important; width: 140px !important; } .we_list .pic img { width: 100%; height: auto; } .b95 { margin-bottom: 25px; } .window_f { background-size: cover; margin-bottom: 40px; } .we_list li { width: 100%; justify-content: start; } .post_top .h-90 { padding: 0 15px; width: 100%; } .w440 { width: 100%; } .list_1 { font-size: 12px; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: 15px; margin-bottom: 15px; } .list_1 li { margin-bottom: 10px; padding-left: 20px; margin-right: 25px; } .list_1 li:before { width: 25px; height: 25px; left: -10px; background-size: 50%; } .b100, .b75, .b85, .b70 { margin-bottom: 50px; } .show_550 { display: block; } .hide_550 { display: none; } .form-title { text-align: center; } .popup-form { text-align: center; position: relative; padding: 30px 30px; } .popup-form::before { content: ''; background: #fff; position: absolute; top: 0; left: 0; width: 100%; height: 100%; opacity: 0.7; } .popup-form form { display: inline-block; position: relative; z-index: 1; } .has_video { margin-right: 0; } .has_video img { width: 100%; } .has_video { width: 100%; } .sub_name { margin-bottom: 15px !important; font-size: 22px; } .new_item { padding: 20px 20px; } .sl_nav svg { width: 50px; height: 50px; } .new_product_fon{ padding: 40px 0 60px 0; } .new_grid > .draggable { padding-top: 0; } .slick-initialized .slick-slide.product-item-wrap { padding-top: 20px; } .new_product .sub_name { margin-bottom: 5px !important; } .project_item { width: calc(100vw - 40px); } .garant .b45{ margin-bottom: 25px; } .order_item:before { display: none; } .of-delivery-free { position: relative; margin-bottom: 65px; } .of-delivery-free .date{ position: absolute; bottom: -7px; top: auto; left: 0; transform: translateY(100%); } .form_field svg { left: 15px; } .contact_box .input { padding-left: 50px; } .footer-menu { display: none; } .foot { padding-bottom: 10px; } .copy { font-size: 12px; } .foot_middle { padding: 30px 0 30px 0; } .bx-breadcrumb-item a, .bx-breadcrumb-item span { font-size: 13px; } .breadcrumbs-section { padding: 15px 0; } .sort-title { display: none; } .sort-catalog-wrap .sort-link-wrap a { font-size: 13px; } .txt-block li, .txt-block p { font-size: 14px; } .txt-block h2 { font-size: 20px; margin: 25px 0 10px; } .txt-block ul, .txt-block ol { margin: 0 0 20px 0; padding-left: 10px; } .txt-block blockquote { padding: 20px 20px; } .accordion .accordion__tab .accordion__content { padding: 20px 10px; } .table, table { font-size: 14px; } .contact_box .left { } .detail-product-price-wrap.dpp-new { padding: 20px 20px; flex-direction: column; } .detail-product-price-pds { margin-top: 10px; } .constructions-wrap.rs-new-const { flex-direction: column; } .input-const-size { width: 100%; max-width: 100%; } .constructions-size { margin-right: 0; margin-bottom: 20px; } .product-detail-adv { margin-top: 10px; padding-bottom: 10px; } .product-detail-material { margin-top: 20px; } .product-detail-tab-content { padding-bottom: 10px; } .product-detail-like-wrap .new_product_fon { padding-top: 60px; } .product-detail-like-wrap { padding-bottom: 30px; margin-bottom: 10px; } } @media (max-width: 450px) { .head_social .viber { display: none; } .head_social { margin-right: 0; } .logo img { height: 30px; } .bg_header .wrap { padding: 15px 15px; } .head_phone span.icon svg, .head_social svg { height: 25px; width: 25px; } .head_social .r10 { margin-right: 7px; } .sale_item { background-color: #fff; } .sale_item .name { font-size: 22px; } .order_form { width: calc(100% + 10px); margin-right: -10px; padding: 20px 10px 20px 0; } .accordion .accordion__tab .tab-title h2 { font-size: 16px; } .accordion .accordion__tab .tab-title { height: auto; } .row-section-products .product-item-cat { width: 100%; max-width: 100% } .product-item-cat .new_item .btn { height: 38px; font-size: 13px; line-height: 1; padding-top: 3px; } .product-detail-slider-nav { margin-top: 10px; } .constructions-wrap.rs-new-const { margin: -10px 0px 0 0px; width: 100%; padding: 30px 15px 20px 15px; } .rs-new-const .inp-check { min-height: 20px; min-width: 20px; border-radius: 4px; width: 20px; height: 20px; margin-right: 9px; } .rs-new-const .constr-radio-txt span { font-size: 14px; } .rs-new-const .dd-inp-wp .label-col-wrap { gap: 10px; } .rs-new-const .dd-inp { padding: 8px 8px; } .input-const-size { padding: 13px 15px 13px 15px; font-size: 19px; } .pd-info-txt-list { padding: 10px 15px; } .product-detail-adv .we_list li { padding-left: 5px; } .dd-diz-wrap { padding: 25px 20px; } .dd-diz-title { font-size: 15px; } .dd-diz-title img { margin-right: 15px; } .dd-diz-text::before { display: none; } .dd-diz-text { font-size: 14px; padding-left: 0; } .btn-diz-dd { padding: 15px 0; font-size: 14px; } .title-dd-sm { font-size: 17px; } .product-detail-krovlya-text { margin-top: 20px; font-size: 14px; } .product-detail-krovlya-slider a span { font-size: 13px; margin-top: 6px; } .row-section-products .product-item-cat.pic-col-4 { max-width: 100%; } .bx-breadcrumb-item a, .bx-breadcrumb-item span { font-size: 12px; } } @media (max-width: 380px) { .sale_item { padding: 45px 20px 30px 20px; } .sale_item .txt { margin-bottom: 50px; } } @media (max-width: 350px) { .product-detail-tab .cm-tabs .nav-tabs .nav-link { font-size: 12px; padding: 15px 10px; } } @media (max-width: 345px) { .about_product_item .name span { display: none; } .rs-new-const .dd-inp-wp .label-col { width: 100%; } .rs-new-const .dd-inp-wp .label-col-wrap { flex-direction: column; } } /* End */ /* /bitrix/templates/prime/assets/css/fancybox.css?165537171515512 */ /* /bitrix/templates/prime/components/bitrix/catalog.section.list/top_menu/style.min.css?1655371715971 */ /* /bitrix/templates/prime/assets/css/bootstrap.min.css?165537171515985 */ /* /bitrix/templates/prime/assets/css/style.css?173713255177618 */ /* /bitrix/templates/prime/assets/fonts/mont/stylesheet.css?16553717156576 */ /* /bitrix/templates/prime/assets/css/responsive.css?165605947040465 */