/* Start:/local/templates/.default/lib/fancybox/jquery.fancybox.min.css?178369527012795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/.default/lib/owl.carousel/owl.carousel.min.css?17836952704458*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/.default/lib/owl.carousel/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} .owl-loaded{ min-width:0px; position:relative; } .owl-loaded .owl-stage-outer{ overflow:hidden; } .owl-item{ float:left; } .owl-loaded .owl-nav{} .owl-loaded .owl-nav button{ position:absolute; border-radius:50%; padding:0px; background:#4b5564; width:38px; height:38px; box-shadow:none; display: flex; justify-content: center; align-items: center; overflow:hidden; border:none; top:50%; margin-top:-29px; cursor:pointer; } .owl-loaded .owl-nav button svg path{ fill:#fff; } .owl-loaded .owl-nav button.owl-prev{ left:0px; } .owl-loaded .owl-nav button.owl-next{ right:0px; } .owl-loaded .owl-nav button:hover{ background:#313745; } .owl-loaded .owl-nav button:hover svg path{ fill:#fff; } .owl-loaded .owl-nav.disabled{ display:none; } .owl-dots{ display:flex; flex-wrap:wrap; gap:6px; } .owl-dots .owl-dot{ background:#606060; width:4px; height:4px; border-radius:50%; box-shadow:none; outline:none; border:none; cursor:pointer; padding: 0px; } .owl-dots .owl-dot:hover{ background:var(--red); } .owl-dots .owl-dot.active{ background:var(--red); } /* End */ /* Start:/local/templates/.default/lib/jquery-form-styler/jquery.formstyler.css?17836952702275*/ .jq-checkbox, .jq-radio { position: relative; display: inline-block; overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .jq-checkbox input, .jq-radio input { position: absolute; z-index: -1; margin: 0; padding: 0; opacity: 0; } .jq-file { position: relative; display: inline-block; overflow: hidden; } .jq-file input { position: absolute; top: 0; right: 0; height: auto; margin: 0; padding: 0; opacity: 0; font-size: 100px; line-height: 1em; } .jq-file__name { overflow: hidden; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox, .jq-select-multiple { position: relative; display: inline-block; } .jq-selectbox select, .jq-select-multiple select { position: absolute; top: 0; left: 0; width: 100%; height: 100%; margin: 0; padding: 0; opacity: 0; } .jq-selectbox li, .jq-select-multiple li { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; } .jq-selectbox { z-index: 100; max-width:100%; } .jq-selectbox select{ position:absolute; visibility:hidden; left:-9999px; } .jq-selectbox__select { position: relative; } .jq-selectbox__select-text { overflow: hidden; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; white-space: nowrap; text-overflow: ellipsis; } .jq-selectbox__dropdown { position: absolute; } .jq-selectbox__search input { -webkit-appearance: textfield; } .jq-selectbox__search input::-webkit-search-cancel-button, .jq-selectbox__search input::-webkit-search-decoration { -webkit-appearance: none; } .jq-selectbox__dropdown ul { position: relative; overflow: auto; overflow-x: hidden; list-style: none; -webkit-overflow-scrolling: touch; } .jq-select-multiple ul { position: relative; overflow-x: hidden; -webkit-overflow-scrolling: touch; } .jq-number { display: inline-block; } .jq-number__field input { -moz-appearance: textfield; text-align: left; /* для Opera Presto */ } .jq-number__field input::-webkit-inner-spin-button, .jq-number__field input::-webkit-outer-spin-button { margin: 0; /* в каких-то браузерах присутствует отступ */ -webkit-appearance: none; } /* End */ /* Start:/local/templates/.default/lib/jquery-form-styler/jquery.formstyler-theme.css?17836952702420*/ .jq-radio{ vertical-align:middle; } .jq-radio .jq-radio__div{ width:20px; height:20px; background:url(/local/templates/.default/lib/jquery-form-styler/images/radio.png) 0px 0px no-repeat; } .jq-radio.checked .jq-radio__div{ background-position:-20px 0px; } .jq-radio.disabled .jq-radio__div{ background:url(/local/templates/.default/lib/jquery-form-styler/images/radio.png) -40px 0px no-repeat; } /******/ .jq-checkbox{ width:20px; height:20px; box-sizing:border-box; border:1px solid #cccccc; display: inline-flex; align-content: center; align-items: center; justify-content: center; background:#fff; vertical-align:middle; } .jq-checkbox .jq-checkbox__div{ height:1; } .jq-checkbox .jq-checkbox__div::before{ content:'\2714'; display:none; text-align:center; display:none; } .jq-checkbox.checked{ background-color:var(--blue); } .jq-checkbox.checked .jq-checkbox__div::before{ display:block; color:#fff; } /****/ .jq-selectbox{ width:100%; } .jq-selectbox__select{ display:flex; gap:10px; box-sizing:border-box; width:100%; padding:0px 10px; height:35px; background:var(--marengo); align-items:center; border-radius:5px; cursor:pointer; } .jq-selectbox.opened .jq-selectbox__select{ border-radius:5px 5px 0px 0px; } .jq-selectbox__select-text{ font-size: 12px; font-weight:500; color:#fff; } .jq-selectbox__trigger{ font-size:0px; line-height:0px; margin-left:auto; } .jq-selectbox__trigger-arrow{ width:10px; height:10px; background:url(/local/templates/.default/lib/jquery-form-styler/images/select-trigger.svg) 0px 0px no-repeat; } .jq-selectbox__dropdown{ z-index:900; background:#fff; position: absolute; width:100%; max-width:100%; color:var(--marengo); border:1px solid #ECECEC; box-sizing:border-box; border-radius:0px 0px 3px 3px; overflow:hidden; } .jq-selectbox__dropdown ul{ list-style:none; margin:0px; padding:0px; } .jq-selectbox__dropdown ul li{ padding:10px 10px; background:#fff; font-size:12px; font-weight:400; cursor:pointer; white-space: normal; } .jq-selectbox__dropdown ul li:not(:last-of-type){ border-bottom:1px solid #ECECEC; } .jq-selectbox__dropdown ul li:hover{ background:var(--marengo); color:#fff; } .jq-file{ display:inline-flex; gap:12px; align-items:center; } .jq-file .jq-file__name{ font-size:14px; font-weight:500; order:2; } .jq-file .jq-file__browse{ order:1; line-height:0; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/ntop/style.css?17836952733396*/ #ntop_menu{ background:var(--marengo); } #ntop_menu .close{ display:none; z-index:30; } #ntop_menu .wr{ max-width:1160px; } #ntop_menu ul.top-menu{ display:flex; gap:10px; justify-content:space-between; height:40px; list-style:none; padding:0px; margin:0px; } #ntop_menu ul.top-menu > li{ color:#fff; font-size:14px; position:relative; } #ntop_menu ul.top-menu > li > .awr{} #ntop_menu ul.top-menu > li .link{ text-decoration:none; display:flex; height:40px; padding:0px 10px; align-items:center; justify-content:center; color:#fff; text-decoration:none; } #ntop_menu ul.top-menu > li .link:hover{ background:#EDEEEF; color:var(--marengo); } #ntop_menu ul.top-menu > li > .submenu{ display:none; } #ntop_menu ul.top-menu .submenu { position: absolute; max-width: 600px; padding: 15px 0px; gap: 10px; display: flex; flex-wrap: wrap; background:#F5F5F5; color:var(--marengo); z-index: 1700; border-radius: 0px 0px 2px 2px; border-top: 1px solid white; display: none; min-width: 100%; box-shadow: 0px 4px 5.6px 0px #0000001A; } #ntop_menu ul.top-menu .submenu .submenu-colums{ display:grid; gap:15px; width:100%; } #ntop_menu ul.top-menu .submenu a{ color:var(--marengo); font-size:12px; text-decoration:none; display:block; box-sizing:border-box; width:100%; padding:5px 15px; } #ntop_menu ul.top-menu .submenu a:hover{ font-weight:500; background:#E8E8E8; } #ntop_menu ul.top-menu > li.parent:hover{} #ntop_menu ul.top-menu > li.parent:hover .submenu{ display:flex; } ul.top-menu > li a.link:hover { background:#EDEEEF; color:var(--marengo); } #ntop_menu .mobile{ display:none; justify-content:space-between; align-items:center; gap:10px; align-items:center; padding-left:10px; } #ntop_menu .mobile .btn{ height: 35px; font-size: 14px; } #ntop_menu .hamburger{ padding:10px 10px; } @media (max-width: 1200px){ #ntop_menu ul.top-menu{ gap:5px; } #ntop_menu ul.top-menu > li .link{ padding:0px 5px; } #ntop_menu ul.top-menu > li{ font-size:13px; } } @media (max-width: 850px){ #ntop_menu{ display:block; } #ntop_menu .mobile{ display:flex; } #ntop_menu .wr{ position:fixed; top:0px; left:-80%; width:80%; background:var(--marengo); z-index:8000; height: 100%; overflow-y: auto; padding:15px; box-sizing:border-box; transition:left 0.2s; border-right:2px solid #fff; box-sizing:border-box; } #ntop_menu .wr .close{ display:block; position:absolute; right:15px; top:15px; } #ntop_menu .wr .close svg path{ fill:#fff; } #ntop_menu ul.top-menu{ flex-direction:column; gap:5px; } #ntop_menu ul.top-menu{ height:auto; } #ntop_menu ul.top-menu > li .link{ height: auto; padding: 5px 0px; display: inline-block; font-size: 15px; width: auto; } #ntop_menu ul.top-menu > li > .submenu{ display:block; position:static; background:none; box-shadow:none; padding:5px 0px 0px 10px; border:none; } #ntop_menu ul.top-menu .submenu a{ color:#fff; padding:5px 0px; display:inline-block; width: auto; } #ntop_menu ul.top-menu .submenu .submenu-colums{ gap:5px; } } /* End */ /* Start:/bitrix/components/qdi/search/templates/.default/style.css?17836957447561*/ /* #header_search{ width:100%; display:flex; outline: 1px solid rgba(75, 85, 100, 0.1); border-radius: 0px 5px 5px 0px; position:relative; } #header_search input[type="text"]{ flex-grow:1; background:#fff; height:36px; border:none; box-sizing:border-box; padding:0px 20px; box-shadow: none; position:relative; z-index:20; } #header_search button.btn{ height:36px; width:95px; flex-shrink:0; height:36px; background: var(--red); border-radius:5px 5px 5px 5px; font-size:12px; font-weight:bold; } header.ptmpl{ position:relative; } */ #js_search_form{ position:relative; } #top_search{ display:flex; gap:10px; border:1px solid rgba(75, 85, 100, 0.1); padding:0px 12px 0px 0px; border-radius:5px; } #top_search input[type="text"]{ flex-grow:1; border:none; outline:none; box-shadow:none; font-size:13px; padding:0px 20px; height:37px; background:#fff; } #top_search input[type="text"]::placeholder{ color:#BBBBBB; } #top_search button{ flex-shrink:0; padding:0px; background:none; border:none; outline:none; box-shadow:none; cursor:pointer; } #top_search button:hover svg path{ fill:var(--red); } #js_search_div{ position:absolute; width:703px; right:0px; box-sizing:border-box; padding:16px; background:#fff; box-shadow: 0 4px 14px rgba(0,0,0,.15); border-radius:6px; overflow: auto !important; display:none; z-index:999; /*top: 38px;*/ top:100%; margin-top:10px; } #js_search_div .search_wr{ /*margin:0px auto; max-width:1140px; display:flex; gap:30px; */ } #js_search_div .search_list{ margin-bottom:20px; display:grid; grid-template-columns:repeat(4, 1fr); gap:30px; } /* #js_search_div .search_item{ display:flex; align-items:center; margin-bottom: 10px; } #js_search_div .search_item .pic{ flex-shrink:0; width:35px; margin-right:10px; text-align:center; } #js_search_div .search_item .pic img{ width:100%; max-width:35px; } */ #js_search_div .search_item{ display:flex; flex-direction:column; } #js_search_div .search_item .pic{ margin-bottom:10px; position:relative; /*height:180px;*/ height:113px; display:flex; align-items:center; justify-content:center; } #js_search_div .search_item .pic a{ height:100%; display:block; width:100%; background-position:center center; background-size:auto 100%; background-repeat:no-repeat; } #js_search_div .search_item .pic a img{ display:none; max-width:100%; max-height:180px; } #js_search_div .search_item .price-block{ margin-bottom:9px; display: flex; gap: 7px; } #js_search_div .search_item .name{ flex-wrap:nowrap; text-overflow:ellipsis; overflow:hidden; font-size:12px; margin-bottom:9px; font-weight:400; } #js_search_div .search_item .name a{ color: var(--marengo); text-decoration:none; } #js_search_div .search_item .name a:hover{ color: #496FA8; font-weight:500; text-decoration:none; } #js_search_div .search_item .artikul{ color:var(--gray); font-size:9px; } #js_search_div .search_more{ text-align:center; } #js_search_div .search_more .btn{ height:35px; font-size:12px; font-weight:500; padding:0px 10px; } /* #js_search_div .search_item .price{ font-weight:bold; font-size:14px; } #js_search_div .search_more{ text-align:center; } #js_search_div .search_more a{ padding: 10px 20px; background:#fff; border:1px solid var(--green); text-decoration:none; display:inline-block; color:#000; } #js_search_div .search_more a:hover{ background:var(--green); color:#fff; } */ /****/ #js_search_div .sections{ margin:18px 0px; } #js_search_div .sections ul{ list-style:none; padding:0px; margin:0px; display:flex; gap:5px; flex-wrap:wrap; } #js_search_div .sections ul li{ line-height:1; font-size: 13px; } #js_search_div .sections ul li a{ color:var(--text); text-decoration:none; padding:10px; display:flex; align-items:center; background:#F5F5F5; } #js_search_div .sections ul li a:hover{ color:var(--text); background:#E8E8E8; text-decoration:none; } #js_search_div .sections_caption{ margin:18px 0px; font-weight: 500; font-size: 18px; line-height: 21px; color: #D6D6D6; } .search_item .labels{ position:absolute; left:0px; top:0px; z-index:40; } /* .search_item .label{ margin-bottom:8px; } .search_item .label{ width:95px; padding:4px 4px 5px 4px; display:flex; align-items:center; justify-content:center; background:var(--green); border-radius: 0px; font-size:10px; font-weight:500; color:#fff; text-align:center; line-height:1; white-space:nowrap; } .search_item .label.label_po-zaprosu, .search_item .label.label_pod-zakaz, .search_item .label.label_rasprodaja{ background:#E7E7E7; color:var(--marengo); } .search_item .label.label_action{ background:var(--red); color:#fff; } .search_item .label.label_ne-postavlyaetsya{ background:#000; } */ /***/ .search_item .labels .label{ min-width: 58px; height: 18px; font-size: 11px; } /* .search_item .label.label-svg{ background:none !important; position:relative; width:auto; padding:0px; justify-content: flex-start; margin-bottom:0px; } .search_item .label.label-svg .label-txt{ position:absolute; top:0; left:0; width:72px; height:19px; display:flex; align-items:center; justify-content:center; color:#fff; text-transform:uppercase; } .search_item .label.label_po-zaprosu.label-svg .label-bg svg path, .search_item .label.label_pod-zakaz.label-svg .label-bg svg path, .search_item .label.label_rasprodaja.label-svg .label-bg svg path{ fill:#E7E7E7; } .search_item .label.label_action.label-svg .label-bg svg path{ fill:var(--red); } .search_item .label.label_ne-postavlyaetsya.label-svg .label-bg svg path{ fill:#000; } */ .search_item .artikul{ font-size:9px; font-weight:300; color:var(--marengo); } .search_item .price-block .price{ font-weight:bold; font-size: 12px; margin-bottom:0px; margin-top:auto; } .search_item .price-block .old-price{ font-size: 10px; } .search_item .price-block .percent{ font-size: 8px; padding:2px 3px; } .search_item .price_optom{ font-size:12px; line-height:1.4; min-height:24px; } .search_item .price_action{ color:var(--red); font-size:18px; margin-bottom:5px; } .search_item .price.perecherknuto{ text-decoration:line-through; font-size:16px; margin-bottom:0px; } .search_item .foot{ display:flex; align-items:center; gap:4px; justify-content:center; margin-top:auto; } .search_item .foot .rating{ display:flex; align-items:center; gap:3px; } @media (max-width: 1200px){ #header_search::before{ content:none; } } @media (max-width: 1100px){ #js_search_div{ top:100px; } #js_search_div .sections{ display:none; } } @media (max-width: 750px){ #js_search_div{ top:32px; width:100%; } #js_search_div .search_list{ grid-template-columns: repeat(2, 1fr); } } @media (max-width: 400px){ #js_search_div .search_item .price-block{ flex-direction:column; align-items: flex-start; gap: 2px; } #js_search_div .search_item .price-block .percent{ margin-left:0px; } .search_item .foot{ flex-direction:column; } } /* End */ /* Start:/bitrix/components/arhet/catalog.menu/templates/header/style.css?17836957815622*/ #header_catalog_link{} #header_catalog_link .show{ display:none; } #header_catalog_link.active{ background:var(--marengo) !important; color:#fff; } #header_catalog_link.active:hover{ background:var(--hmarengo) !important; color:#fff; } #header_catalog_link.active .hide{ display:none; } #header_catalog_link.active .show{ display:inline-block; } @media (min-width: 992px){ .header_popup_menu_wr{ position:relative; } .header_popup_menu{ /*background:#fbfbfb;*/ overflow:hidden; z-index:1000; position:absolute; left:0px; top:-10px; width:100%; display:none; z-index:1100; } .header_popup_menu .wr{ position:relative; /*min-height:620px; */ } .header_popup_menu .wr ul.parent::before{ /*content:'';*/ height:100%; position:absolute; width:9000px; right:0px; /*background:#fbfbfb;*/ background:#fff; box-sizing:border-box; /*border: 1px solid rgba(75, 85, 100, 0.1);*/ border-right:none; margin-top:-9px; } .header_popup_menu ul{ list-style:none; padding:0px; margin:0px; font-size:14px; } .header_popup_menu ul li ul{ display:none; font-size:14px; } .header_popup_menu ul.parent{ /*border-top: 1px solid rgba(75, 85, 100, 0.1);*/ position:relative; padding:20px 0px 20px 0px; max-width:310px; box-sizing:border-box; background:#F7F7F7; } .header_popup_menu a.parent_link{ display:flex; align-items:flex-start; gap:2px; box-sizing:border-box; width:310px; position:relative; padding:10px 15px 10px 15px; line-height:1; color:var(--marengo); text-decoration:none; } .header_popup_menu a.parent_link .icon{ flex-shrink:0; line-height: 0px; margin-top: -3px; width: 20px; height: 20px; display: flex; justify-content: center; align-items: center; } .header_popup_menu a.parent_link::before{ content:none; height:100%; width:9000px; left:-9000px; background:#fff; position:absolute; top:0px; } .header_popup_menu li:hover > a.parent_link{ background:#E8E8E8; } .header_popup_menu li:hover > a.parent_link{ content:''; } .header_popup_menu a.child_link{ color:var(--marengo); text-decoration:none; } .header_popup_menu a.child_link.red{ color:var(--red); } .header_popup_menu a.child_link:hover{ font-weight:bold; } .header_popup_menu ul.parent > li > ul{ position:absolute; top:0px; left:310px; padding:20px 20px 20px 20px; height:100%; display:none; flex-direction:column; width:100%; background:#fff; min-width:830px; box-sizing:border-box; border: 2px solid #F7F7F7; box-shadow: -1px 1px 4px 0px #0000000F; } .header_popup_menu ul.parent > li > ul > li{ position:relative; line-height:1.2; } .header_popup_menu ul.parent > li > ul > li:not(:last-of-type){ margin-bottom:9px; } .header_popup_menu ul.parent > li.hover ul{ display:grid; grid-template-columns:repeat(5, 150px); gap:10px; align-content: flex-start; } /* .header_popup_menu ul.parent > li.hover ul::before{ content:''; background:#fff; left:0px; top:0px; height:100%; width:9000px; position:absolute; } */ .header_popup_menu ul.parent > li.hover ul li{ max-width:150px; } .header_popup_menu ul.parent > li.hover ul li .menu_pic{ display:flex; align-items:center; justify-content:center; background:url(/bitrix/components/arhet/catalog.menu/templates/header/images/bg.svg) right bottom no-repeat #D9D9D9; background-size: cover; margin-bottom:5px; height:116px; } .header_popup_menu ul.parent > li.hover ul li .menu_pic img{ max-width:100%; max-height:116px; } .header_popup_menu ul.parent > li.hover ul li .menu_txt{ font-size:14px; font-weight:400; } .header_popup_menu ul.parent > li.hover ul li .menu_txt a{ text-decoration:none; color:var(--marengo); } .header_popup_menu ul.parent > li.hover ul li .menu_txt a:hover{ text-decoration:none; color:var(--marengo); } /* .header_popup_menu ul.parent > li:first-of-type ul{ display:flex; z-index:10; } .header_popup_menu ul.parent > li:hover ul{ display:flex; z-index:20; } */ .header_popup_menu li.bottom{ margin-top:auto; } .header_popup_menu li.top a, .header_popup_menu li.bottom a{ display:flex; align-items:center; color:var(--blue); text-decoration:none; } .header_popup_menu li.bottom a .icon{ margin-left:5px; } .header_popup_menu li.bottom a .icon svg path{ fill:var(--blue); } .header_popup_menu li.top a:hover, .header_popup_menu li.bottom a:hover{ color:var(--red); } .header_popup_menu li.bottom a:hover .icon svg path{ fill:var(--red); } } @media (max-width: 991px){ .header_popup_menu{ padding:10px; background: #f2f2f2; display:none; } .header_popup_menu a{ color:var(--marengo); text-decoration:none; } .header_popup_menu ul{ list-style:none; margin:0px; padding:0px; } .header_popup_menu ul.parent > li:not(:last-of-type){ margin-bottom:10px; } .header_popup_menu ul.parent > li > a{ font-size:18px; } .header_popup_menu ul.child{ padding-top:10px; } .header_popup_menu ul.child > li:not(:last-of-type){ margin-bottom:10px; } .header_popup_menu ul.child > li > a{ font-size:14px; } .header_popup_menu li.bottom a .icon{ display:none; } .header_popup_menu ul.child > li::before{ content:'\2192'; margin-right:10px; } .header_popup_menu .menu_pic{ display:none; } .header_popup_menu .menu_txt{ display:inline; } .header_popup_menu .wr{ min-height:auto; } } /* End */ /* Start:/local/templates/.default/template_styles.css?178369526838929*/ :root { --base-shadow: 9px 5px 38.7px 4.3px rgba(75, 85, 100, 0.14); --icon-shadow: 1px 3px 13px 0px rgba(75, 85, 100, 0.48); --marengo:#4B5564; --hmarengo:#313745; --red:#ED1C24; --hred:#D40008; --text:#272727; } html, body{ margin:0px; padding:0px; } html{ background:#fff; } body{ font-family: "Roboto", sans-serif; font-optical-sizing: auto; font-weight: 400; font-style: normal; font-variation-settings: "wdth" 100; font-size:16px; color:var(--text); /*overflow-x:hidden;*/ } body.is-hidden{ overflow:hidden; } iframe{ border: none; vertical-align: top; } img{ max-width:100%; vertical-align:top; border:none; outline:none; } a{ text-decoration:underline; color:#3D94D7; } a:hover{ text-decoration:none; color:#3D94D7; } .wr{ max-width:1140px; margin:0px auto; } .btn{ display:inline-flex; vertical-align:top; gap:10px; align-items:center; justify-content:center; padding:0px 20px; height:53px; background:var(--marengo); color:#fff; text-decoration:none; border-radius:7px; box-sizing:border-box; font-size:17px; box-shadow:none; border:none; outline:none; cursor:pointer; } .btn .btn-icon{ flex-shrink:0; line-height:0px; font-size:0px; display:flex; align-items:center; justify-content:center; } .btn .btn-icon svg path{ fill:#fff; } .btn:hover{ background:var(--hmarengo); color:#fff; } .btn:hover .btn-icon svg path{ fill:#fff; } .btn.btn-red{ background:var(--red); color:#fff; } .btn.btn-red:hover{ background:var(--hred); color:#fff; } .btn.btn-red:hover .btn-icon svg path{ fill:#fff; } /****/ .btn.btn-lgray{ background:#EDEEEF; color:var(--text); } .btn.btn-lgray:hover .btn-icon svg path{ fill:var(--text); } .btn.btn-lgray:hover{ background:var(--hmarengo); color:#fff; } .btn.btn-lgray:hover .btn-icon svg path{ fill:#fff; } /****/ .btn.btn-lgray2{ background:#EDEEF0; color:var(--marengo); } .btn.btn-lgray2:hover .btn-icon svg path{ fill:var(--text); } .btn.btn-lgray2:hover{ background:var(--hmarengo); color:#fff; } .btn.btn-lgray2:hover .btn-icon svg path{ fill:#fff; } /****/ .btn.btn-white{ background:#fff; color:var(--marengo); } .btn.btn-white .btn-icon svg path{ fill:var(--marengo); } .btn.btn-white:hover{ /*background:var(--red);*/ color:var(--red); } .btn.btn-white:hover .btn-icon svg path{ fill:var(--red); } /****/ .btn.btn-white-hred{ background:#fff; color:var(--marengo); } .btn.btn-white-hred .btn-icon svg path{ fill:var(--marengo); } .btn.btn-white-hred:hover{ background:var(--red); color:#fff; } .btn.btn-white-hred:hover .btn-icon svg path{ fill:#fff; } /****/ .btn.btn-white2{ background:#fff; color:var(--marengo); border:1px solid #ECECEC; } .btn.btn-white2 .btn-icon svg path{ fill:var(--marengo); } .btn.btn-white2:hover{ background:#ECECEC; color:var(--text); } .btn.btn-white2:hover .btn-icon svg path{ fill:var(--marengo); } /***/ .btn.btn-big{ padding:0px 45px; height:70px; } .btn.btn-full{ width:100%; } .btn.btn-full70{ width:100%; height:70px; font-size:20px; font-weight:500; } /****/ .link-simple{ display:inline-flex; align-items:center; gap:10px; color:var(--text); text-decoration:none; } .link-simple .link-simple-icon{ flex-shrink:0; line-height:0px; font-size:0px; display:flex; align-items:center; justify-content:center; } .link-simple .link-simple-icon svg path{ color:var(--text); } .link-simple:hover{ color:var(--red); } .link-simple:hover .link-simple-icon svg path{ fill:var(--red); } /******/ a.link-marengo{ color:var(--marengo); text-decoration:underline; } a.link-marengo:hover{ color:var(--marengo); text-decoration:none; } a.link-text{ color:var(--text); text-decoration:underline; } a.link-text:hover{ color:var(--text); text-decoration:none; } /****/ .text-icon{ display:inline-flex; align-items:center; gap:10px; } .text-icon.text-icon-flex{ display:flex; } .text-icon-i{ flex-shrink:0; line-height:0px; font-size:0px; display:flex; align-items:center; justify-content:center; } .text-icon-txt{ } h1.text-icon, h2.text-icon, h3.text-icon, h4.text-icon, h5.text-icon, h6.text-icon{ display:flex; } .txt-underline{ text-decoration:underline; } .txt-center, .center{ text-align:center; } .txt-right{ text-align:right; } .txt-left{ text-align:left; } .uppercase{ text-transform:uppercase; } /*****/ .marengo{ color:var(--marengo); } .red{ color:var(--red); } /*****/ h1{ margin:24px 0px 24px 0px; font-weight: 500; font-size: 32px; line-height: 1; } h2,.h2{ font-size:32px; font-weight:500; margin:30px 0px; } /*****/ input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="date"], textarea{ background:#F0F0F0; font-size:18px; font-weight:300; line-height:1; color:var(--marengo); font-family: "Roboto", sans-serif; box-sizing:border-box; border-radius:5px; border:none; outline:none; box-shadow:none; } input[type="text"]::placeholder, input[type="tel"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="date"]::placeholder, textarea::placeholder{ color: rgba(39, 39, 39, 0.17); } input[type="text"], input[type="tel"], input[type="email"], input[type="password"], input[type="date"]{ height:55px; padding:0px 21px; } textarea{ padding:15px 21px; min-height:93px; resize:none; } button, input[type="sumbit"]{ font-family: "Roboto", sans-serif; } /*****/ table { border-collapse: collapse; } .table { width: 100%; margin-bottom: 1rem; color: #212529; } .table td, .table th { padding: .75rem; vertical-align: top; border-top: 1px solid #dee2e6; } .table-striped tbody tr:nth-of-type(2n+1) { background-color: rgba(0,0,0,.05); } .table-bordered td, .table-bordered th { border: 1px solid #dee2e6; } /******/ figure.fcol{ display: grid; grid-template-columns:repeat(auto-fit, minmax(200px, 1fr)); grid-column-gap: 30px; grid-row-gap: 30px; justify-content: center; margin-bottom:30px; height: auto !important; width: auto !important; background: none; border: none; } figure.fcol img{ width:100%; max-height:none; border-radius:20px; max-width:none !important; } figure.fcol.fcol_link{} figure.fcol.fcol_link a{ color:#000; text-decoration:none; font-size:14px; font-weight:bold; text-align:center; } figure.fcol.fcol_link a img{ margin-bottom:10px; } figure.fcol.fcol_link a:hover{ color:var(--blue); text-decoration:none; } /****/ .pic2cols{ display:grid; grid-template-columns:1fr 1fr; gap:16px; } .pic2cols img{ border-radius:5px; } .pic2full{} .pic2full img{ width:100%; height:auto; } .pic3cols{ display:grid; grid-template-columns:1fr 1fr 1fr; gap:16px; } .pic3cols img{ border-radius:5px; } .grid-4pics{ display:grid; grid-template-columns:repeat(4, 1fr); align-items:flex-end; gap:16px; } /*****/ form.form{} form.form .form-line{ margin-bottom:15px; } form.form label{ display:block } form.form label span.l{ display:block; font-size:17px; line-height:1; margin-bottom:9px; } form.form label .error, form.form label .error-message{ display:none; padding-top:5px; font-size:13px; color:var(--red); } form.form input[type="text"], form.form input[type="tel"], form.form input[type="email"], form.form input[type="password"], form.form input[type="date"], form.form textarea{ width:100%; } form.form textarea{ resize:none; } form.form .form-send{ margin-top:18px; } form.form .form-send .btn{ width:100%; height:60px; } form.form .form-caption{ margin-bottom:26px; font-weight:500; line-height:1; font-size:24px; } form.form .form-message, form.form .message{ text-align:center; font-weight:500; padding-top:20px; display:none; } form.form label.error input[type="text"], form.form label.error input[type="tel"], form.form label.error input[type="email"], form.form label.error input[type="password"], form.form label.error input[type="date"], form.form label.error textarea{ border:1px solid var(--red); } .form-group{ margin-bottom:10px; } .form-group label, .form-item .form-head{ display:block; font-weight:bold; margin-bottom:10px; font-size:14px; } .form-group label.radio_inp{ font-weight:normal; } .form-group label span, .form-item .form-head span{ font-weight:normal; } .form-group.form-group-full{} .form-group input[type="text"], .form-group input[type="email"], .form-group input[type="date"], .form-group input[type="password"], .form-group input[type="tel"], .form-group textarea{ width:100%; } .form-group select, .form-group .jq-selectbox{ width:100%; } .form-group.form-group-tip{} .form-group.form-group-tip label{ font-weight:normal; margin-bottom:0px; } .form-error-message{ font-size:14px; color:var(--red); } .request-form-success{ text-align:center; } .request-form-success .icon{ width:60px; height:60px; margin:0px auto; margin-bottom:10px; } .request-form-success .icon svg{ width:60px; } .request-form-success .icon svg path{ fill:var(--blue); } .form-item{} .form_popup_header{ margin-bottom:20px; min-height:24px; font-size:14px; padding-right:63px; } .form_popup .send{} .form_popup .send .btn{ height:50px; background:var(--red); } .form_popup .send .btn:hover{ background:var(--marengo); color:#fff; } .form_popup{} .form_popup textarea{ min-height:75px; } .form_popup .title{ font-size:16px; text-transform:uppercase; font-weight:bold; margin-bottom:15px; } .form_popup .title span{ font-weight:normal; } .form_popup-1-cols{ width:330px; } .form_popup-2-cols{ width:720px; } .form_popup .send .btn{ width:100%; box-sizing:border-box; max-width:330px; } .form_popup .note{ padding-top:10px; font-size:10px; margin:0px; } .form_popup .note.privacy-checked{ margin:0px 0px 10px 0px; padding: 0px; } .qdi-checkbox{ display:flex; gap:10px; align-items:center; cursor:pointer; } .qdi-checkbox input{ position:absolute; visibility:hidden; left:-9999px; } .qdi-checkbox .qdi-checkbox-icon{ display:flex; justify-content:center; align-items:center; width:27px; height:27px; border: 1px solid #EDEEF0; border-radius: 4px; background:#fff; box-sizing:border-box; flex-shrink:0; } .qdi-checkbox .qdi-checkbox-icon svg path{ fill:#fff; } .qdi-checkbox input:checked ~ .qdi-checkbox-icon{ background:var(--marengo); border: 1px solid var(--marengo); } .qdi-checkbox .qdi-checkbox-txt{} /*****/ .qdi-checkbox-switch{ cursor:pointer; display:flex; gap:10px; align-items:center; } .qdi-checkbox-switch input{ position:absolute; left:-9999px; visibility:hidden; } .qdi-checkbox-switch .qdi-checkbox-icon{ width:39px; height:20px; border-radius:100px; display:inline-block; vertical-align:top; position:relative; background:var(--marengo); transition:background 0.1s; } .qdi-checkbox-switch .qdi-checkbox-icon::before{ content:''; position:absolute; border-radius:50%; background:#fff; width:16px; height:16px; left:2px; top:2px; transition:left 0.1s; } .qdi-checkbox-switch input:checked ~ .qdi-checkbox-icon{ background:var(--red); } .qdi-checkbox-switch input:checked ~ .qdi-checkbox-icon::before{ left:21px; } /*****/ .qdi-radio{ display:flex; gap:10px; align-items:center; cursor:pointer; } .qdi-radio input{ position:absolute; visibility:hidden; left:-9999px; } .qdi-radio .qdi-checkbox-icon{ display:flex; justify-content:center; align-items:center; width:20px; height:20px; border: 1px solid #E6E6E6; border-radius:2px; background:#EEEEEE; box-sizing:border-box; flex-shrink:0; } .qdi-radio .qdi-checkbox-icon::before{ content:none; display:block; width:10px; height:10px; background:var(--marengo); border-radius:2px; } .qdi-radio .qdi-checkbox-icon svg path{ fill:#fff; } .qdi-radio input:checked ~ .qdi-checkbox-icon::before{ content:''; } .qdi-radio .qdi-checkbox-txt{} /******/ .js_drop_file{} .js_drop_file input{ position:absolute; left:-9999px; visibility:hidden; } .js_drop_file .drop_file-zone{ display:block; padding:23px 23px 25px 23px; background:#F0F0F0; font-size:15px; text-align:center; border:1px dashed #B3B3B3; border-radius:14px; cursor:pointer; } .js_drop_file .drop_file-pic{ flex-direction:column; gap:5px; display:flex; align-items:center; justify-content:center; margin-bottom:11px; } .js_drop_file .drop_file-pic img{ max-width:35px; max-height:35px; display:none; } .js_drop_file .drop_file-pic-txt{ display:none; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; width:100%; text-align:center; } /******/ #red_alert{ background:#ED1C24; } #red_alert .wr{ display:flex; justify-content:center; align-items:center; height:46px; color:#fff; position:relative; font-size:16px; gap:14px; } #red_alert .js_close{ position:absolute; right:0px; top:50%; margin-top:-12px; cursor:pointer; } #red_alert a{ color:#fff; text-decoration:none; } #red_alert .icon svg path{ fill:#fff; } /****/ .sert_slider_block{ padding:30px 90px; border-radius:20px; background:#fff; box-shadow:var(--base-shadow); margin:0px auto; } .sert_slider_block img{ max-width:100%; } .sert_slider_block .owl-item img{ width:100%; } .sert_slider_block_list.owl-loaded .owl-nav button.owl-prev, .sert_slider_block_list.owl-loaded .owl-nav button.owl-next{ } .sert_slider_block_list.owl-loaded .owl-nav button.owl-prev span, .sert_slider_block_list.owl-loaded .owl-nav button.owl-next span{ display:none; } .sert_slider_block_list.owl-loaded .owl-nav button.owl-prev{ left:-65px; } .sert_slider_block_list.owl-loaded .owl-nav button.owl-next{ right:-65px; } /******/ #wrapper{ max-width: 100vw; overflow-x:hidden; } header.tmpl{ position:relative; } header.tmpl > .wr{ box-sizing:border-box; /*padding:14px 6px 20px 6px;*/ padding:14px 0px 20px 0px; /*box-shadow: 0px 10px 16.4px 0px #0000000F;*/ } header.tmpl .mobile_logo{ text-align:center; margin-bottom:1rem; display:none; } header.tmpl .line1{ display:flex; align-items:center; margin-bottom:20px; } header.tmpl .line1 .city{ margin-right:54px; display:flex; gap:10px; align-items:center; color:var(--marengo); font-weight:500; font-size:13px; } header.tmpl .line1 .city .city-icon{ flex-shrink:0; } header.tmpl .line1 .email{ font-size:13px; font-weight:500; margin-right:171px; } header.tmpl .line1 .email a.link-simple{ color:var(--marengo); } header.tmpl .line1 .email a.link-simple .link-simple-icon svg path{ fill:var(--marengo); } header.tmpl .line1 .email a.link-simple:hover{ color:var(--red); } header.tmpl .line1 .email a.link-simple:hover .link-simple-icon svg path{ fill:var(--red); } header.tmpl .line1 .phone{ font-size:13px; font-weight:600; } header.tmpl .line1 .phone a.link-simple{ color:var(--marengo); } header.tmpl .line1 .phone a.link-simple .link-simple-icon svg path{ fill:var(--marengo); } header.tmpl .line1 .phone a.link-simple:hover{ color:var(--red); } header.tmpl .line1 .phone a.link-simple:hover .link-simple-icon svg path{ fill:var(--red); } header.tmpl .line1 .phone.phone2{ margin:0px 35px; } header.tmpl .line1 .send{ margin-left:auto; } header.tmpl .line1 .send .btn{ height:37px; font-size:12px; font-weight:500; } header.tmpl .line2{ display:flex; align-items:center; } header.tmpl .line2 .logo{ margin-right:37px; flex-shrink:0; } header.tmpl .line2 .btns{ margin-right:10px; display:flex; gap:10px; } header.tmpl .line2 .btns .btn{ height:37px; font-size:12px; white-space:nowrap; } header.tmpl .btn.btn-hservice{ width:130px; gap:20px; } header.tmpl .line2 .search{ flex-grow:1; margin-right:25px; } header.tmpl .line2 .links{ margin-right:25px; display:flex; align-items:flex-end; gap:19px; } header.tmpl .line2 .links .link-simple{ flex-direction:column; justify-content:center; text-align:center; gap:4px; font-size:12px; } header.tmpl .line2 .links .soc_link{ position:relative; } header.tmpl .social{ display:none; position:absolute; background:#fff; z-index:400; padding:10px 10px; border-radius:6px; margin-top:18px; font-size:12px; transform: translateX(-50%); left: 50%; } header.tmpl .social a{ display:flex; padding:5px; box-sizing:border-box; line-height:1.1; text-decoration:none; color:#606060; background:#EDEEEF; margin-bottom:5px; align-items: center; gap:10px; font-weight:500; border-radius:6px; white-space:nowrap; } header.tmpl .social a:last-of-type{ margin-bottom:0px; } header.tmpl .social a .icon{ border-radius:6px; width:25px; height:25px; display:flex; align-items:center; justify-content:center; box-sizing:border-box; background:var(--marengo); } header.tmpl .social a .icon svg{ } header.tmpl .social a .icon svg path{ fill:#fff; } header.tmpl .social a:hover{ color:#313745; } header.tmpl .social a:hover span.icon{ background:#313745; } header.tmpl .line2 .personal{} header.tmpl .line2 .personal .btn{ height:38px; font-size:12px; font-weight:600; } .header_profile_links{} .header_profile_links a.link-simple{} .header_profile_links a.link-simple .link-simple-icon{ position:relative; } .header_profile_links .basket_header_count{ line-height:1; font-size:10px; display:flex; position:absolute; border-radius:50%; justify-content:center; align-items:center; width:20px; height:20px; right:-13px; top:-11px; color:#fff; background:var(--red); } main.tmpl{ padding:22px 0px 30px 0px; } .main_btns{ display:flex; gap:19px; align-items:center; justify-content:center; margin:30px 0px; } .main_btns .btn{ width:232px; } #page_cat_mb_ral{ position:relative; background:#4C5564; margin:30px 0px; } #page_cat_mb_ral::before { content: ''; position: absolute; height: 100%; width: 100vw; left: 0px; top: 0px; margin-left: calc( 0px - ((100vw - 100%)/2) ); background:#4C5564; } #page_cat_mb_ral .body{ display:flex; justify-content:space-between; align-items:center; height:61px; padding:0px 48px; font-size:19px; color:#fff; position:relative; z-index:20; font-weight:600; } #page_cat_mb_ral .body b{ font-weight:400; color:#A7A7A7; } #page_cat_mb_ral .icon{ line-height:0; } /**********/ .price-block{} .price-block .price{ color:var(--red); font-size:24px; font-weight:bold; line-height:1.1; } .price-block .old-price{ color:#787878; text-decoration:line-through; font-size:16px; font-weight:300; line-height:1.1; } .price-block .percent{ display:inline-block; vertical-align:top; line-height:1; padding:4px; background:var(--red); color:#fff; margin-left:auto; } /*********/ .product-list{ display:grid; gap:28px 30px; grid-template-columns:1fr 1fr 1fr; margin:30px 0px; } .product-list.product-list-col4{ grid-template-columns:1fr 1fr 1fr 1fr; } .product_item{ padding:11px 18px 18px 18px; display:flex; flex-direction:column; border:1px solid #EDEEF0; border-radius:5px; position:relative; } .product_item .dop{ margin-top:auto; } .product_item .pic{ margin-bottom:28px; display:flex; /*height:312px;*/ height:230px; align-items:center; justify-content:center; } .product_item .pic a{ display:block; width:100%; height:100%; background-position:right 10px bottom 10px, center center; background-size:auto, contain; background-repeat:no-repeat; } .product_item .pic a img{ display:none; } .product_item .price-block-wr{ margin-bottom:15px; } .product_item .price-block{ display:flex; align-items:center; gap:10px; } .product_item .price-block-nds { color: var(--red); font-size: 14px; margin-top:3px; } .product_item .price-block .price{ font-size:18px; } .product_item .price-block .old-price{ font-size:13px; } .product_item .desc{ margin-bottom:20px; line-height:1.1; font-size:16px; } .product_item .desc a{ text-decoration:none; color:var(--text); } .product_item .desc a:hover{ text-decoration:underline; color:var(--text); } .product_item .dop{ display:flex; align-items:center; justify-content:space-between; gap:10px; margin-bottom:21px; } .product_item .artikul{ font-size:13px; font-weight:300; line-height:1.1; } .product_item .rating{ display:flex; gap:6px; } .product_item .rating .rating-star{ width:16px; height:16px; background:url(/local/templates/.default/images/star.svg) 0px 0px no-repeat; background-size:contain; } .product_item .more{} .product_item .more .btn{ width:100%; /* height:56px; font-size:20px; */ height: 37px; font-size: 12px; font-weight: 500; } .product_item .chars_list{ margin-bottom:15px; } .product_item .chars_list .chars{ display:flex; align-items:center; gap:15px; padding-bottom:10px; border-bottom:1px solid #DFDFDF; margin-bottom:10px; } .product_item .chars_list .chars:last-of-type{ padding-bottom:0px; border-bottom:none; margin-bottom:0px; } .product_item .chars_list .chars .zag{ width:100px; font-size:15px; font-weight:500; } .product_item .chars_list .chars .val{ margin-left:auto; font-size:13px; } .product_item .chars_list .chars .cpic.color{ width:52px; height:34px; border-radius:4px; border:1px solid #EEEEEE; } .product_item .labels{ position:absolute; left:15px; top:15px; } .product_item .gallery{ position:absolute; right:10px; top:10px; display:flex; flex-direction:column; gap:5px; } .product_item .gallery .gallery-item{ width:50px; height:50px; border-radius:3px; border:1px solid #EEEEEE; display:flex; align-items:center; justify-content:center; } .show_all{ margin:30px 0px; } .show_all .btn{ width:100%; height:62px; background:#F4F4F4; color:var(--text); font-size:20px; } .show_all .btn .btn-icon svg path{ fill:var(--text); } .show_all .btn:hover{ background:#D7D7D7; color:var(--text); } .show_all .btn:hover .btn-icon svg path{ fill:var(--text); } /***/ footer.tmpl{ background:var(--marengo); color:#fff; padding:46px 0px 45px 0px; font-size:14px; line-height:1.07; } footer.tmpl .wr{} footer.tmpl .line1{ display:flex; gap:40px; margin-bottom:41px; } footer.tmpl .line1 .col4{ margin-left:auto; } footer.tmpl .line1 ul{ display:grid; gap:21px; list-style:none; margin:0px; padding:0px; } footer.tmpl .line1 ul li{ } footer.tmpl .line1 ul li a{ color:#fff; text-decoration:none; } footer.tmpl .line1 ul li a:hover{ color:#fff; text-decoration:underline; } footer.tmpl .line1 .head{ display:flex; align-items:center; gap:18px; margin-bottom:18px; } footer.tmpl .line1 .social{ display:flex; justify-content:flex-end; gap:10px; } footer.tmpl .line1 .social a{ width:36px; height:36px; display:flex; align-items:center; justify-content:center; border-radius:5px; } footer.tmpl .line1 .social a:hover{ background:#fff; } footer.tmpl .line1 .social a:hover svg path{ fill:var(--marengo); } #foot_menu{ margin-bottom:31px; text-transform:uppercase; } #foot_menu ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px; display:flex; justify-content:space-between; gap:10px; } #foot_menu ul li{} #foot_menu ul li a{ color:#fff; text-decoration:none; } #foot_menu ul li a:hover{ color:#fff; text-decoration:underline; } #foot_smenu{ padding:0px 11px; } #foot_smenu ul{ list-style:none; margin:0px 0px 0px 0px; padding:0px; display:flex; justify-content:space-between; gap:10px; } #foot_smenu ul li{} #foot_smenu ul li a{ color:#fff; text-decoration:none; } #foot_smenu ul li a:hover{ color:#fff; text-decoration:underline; } /**********/ .pagination{ display:flex; gap:3px; margin:54px 0px 52px 0px; justify-content:center; align-items:center; } .pagination span, .pagination a{ width:30px; height:30px; flex-shrink:0; display:flex; align-items:center; justify-content:center; font-size:14px; font-weight:300; text-decoration:none; border:1px solid #D7D7D7; box-sizing:border-box; } .pagination span{ background:var(--marengo); color:#fff; } .pagination a{ color:var(--marengo); background:#F5F5F5; } .pagination a:hover{ background:var(--marengo); color:#fff; } .pagination a.arrow{ background:var(--marengo); border:none; } .pagination a.arrow:hover{ background:var(--hmarengo); } .pagination a.arrow.prev{ margin-right:5px; } .pagination a.arrow.next{ margin-left:5px; } /******/ #callback_block{ display:grid; gap:26px; grid-template-columns:1fr 1fr; margin-top:30px; } #callback_block .cleft{ background: var(--marengo); color:#fff; font-size:24px; font-weight:300; line-height:1; padding:39px 35px 39px 35px; min-height:347px; box-sizing:border-box; display:flex; flex-direction:column; position:relative; } #callback_block .cleft::before{ content:''; background:url(/local/templates/.default/images/callback_block_cleft.png) 0px 0px no-repeat; background-size:cover; position:absolute; left:0px; top:0px; width:100%; height:100%; mix-blend-mode: luminosity; } #callback_block .cleft .head{ display:flex; align-items:center; gap:24px; margin-bottom:40px; font-size:32px; font-weight:500; position:relative; z-index:10; } #callback_block .cleft .head .head-icon{ line-height:0px; } #callback_block .cleft .desc{ margin-bottom:24px; position:relative; z-index:10; } #callback_block .cleft .more{ margin-top:auto; display:flex; gap:5px; position:relative; z-index:10; } #callback_block .cleft .more .btn{ width:206px; font-weight:16px; font-weight:500; } #callback_block .cleft .more .square{ display:inline-flex; align-items:center; justify-content:center; height:53px; width:49px; border-radius:6px; background:#fff; } #callback_block .cright{ padding:35px 102px 39px 35px; background:url(/local/templates/.default/images/callback_block_right.png) left 0px bottom 0px no-repeat #EEEEEE; background-size:cover; font-size:24px; font-weight:300; min-height:347px; box-sizing:border-box; display:flex; flex-direction:column; position:relative; } #callback_block .cright b{ font-weight:400; } #callback_block .cright .icon{ position:absolute; top:31px; right:30px; } #callback_block .cright .desc{ margin-bottom:20px; } #callback_block .cright .desc::before{ content:''; display:inline-block; width:30px; height:2px; background: rgba(39, 39, 39, 0.18); vertical-align:middle; margin-right:13px; } #callback_block .cright .more{ margin-top:auto; } #callback_block .cright .more .btn{ width:206px; box-shadow: 0px 5px 10.4px 0px #00000066; } .direct_block{ display:flex; } .direct_block .body{ min-height:408px; box-sizing:border-box; padding:33px 33px 41px 41px; background:var(--marengo); color:#fff; font-size:24px; line-height:1; display:flex; flex-direction:column; gap:31px; width:600px; flex-shrink:0; } .direct_block .body .num{ font-size:23px; font-weight:300; color: #7E7E7E; } .direct_block .body .caption{ font-size:32px; font-weight:500; text-transform:uppercase; } .direct_block .body .desc{ max-width:389px; } .direct_block .body .more{ margin-top:auto; } .direct_block .body .more .btn{ width:194px; } .direct_block .pic{ background-color:var(--red); background-size:cover; background-position:center center; border-top:17px solid #fff; border-bottom:17px solid #fff; flex-grow:1; } p.p-icon{ padding-left:44px; /*font-size:24px;*/ font-weight:500; background-position:left 0px top 0px; background-repeat:no-repeat; } /****/ .sert-block{ margin:30px 0px; } .sert-block .sert-block-caption{ font-size:32px; font-weight:500; margin-bottom:30px; } /********/ .about_us_block{ display:flex; gap:30px; margin-bottom:30px; } .about_us_block .pic{ flex-shrink:0; width:545px; background:#F7F7F7; text-align:center; display:flex; flex-direction:column; justify-content:flex-end; } .about_us_block .pic figure{ position:relative; padding:0px; margin:0px; } .about_us_block .pic figure figcaption{ width:100%; max-width:405px; left:50%; transform:translate(-50%); bottom:22px; padding:22px 15px 15px 15px; background:#fff; text-align:center; font-size:16px; font-weight:300; color:#6F6F6F; position:absolute; } .about_us_block .pic figure figcaption::before{ content:''; position:absolute; background:url(/local/templates/.default/images/page-company-quote-icon.svg) center center no-repeat var(--marengo); width:30px; height:30px; left:29px; top:-15px; } .about_us_block .pic figure figcaption span{ display:block; line-height:1; } .about_us_block .pic figure figcaption span.name{ color:var(--marengo); font-size:20px; font-weight:500; margin-bottom:9px; } .about_us_block .pic figure figcaption span.titul{} .about_us_block .body{ display:flex; flex-direction:column; gap:30px; font-size:16px; } .about_us_block h1{ font-size:32px; margin-bottom:0px; } .about_us_block .desc{ } .about_us_block .subcaption{ font-size:32px; font-weight:500; padding-left:23px; background:url(/local/templates/.default/images/page-our-projects-header-icon.svg) left top no-repeat; } .about_us_block .more{} .about_us_block .more .btn{ font-size:20px; font-weight:600; height:70px; } .font-12{ font-size:12px; } .font-14{ font-size:14px; } .font-16{ font-size:16px; } .font-18{ font-size:18px; } .font-20{ font-size:20px; } .font-22{ font-size:22px; } .font-24{ font-size:24px; } .font-26{ font-size:26px; } .font-28{ font-size:28px; } .font-30{ font-size:30px; } .font-32{ font-size:32px; } .w-300{ font-weight:300; } .w-500{ font-weight:500; } .w-600{ font-weight:600; } .mb-5{ margin-bottom:5px; } .mb-10{ margin-bottom:10px; } .mb-15{ margin-bottom:15px; } .mb-20{ margin-bottom:20px; } .mb-30{ margin-bottom:30px; } .mb-40{ margin-bottom:40px; } .mb-50{ margin-bottom:50px; } .mt-10{ margin-top:10px; } .mt-15{ margin-top:15px; } .mt-20{ margin-top:20px; } .mt-30{ margin-top:30px; } .mt-40{ margin-top:40px; } ol.gray_block_ol{ list-style:none; padding:0px; margin:30px 0px; display:grid; grid-template-columns:1fr 1fr; gap:21px; counter-reset: ol-counter; } ol.gray_block_ol li{ color:#fff; background:var(--marengo); padding:40px 30px 40px 40px; font-size:18px; line-height:1; counter-increment: ol-counter; } ol.gray_block_ol li .head{ display:flex; align-items:center; gap:20px; margin-bottom:38px; text-transform:uppercase; font-size:28px; font-weight:500; } ol.gray_block_ol li .head::before{ content:'0' counter(ol-counter) '/'; display:flex; align-items:center; justify-content:center; background:var(--red); width:50px; height:50px; color: rgba(255, 255, 255, 0.5); font-size:16px; font-weight:500; } ol.gray_block_ol.bright li{ background:#F5F5F5; color:#000; } ol.gray_block_ol.bright li .head::before{ background:var(--marengo); color: rgba(255, 255, 255, 0.49); } ol.gray_block_ol.bright li b{ font-weight:500; } ol.gray_block_ol.bright li a{ color:#000; text-decoration:underline; } ol.gray_block_ol.bright li a:hover{ color:#000; text-decoration:none; } ol.gray_block_ol.bright li.logo{ background-position:bottom 45px center; background-repeat:no-repeat; } .pagination{ display:flex; align-items:center; justify-content:center; gap:3px; margin:20px 30px; } .pagination span, .pagination a{ box-sizing:border-box; width:30px; height:30px; background:#F5F5F5; color:#000; text-decoration:none; display:flex; align-items:center; justify-content:center; } .pagination a{ cursor:pointer; } .pagination a:hover{ background:var(--marengo); color:#fff; } .pagination span{ border: 1px solid rgba(75, 85, 100, 1) } .pagination span.prev, .pagination span.next{ } .pagination span.prev svg path, .pagination span.next svg path{ fill:var(--text); } .pagination a.prev, .pagination a.next{ background:var(--marengo); } .pagination a.prev:hover, .pagination a.next:hover{ background:var(--text); } .pagination a.prev svg path, .pagination a.next svg path{ fill:#fff; } ul.contact_info_grid{ list-style:none; padding:0px; margin:38px 0px 14px 0px; display:grid; grid-template-columns:1fr 1fr 1fr; gap:13px; } ul.contact_info_grid li{ padding:20px 18px; background:#F5F5F5; border-radius:6px; display:flex; flex-direction:column; gap:1rem; /*font-size:24px;*/ line-height:1; } ul.contact_info_grid li .head{ font-weight:500; } ul.contact_info_grid li p{ margin:0px; } ul.contact_info_grid li a{ text-decoration:none; color:var(--text); } ul.contact_info_grid li a:hover{ text-decoration:underline; color:var(--text); } .contact-alert{ padding:26px; background:var(--marengo); color:#fff; /*font-size:24px;*/ font-weight:500; line-height:auto; border-radius:6px; margin:30px 0px; } .contact-alert.text-icon a{ color:#fff; text-decoration:none; } .contact-alert.text-icon a:hover{ color:#fff; text-decoration:underline; } .contact-alert.text-icon{ gap:28px; } .contact-alert.text-icon .text-icon-i svg path{ fill:#fff; } .contact-alert.text-icon .text-icon-txt{ display:flex; flex-direction:column; gap:1rem; } .contact-alert.text-icon .text-icon-txt p{ margin:0px; } .contact-alert.text-icon.flex-start{ align-items:flex-start; } .four_block{ display:grid; grid-template-columns:repeat(4, 1fr); gap:15px; margin:30px 0px; } .four_block a{ background-size:cover; background-position:center center; min-height:220px; border-radius:6px; } .four_block a img{ visibility:hidden; } .simple_message_block{ padding:23px; background:var(--marengo); color:#fff; margin:30px 0px; border-radius:6px; } .simple_message_block .txt{ margin:0px auto 18px auto; max-width:648px; text-align:center; } .simple_message_block .more{ text-align:center; } .simple_message_block .more .btn{ height:70px; width:100%; max-width:337px; font-size:20px; font-weight:600; } .js-quantity{ display:inline-flex; gap:6px; } .js-quantity .js-quantity-button{ width:23px; height:30px; display:flex; align-items:center; justify-content:center; background:var(--marengo); cursor:pointer; } .js-quantity .js-quantity-button svg path{ fill:#fff; } .js-quantity .js-quantity-button:hover{ background:var(--text); } .js-quantity input[type="text"]{ height:30px; min-width:0px; width:41px; background:#F5F5F5; border: 1px solid #E3E3E3; font-size:14px; font-weight:300; border-radius:0px; padding:0px; text-align:center; } .arr_accordeon{ margin-bottom:30px; } .arr_accordeon .pane:not(:last-of-type){ margin-bottom:10px; } .arr_accordeon .header, .show-next{ border:none; margin:0px; padding: 20px 72px 20px 20px; font-size:18px; font-weight:normal; cursor:pointer; position:relative; border-radius:5px; background:#EDEEF0; } .arr_accordeon .header::after{ content:''; position:absolute; width:32px; height:32px; border-radius:50%; right:23px; top:50%; margin-top:-16px; background:url(/local/templates/.default/images/accordeon_select.svg) center center no-repeat var(--marengo); } .arr_accordeon .pane.open .header::after{ transform:rotate(180deg); } .arr_accordeon .header span.link{ cursor:pointer; } .arr_accordeon .pane .ar_body{ height:0px; overflow:hidden; } .arr_accordeon .pane.open .ar_body{ height:auto; } .arr_accordeon .pane .ar_body_wr, .hide-description{ padding:35px 20px; border-radius:5px; background: #F6F6F6; margin-bottom:0px; font-size: 16px; } .hide-description{ display:none; } .left-block{ margin-bottom:25px; } .left-block .left-block-caption{ font-size:16px; font-weight:500; line-height:1.1; margin-bottom:10px; } .left-block .left-block-caption.text-icon{ justify-content:space-between; display:flex; } .labels{ display:flex; flex-direction:column; gap:5px; align-items:flex-start; } .labels .label{ height:23px; line-height:1; display:flex; padding:0px 8px; background:var(--red); color:#fff; min-width:92px; align-items:center; justify-content:center; font-size:13px; font-weight:500; border-radius:4px; } .labels .label.label_pod-zakaz, .labels .label.label-pod-zakaz{ background:#A3A3A3; } .labels .label.label-action{ background:var(--red); } .labels .label.label-rasprodaja{ background:#E3AA00; } .labels .label.label_v-nalichii, .labels .label.label-v-nalichii{ background:#18C254; } .labels .label.label_ne-postavlyaetsya, .labels .label.label-ne-postavlyaetsya{ background:#444853; } .labels .label.label-prodano{ background:#444853; } /* End */ /* Start:/local/templates/.default/css/hamburger.css?178369526828135*/ /*! * Hamburgers * @description Tasty CSS-animated hamburgers * @author Jonathan Suh @jonsuh * @site https://jonsuh.com/hamburgers * @link https://github.com/jonsuh/hamburgers */ .hamburger { padding: 15px 15px; display: inline-block; cursor: pointer; transition-property: opacity, filter; transition-duration: 0.15s; transition-timing-function: linear; font: inherit; color: inherit; text-transform: none; background-color: transparent; border: 0; margin: 0; overflow: visible; outline:none !important; } .hamburger:hover { opacity: 0.7; } .hamburger.is-active:hover { opacity: 0.7; } .hamburger.is-active .hamburger-inner, .hamburger.is-active .hamburger-inner::before, .hamburger.is-active .hamburger-inner::after { background-color: #fff; } .hamburger-box { width: 40px; height: 24px; display: inline-block; position: relative; } .hamburger-inner { display: block; top: 50%; margin-top: -2px; } .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { width: 40px; height: 4px; background-color: #fff; border-radius: 4px; position: absolute; transition-property: transform; transition-duration: 0.15s; transition-timing-function: ease; } .hamburger-inner::before, .hamburger-inner::after { content: ""; display: block; } .hamburger-inner::before { top: -10px; } .hamburger-inner::after { bottom: -10px; } /* * 3DX */ .hamburger--3dx .hamburger-box { perspective: 80px; } .hamburger--3dx .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx .hamburger-inner::before, .hamburger--3dx .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(180deg); } .hamburger--3dx.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DX Reverse */ .hamburger--3dx-r .hamburger-box { perspective: 80px; } .hamburger--3dx-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r .hamburger-inner::before, .hamburger--3dx-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dx-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateY(-180deg); } .hamburger--3dx-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dx-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY */ .hamburger--3dy .hamburger-box { perspective: 80px; } .hamburger--3dy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy .hamburger-inner::before, .hamburger--3dy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(-180deg); } .hamburger--3dy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DY Reverse */ .hamburger--3dy-r .hamburger-box { perspective: 80px; } .hamburger--3dy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r .hamburger-inner::before, .hamburger--3dy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg); } .hamburger--3dy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY */ .hamburger--3dxy .hamburger-box { perspective: 80px; } .hamburger--3dxy .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy .hamburger-inner::before, .hamburger--3dxy .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg); } .hamburger--3dxy.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * 3DXY Reverse */ .hamburger--3dxy-r .hamburger-box { perspective: 80px; } .hamburger--3dxy-r .hamburger-inner { transition: transform 0.15s cubic-bezier(0.645, 0.045, 0.355, 1), background-color 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r .hamburger-inner::before, .hamburger--3dxy-r .hamburger-inner::after { transition: transform 0s 0.1s cubic-bezier(0.645, 0.045, 0.355, 1); } .hamburger--3dxy-r.is-active .hamburger-inner { background-color: transparent !important; transform: rotateX(180deg) rotateY(180deg) rotateZ(-180deg); } .hamburger--3dxy-r.is-active .hamburger-inner::before { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--3dxy-r.is-active .hamburger-inner::after { transform: translate3d(0, -10px, 0) rotate(-45deg); } /* * Arrow */ .hamburger--arrow.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrow.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Arrow Right */ .hamburger--arrow-r.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrow-r.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Alt */ .hamburger--arrowalt .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt.is-active .hamburger-inner::before { top: 0; transform: translate3d(-8px, -10px, 0) rotate(-45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(-8px, 10px, 0) rotate(45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Alt Right */ .hamburger--arrowalt-r .hamburger-inner::before { transition: top 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r .hamburger-inner::after { transition: bottom 0.1s 0.1s ease, transform 0.1s cubic-bezier(0.165, 0.84, 0.44, 1); } .hamburger--arrowalt-r.is-active .hamburger-inner::before { top: 0; transform: translate3d(8px, -10px, 0) rotate(45deg) scale(0.7, 1); transition: top 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } .hamburger--arrowalt-r.is-active .hamburger-inner::after { bottom: 0; transform: translate3d(8px, 10px, 0) rotate(-45deg) scale(0.7, 1); transition: bottom 0.1s ease, transform 0.1s 0.1s cubic-bezier(0.895, 0.03, 0.685, 0.22); } /* * Arrow Turn */ .hamburger--arrowturn.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn.is-active .hamburger-inner::before { transform: translate3d(8px, 0, 0) rotate(45deg) scale(0.7, 1); } .hamburger--arrowturn.is-active .hamburger-inner::after { transform: translate3d(8px, 0, 0) rotate(-45deg) scale(0.7, 1); } /* * Arrow Turn Right */ .hamburger--arrowturn-r.is-active .hamburger-inner { transform: rotate(-180deg); } .hamburger--arrowturn-r.is-active .hamburger-inner::before { transform: translate3d(-8px, 0, 0) rotate(-45deg) scale(0.7, 1); } .hamburger--arrowturn-r.is-active .hamburger-inner::after { transform: translate3d(-8px, 0, 0) rotate(45deg) scale(0.7, 1); } /* * Boring */ .hamburger--boring .hamburger-inner, .hamburger--boring .hamburger-inner::before, .hamburger--boring .hamburger-inner::after { transition-property: none; } .hamburger--boring.is-active .hamburger-inner { transform: rotate(45deg); } .hamburger--boring.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--boring.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* * Collapse */ .hamburger--collapse .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse.is-active .hamburger-inner::before { top: 0; transform: rotate(-90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Collapse Reverse */ .hamburger--collapse-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0.13s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0.1s linear; } .hamburger--collapse-r .hamburger-inner::before { transition: top 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--collapse-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--collapse-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0.1s 0.22s linear; } .hamburger--collapse-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Elastic */ .hamburger--elastic .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(135deg); transition-delay: 0.075s; } .hamburger--elastic.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-270deg); transition-delay: 0.075s; } /* * Elastic Reverse */ .hamburger--elastic-r .hamburger-inner { top: 2px; transition-duration: 0.275s; transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r .hamburger-inner::before { top: 10px; transition: opacity 0.125s 0.275s ease; } .hamburger--elastic-r .hamburger-inner::after { top: 20px; transition: transform 0.275s cubic-bezier(0.68, -0.55, 0.265, 1.55); } .hamburger--elastic-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-135deg); transition-delay: 0.075s; } .hamburger--elastic-r.is-active .hamburger-inner::before { transition-delay: 0s; opacity: 0; } .hamburger--elastic-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(270deg); transition-delay: 0.075s; } /* * Emphatic */ .hamburger--emphatic { overflow: hidden; } .hamburger--emphatic .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic.is-active .hamburger-inner::before { left: -80px; top: -80px; transform: translate3d(80px, 80px, 0) rotate(45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic.is-active .hamburger-inner::after { right: -80px; top: -80px; transform: translate3d(-80px, 80px, 0) rotate(-45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Emphatic Reverse */ .hamburger--emphatic-r { overflow: hidden; } .hamburger--emphatic-r .hamburger-inner { transition: background-color 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::before { left: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, left 0.125s 0.175s ease-in; } .hamburger--emphatic-r .hamburger-inner::after { top: 10px; right: 0; transition: transform 0.125s cubic-bezier(0.6, 0.04, 0.98, 0.335), top 0.05s 0.125s linear, right 0.125s 0.175s ease-in; } .hamburger--emphatic-r.is-active .hamburger-inner { transition-delay: 0s; transition-timing-function: ease-out; background-color: transparent !important; } .hamburger--emphatic-r.is-active .hamburger-inner::before { left: -80px; top: 80px; transform: translate3d(80px, -80px, 0) rotate(-45deg); transition: left 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } .hamburger--emphatic-r.is-active .hamburger-inner::after { right: -80px; top: 80px; transform: translate3d(-80px, -80px, 0) rotate(45deg); transition: right 0.125s ease-out, top 0.05s 0.125s linear, transform 0.125s 0.175s cubic-bezier(0.075, 0.82, 0.165, 1); } /* * Minus */ .hamburger--minus .hamburger-inner::before, .hamburger--minus .hamburger-inner::after { transition: bottom 0.08s 0s ease-out, top 0.08s 0s ease-out, opacity 0s linear; } .hamburger--minus.is-active .hamburger-inner::before, .hamburger--minus.is-active .hamburger-inner::after { opacity: 0; transition: bottom 0.08s ease-out, top 0.08s ease-out, opacity 0s 0.08s linear; } .hamburger--minus.is-active .hamburger-inner::before { top: 0; } .hamburger--minus.is-active .hamburger-inner::after { bottom: 0; } /* * Slider */ .hamburger--slider .hamburger-inner { top: 2px; } .hamburger--slider .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider .hamburger-inner::after { top: 20px; } .hamburger--slider.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--slider.is-active .hamburger-inner::before { transform: rotate(-45deg) translate3d(-5.71429px, -6px, 0); opacity: 0; } .hamburger--slider.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(-90deg); } /* * Slider Reverse */ .hamburger--slider-r .hamburger-inner { top: 2px; } .hamburger--slider-r .hamburger-inner::before { top: 10px; transition-property: transform, opacity; transition-timing-function: ease; transition-duration: 0.15s; } .hamburger--slider-r .hamburger-inner::after { top: 20px; } .hamburger--slider-r.is-active .hamburger-inner { transform: translate3d(0, 10px, 0) rotate(-45deg); } .hamburger--slider-r.is-active .hamburger-inner::before { transform: rotate(45deg) translate3d(5.71429px, -6px, 0); opacity: 0; } .hamburger--slider-r.is-active .hamburger-inner::after { transform: translate3d(0, -20px, 0) rotate(90deg); } /* * Spin */ .hamburger--spin .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin.is-active .hamburger-inner { transform: rotate(225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spin Reverse */ .hamburger--spin-r .hamburger-inner { transition-duration: 0.22s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r .hamburger-inner::before { transition: top 0.1s 0.25s ease-in, opacity 0.1s ease-in; } .hamburger--spin-r .hamburger-inner::after { transition: bottom 0.1s 0.25s ease-in, transform 0.22s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spin-r.is-active .hamburger-inner { transform: rotate(-225deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spin-r.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.1s ease-out, opacity 0.1s 0.12s ease-out; } .hamburger--spin-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); transition: bottom 0.1s ease-out, transform 0.22s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Spring */ .hamburger--spring .hamburger-inner { top: 2px; transition: background-color 0s 0.13s linear; } .hamburger--spring .hamburger-inner::before { top: 10px; transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring .hamburger-inner::after { top: 20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring.is-active .hamburger-inner { transition-delay: 0.22s; background-color: transparent !important; } .hamburger--spring.is-active .hamburger-inner::before { top: 0; transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(45deg); } .hamburger--spring.is-active .hamburger-inner::after { top: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); transform: translate3d(0, 10px, 0) rotate(-45deg); } /* * Spring Reverse */ .hamburger--spring-r .hamburger-inner { top: auto; bottom: 0; transition-duration: 0.13s; transition-delay: 0s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r .hamburger-inner::after { top: -20px; transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), opacity 0s linear; } .hamburger--spring-r .hamburger-inner::before { transition: top 0.1s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1), transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--spring-r.is-active .hamburger-inner { transform: translate3d(0, -10px, 0) rotate(-45deg); transition-delay: 0.22s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--spring-r.is-active .hamburger-inner::after { top: 0; opacity: 0; transition: top 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333), opacity 0s 0.22s linear; } .hamburger--spring-r.is-active .hamburger-inner::before { top: 0; transform: rotate(90deg); transition: top 0.1s 0.15s cubic-bezier(0.33333, 0, 0.66667, 0.33333), transform 0.13s 0.22s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand */ .hamburger--stand .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand.is-active .hamburger-inner { transform: rotate(90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Stand Reverse */ .hamburger--stand-r .hamburger-inner { transition: transform 0.075s 0.15s cubic-bezier(0.55, 0.055, 0.675, 0.19), background-color 0s 0.075s linear; } .hamburger--stand-r .hamburger-inner::before { transition: top 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r .hamburger-inner::after { transition: bottom 0.075s 0.075s ease-in, transform 0.075s 0s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--stand-r.is-active .hamburger-inner { transform: rotate(-90deg); background-color: transparent !important; transition: transform 0.075s 0s cubic-bezier(0.215, 0.61, 0.355, 1), background-color 0s 0.15s linear; } .hamburger--stand-r.is-active .hamburger-inner::before { top: 0; transform: rotate(-45deg); transition: top 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--stand-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(45deg); transition: bottom 0.075s 0.1s ease-out, transform 0.075s 0.15s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Squeeze */ .hamburger--squeeze .hamburger-inner { transition-duration: 0.075s; transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze .hamburger-inner::before { transition: top 0.075s 0.12s ease, opacity 0.075s ease; } .hamburger--squeeze .hamburger-inner::after { transition: bottom 0.075s 0.12s ease, transform 0.075s cubic-bezier(0.55, 0.055, 0.675, 0.19); } .hamburger--squeeze.is-active .hamburger-inner { transform: rotate(45deg); transition-delay: 0.12s; transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); } .hamburger--squeeze.is-active .hamburger-inner::before { top: 0; opacity: 0; transition: top 0.075s ease, opacity 0.075s 0.12s ease; } .hamburger--squeeze.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); transition: bottom 0.075s ease, transform 0.075s 0.12s cubic-bezier(0.215, 0.61, 0.355, 1); } /* * Vortex */ .hamburger--vortex .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex .hamburger-inner::before, .hamburger--vortex .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex.is-active .hamburger-inner { transform: rotate(765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex.is-active .hamburger-inner::before, .hamburger--vortex.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex.is-active .hamburger-inner::after { bottom: 0; transform: rotate(90deg); } /* * Vortex Reverse */ .hamburger--vortex-r .hamburger-inner { transition-duration: 0.2s; transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r .hamburger-inner::before, .hamburger--vortex-r .hamburger-inner::after { transition-duration: 0s; transition-delay: 0.1s; transition-timing-function: linear; } .hamburger--vortex-r .hamburger-inner::before { transition-property: top, opacity; } .hamburger--vortex-r .hamburger-inner::after { transition-property: bottom, transform; } .hamburger--vortex-r.is-active .hamburger-inner { transform: rotate(-765deg); transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1); } .hamburger--vortex-r.is-active .hamburger-inner::before, .hamburger--vortex-r.is-active .hamburger-inner::after { transition-delay: 0s; } .hamburger--vortex-r.is-active .hamburger-inner::before { top: 0; opacity: 0; } .hamburger--vortex-r.is-active .hamburger-inner::after { bottom: 0; transform: rotate(-90deg); } /* End */ /* Start:/local/templates/.default/css/mobile.css?17836952685099*/ @media (max-width: 1200px){ .wr{ padding:0px 10px; box-sizing:border-box; } header.tmpl > .wr{ padding:10px; } #red_alert{ display:none; } header.tmpl .line1{ justify-content:space-between; gap:15px; } header.tmpl .line1 .city, header.tmpl .line1 .email{ margin-right:0px; } header.tmpl .line1 .phone.phone2{ margin:0px; } header.tmpl .line1 .send{ margin-left:0px; } header.tmpl .line2{ flex-wrap:wrap; gap:10px; } header.tmpl .line2 .logo{ order:1; margin-right:0px; width:150px; } header.tmpl .line2 .search{ order:2; margin-right:0px; width: calc(100% - 160px); } header.tmpl .line2 .btns{ order:3; } header.tmpl .line2 .links{ order:4; margin-left: auto; } header.tmpl .line2 .personal{ order:5; } #callback_block .cleft{ font-size:20px; min-height: 0px; } #callback_block .cright{ font-size:20px; min-height: 0px; background:#EEEEEE; } #foot_smenu{ padding:0px; } #foot_smenu ul, #foot_menu ul{ display: grid; grid-template-columns: 1fr 1fr 1fr; } footer.tmpl .line1 ul li a{ display:block; } .direct_block .body{ min-height:0px; width:450px; } } @media (max-width: 950px){ .product-list{ grid-template-columns: 1fr 1fr; } .about_us_block{ flex-direction:column; } .about_us_block .pic{ width:100%; } .about_us_block .pic img{ max-width:400px; } } @media (max-width: 850px){ header.tmpl .line1 .send{ display:none; } .direct_block{ flex-direction:column; } .direct_block .body{ width:100%; } .direct_block .pic{ min-height:200px; } #page_cat_mb_ral .body{ /*flex-direction: column;*/ gap: 10px; height: auto; padding: 10px; text-align:center; font-size:18px; } #page_cat_mb_ral .icon{ width:50px; flex-shrink:0; } #page_cat_mb_ral .icon svg{ width:100%; height:auto; } } @media (max-width: 750px){ header.tmpl .mobile_logo{ display:block; } header.tmpl .line1 .city{ display:inline-flex; } header.tmpl .line2{ display:grid; grid-template-columns: 1fr 1fr; gap:20px; } header.tmpl .line2 .btns, header.tmpl .line2 .search, header.tmpl .line2 .logo{ width:auto; grid-column: 1 / -1; margin:0px; } header.tmpl .line2 .logo{ text-align:center; display:none; } header.tmpl .line2 .links{ margin-left:0px; } header.tmpl .line2 .personal{ text-align:right; } header.tmpl .line2 .btns{ justify-content: center; } #callback_block{ grid-template-columns: 1fr; } footer.tmpl .line1{ display:grid; grid-template-columns: 2fr 1fr 1fr; } footer.tmpl .line1 .col4{ margin-left:0px; grid-column: 1 / -1; } footer.tmpl .line1 .head{ justify-content:space-between; flex-direction:column; gap:1rem; } footer.tmpl .line1 .social{ justify-content:center; } ol.gray_block_ol{ grid-template-columns: 1fr; } ol.gray_block_ol li{ padding:20px; } ul.contact_info_grid{ grid-template-columns: 1fr 1fr; } ul.contact_info_grid li{} .four_block{ grid-template-columns: 1fr 1fr; } } @media (max-width: 650px){ h1{ font-size:26px; } h2, .h2{ font-size:24px; } header.tmpl .line1{ display:grid; grid-template-columns: 1fr 1fr; gap:10px; } header.tmpl .line1 .city{ } header.tmpl .line1 .phone.phone2, header.tmpl .line1 .email{ text-align:right; } #callback_block .cleft .head .head-icon{ display:none; } #callback_block .cleft, #callback_block .cright{ padding:15px; } footer.tmpl .line1{ grid-template-columns: 1fr 1fr; gap:1rem; } footer.tmpl .line1 .col1{ grid-column: 1 / -1; } footer.tmpl .line1 .col1 ul{ display:flex; justify-content:space-between; } footer.tmpl .line1 .col3{ text-align:right; } #foot_smenu ul, #foot_menu ul{ grid-template-columns: 1fr; } .product-list{ grid-template-columns: 1fr; } .direct_block .body{ padding:20px; } .direct_block .body .caption{ font-size:26px; } header.tmpl .line2 .btns{ display: grid; grid-template-columns: 1fr 1fr; } header.tmpl .line2 .btns .btn{ width:auto; } #foot_smenu, #foot_menu{ text-align:center; } } @media (max-width: 550px){ ul.contact_info_grid{ grid-template-columns: 1fr; } ul.contact_info_grid li{} .four_block{ grid-template-columns: 1fr; } .contact-alert.text-icon .text-icon-i{ display:none; } ol.gray_block_ol li .head{ font-size:20px; } .simple_message_block .more .btn{ font-size:15px; } .main_btns{ display:grid; grid-template-columns:1fr 1fr; gap:5px; } .main_btns .btn{ width:auto; gap:5px; font-size:13px; padding:0px 10px; } } /* End */ /* Start:/local/templates/.default/css/main.css?178369526813297*/ #main_base_category{ margin:10px 0px 30px 0px; } #main_base_category ul{ display:grid; list-style:none; margin:0px; padding:0px; grid-template-columns:1fr 1fr 1fr 1fr; gap:10px; } #main_base_category ul li{ border-bottom:1px solid #D9D9D9; padding-bottom:15px; } #main_base_category ul li .pic{ margin-bottom:12px; } #main_base_category ul li .name{ font-size:19px; font-weight:500; } #main_base_category ul li .name a{ display:block; padding-right:20px; position:relative; text-decoration:none; color:var(--text); } #main_base_category ul li .name a .name-icon{ position:absolute; right:0px; top:3px; } #main_base_category ul li .name a .name-icon svg path{ fill:var(--red); } #main_base_category ul li .name a:hover{ color:var(--red); } #main_smeta{ background:#4C5564; color:#fff; position:relative; margin:77px 0px 30px 0px; } #main_smeta::after{ z-index:2; content: ''; position: absolute; height: 503px; width: 732px; right: -47px; bottom: -19px; background:url(/local/templates/.default/css/../images/main_smeta_planshet.png) 0px 0px no-repeat; } #main_smeta::before { content: ''; position: absolute; height: 100%; width: 100vw; left: 0px; top: 0px; margin-left: calc( 0px - ((100vw - 100%)/2) ); background:#4C5564; z-index:1; } #main_smeta .body{ position:relative; z-index:20; padding:45px 0px 35px 0px; } #main_smeta .caption{ font-size:32px; line-height:1; margin-bottom:40px; } #main_smeta .caption b{ font-weight:500; } #main_smeta ul{ list-style:none; margin:0px 0px 46px 0px; padding:0px; } #main_smeta ul li{ padding:14px 30px; font-size:20px; border-left:2px solid rgba(202, 202, 202, 0.13); } #main_smeta ul li:first-of-type{ border-left:2px solid #fff; } #main_smeta ul li b{ font-weight:500; } #main_smeta .more{} #main_smeta .more .btn{ height:66px; width:296px; font-size:21px; } /****/ #main_its_we{ position:relative; background:var(--marengo); margin:30px 0px; padding:86px 0px 38px 0px; } #main_its_we::before{ content: ''; position: absolute; height: 100%; width: 100vw; left: 0px; top: 0px; margin-left: calc( 0px - ((100vw - 100%)/2) ); background:#4C5564; z-index:1; } #main_its_we ul{ position:relative; z-index:2; display:grid; grid-template-columns:1fr 1fr 1fr; gap:13px; margin:0px; padding:0px; list-style:none; } #main_its_we ul li{ display:flex; flex-direction:column; gap:10px; padding:15px; background:#fff; color:#000; min-height:238px; } #main_its_we ul li .icon{ margin-bottom:15px; width:35px; height:35px; background:var(--marengo); display:flex; align-items:center; justify-content:center; } #main_its_we ul li .caption{ line-height:1; font-size:24px; } #main_its_we ul li .desc{ font-size:18px; } #main_its_we ul li.row2{ grid-row:span 2; margin-top:-52px; margin-bottom: 52px; background:var(--red); color:#fff; } #main_its_we ul li.row2 .icon{ background:#fff; margin-bottom:auto; } #main_its_we ul li.row2 .icon svg path{ fill:var(--red); } #main_its_we ul li.row2 .desc{ margin-bottom:auto; } #main_our_pluses{ padding:24px 0px; background:var(--marengo); color:#fff; position:relative; } #main_our_pluses::before{ content: ''; position: absolute; height: 100%; width: 100vw; left: 0px; top: 0px; margin-left: calc( 0px - ((100vw - 100%)/2) ); background:#4C5564; z-index:1; } #main_our_pluses::after{ content: ''; position: absolute; height: 100%; width: 100vw; left: 0px; top: 0px; background:url(/local/templates/.default/css/../images/main_our_pluses_flame.svg) left 172px center no-repeat; z-index: 2; opacity: 0.03; } #main_our_pluses .body{ position:relative; z-index:3; display:flex; align-items:center; gap:20px; justify-content:space-between; } #main_our_pluses .caption{ font-size:24px; line-height:1; font-weight:500; } #main_our_pluses ul{ max-width:660px; list-style:none; margin:0px; padding:0px; display:grid; grid-template-columns:161px 1fr 1fr; gap:42px; } #main_our_pluses ul li{} #main_our_pluses ul li .head{ display:flex; align-items:center; margin-bottom:18px; gap:16px; } #main_our_pluses ul li .head .icon{ display:flex; align-items:center; justify-content:center; flex-shrink:0; width:30px; height:30px; background:var(--red); } #main_our_pluses ul li .head .icon svg path{ fill:#fff; } #main_our_pluses ul li .head .name{ font-size:20px; line-height:1; } #main_our_pluses ul li .txt{ font-size:14px; font-weight:300; line-height:1; } #main_lgray{ background:#F1F1F1; position:relative; padding-bottom:37px; margin:30px 0px; } #main_lgray::before{ content: ''; position: absolute; height: 100%; width: 100vw; left: 0px; top: 0px; margin-left: calc( 0px - ((100vw - 100%)/2) ); background:#F1F1F1; z-index:1; box-sizing:border-box; border-top:5px solid #fff; } #main_lgray .main_lgray_in{ position:relative; z-index:2; } #main_polniy_spektr{ margin:0px 10px; background:var(--marengo); color:#fff; font-size:14px; padding:36px 24px; display:flex; justify-content:space-between; gap:20px; line-height:1; position:relative; z-index:10; } #main_polniy_spektr .bleft{ display:flex; flex-direction:column; gap:20px; width:100%; max-width:413px; } #main_polniy_spektr .bleft .caption{ font-size:32px; font-weight:500; } #main_polniy_spektr .bleft .more{ margin-top:auto; } #main_polniy_spektr .bleft .more .btn{ gap:15px; padding:0px 24px; } #main_polniy_spektr .bright{ width:100%; max-width:461px; } #main_polniy_spektr .bright ul{ list-style:none; padding:0px; margin:0px 0px 20px 0px; display:grid; grid-template-columns:1fr 1fr; gap:38px; } #main_polniy_spektr .bright ul li .head{ display:flex; align-items:center; margin-bottom:18px; gap:16px; } #main_polniy_spektr .bright ul li .head .head-icon{ display:flex; align-items:center; justify-content:center; flex-shrink:0; width:30px; height:30px; background:var(--red); } #main_polniy_spektr .bright ul li .head .head-icon svg path{ fill:#fff; } #main_polniy_spektr .bright ul li .head .head-txt{ font-size:20px; } #main_polniy_spektr .bright .note{ font-size:13px; font-weight:200; } #main_white_block{ background:#fff; padding:140px 30px 30px 30px; margin-top:-100px; margin-bottom:30px; } #main_sert_block{ line-height:1; font-size:16px; display:flex; justify-content:space-between; gap:20px; margin-bottom:33px; } #main_sert_block .bleft{ max-width:625px; width:100%; display:flex; flex-direction:column; } #main_sert_block .bleft .caption{ font-size:27px; font-weight:500; margin-bottom:25px; } #main_sert_block .bleft .desc{ font-size:18px; margin-bottom:25px; } #main_sert_block .bleft .more{ margin-top:auto; margin-bottom:13px; } #main_sert_block .bleft .more a{ display:flex; width:54px; height:54px; align-items:center; justify-content:center; background:var(--marengo); text-decoration:none; } #main_sert_block .bleft .more a:hover{ background:var(--red); } #main_sert_block .bleft .more a svg path{ fill:#fff; } #main_sert_block .bleft .note{ font-size:13px; font-weight:300; } #main_sert_block .bright{ padding-right:18px; } #main_sert_block .bright ul{ list-style:none; margin:0px; padding:0px; text-align:right; display:grid; gap:20px; color:#606060; max-width:235px; } #main_sert_block .bright ul li{} #main_sert_block .bright ul li .head{ font-size:40px; font-weight:500; margin-bottom:10px; } #main_sert_block .bright ul li .head small{ font-size:14px; } #main_slider_block{ display:flex; gap:25px; align-items:flex-end; } #main_slider_block .bleft{ width:100%; max-width:557px; overflow:hidden; } #main_slider_block .bleft .list:not(.owl-loaded){ display:flex; } #main_slider_block .bleft .list:not(.owl-loaded) img{ flex-shrink:0; } #main_slider_block .list.owl-loaded .owl-nav{ display:flex; justify-content:flex-end; gap:14px; padding-top:11px; } #main_slider_block .list.owl-loaded .owl-nav button{ background:none; width:auto; height:auto; position:static; margin:0px; border-radius:0px; } #main_slider_block .list.owl-loaded .owl-nav button svg path{ fill:#606060; } #main_slider_block .list.owl-loaded .owl-nav button:hover{ background:none; width:auto; height:auto; } #main_slider_block .list.owl-loaded .owl-dots{ position: absolute; bottom: 4px; left: 0px; } #main_slider_block .bright{ width:100%; max-width:503px; overflow:hidden; } #main_slider_block .bright .list:not(.owl-loaded){ display:flex; gap:14px; } #main_slider_block .bright .list:not(.owl-loaded) img{ flex-shrink:0; } #main_clients{ margin-bottom:70px; width:1260px; margin-left:-60px; } #main_clients .caption{ font-weight: 500; font-size: 32px; line-height: 100%; text-transform: uppercase; margin-bottom:40px; text-align:center; } #main_clients .list{ display:flex; flex-wrap:wrap; gap:26px 30px; justify-content:center; } #main_bimlib{ margin:30px 0px; } #main_bimlib .caption{ font-weight: 500; font-size: 32px; line-height: 100%; text-align: center; text-transform: uppercase; margin-bottom:39px; } /******/ #main_anymore{ background:var(--marengo); color:#fff; line-height:1.18; font-size:24px; padding:50px 50px; position:relative; margin-top:125px; } #main_anymore::before{ content:''; width:391px; height:390px; bottom:0px; right:96px; position:absolute; background:url(/local/templates/.default/css/../images/main_anymore_man.png) bottom 0px left 0px no-repeat; background-size:contain; } #main_anymore .body{ position:relative; z-index:2; max-width:606px; } #main_anymore .caption{ font-size:32px; margin-bottom:15px; } #main_anymore .desc{ margin-bottom:15px; } #main_anymore .more{ display:flex; gap:12px; } #main_anymore .more .btn{ width:285px; height:55px; font-size:17px; } #catalogue .models_wrapper.filter{ display:flex; align-items:center; gap:30px; flex-direction: row; justify-content: flex-start; margin-bottom:30px; } #catalogue .models_wrapper.filter label{ font-size:24px; font-weight:300; } #catalogue .models_wrapper.filter select{ height:46px; } @media (max-width: 1300px){ #main_clients{ width:auto; margin-left:0px; } } @media (max-width: 1200px){ #main_smeta::after{ content:none; } #main_anymore{ margin-top:0px; } #main_anymore::before{ content:none; } #main_polniy_spektr .bleft{ max-width:300px; } #main_polniy_spektr .bleft .caption{ font-size:26px; } #main_our_pluses ul{ gap:15px; max-width:550px; } #main_sert_block .bleft{ max-width:450px; } } @media (max-width: 950px){ #main_bimlib{ display:none; } } @media (max-width: 850px){ #main_base_category ul{ grid-template-columns: 1fr 1fr; } #main_its_we{ padding: 38px 0px 38px 0px; } #main_its_we ul{ grid-template-columns: 1fr; } #main_its_we ul li.row2{ margin:0px; } #main_its_we ul li{ min-height:0px; } #main_our_pluses .body{ flex-direction:column; } #main_our_pluses .caption br{ display:none; } #main_slider_block, #main_sert_block, #main_polniy_spektr{ flex-direction:column; } #main_slider_block .bleft, #main_sert_block .bleft, #main_polniy_spektr .bleft{ max-width:none; } #main_slider_block .bright, #main_sert_block .bright, #main_polniy_spektr .bright{ max-width:none; } #main_polniy_spektr .bleft .caption{ text-align:center; } #main_polniy_spektr .bleft .more{ text-align:center; } #main_polniy_spektr .bright ul li .head .head-txt br{ display:none; content: " "; } #main_sert_block .bright ul{ text-align:left; } #main_anymore .more{ flex-direction:column; } } @media (max-width: 550px){ #main_our_pluses ul{ grid-template-columns: 1fr; width: 100%; } #main_our_pluses ul li .txt br{ display:none; } #main_polniy_spektr .bright ul{ grid-template-columns: 1fr; } #main_anymore{ padding:20px; } } @media (max-width: 450px){ #main_base_category ul{ grid-template-columns: 1fr; } #main_base_category ul li{} #main_base_category ul li img{ width:100%; } #main_base_category ul li br{ display:none; } #main_polniy_spektr .bleft .caption{ font-size:18px; } #main_bimlib .caption{ font-size:20px; } #main_smeta .caption{ font-size:24px; } #main_anymore .more .btn{ font-size:15px; width:100%; } #main_anymore .caption{ font-size:26px; } #main_anymore{ font-size:16px; } } /* End */ /* /local/templates/.default/lib/fancybox/jquery.fancybox.min.css?178369527012795 */ /* /local/templates/.default/lib/owl.carousel/owl.carousel.min.css?17836952704458 */ /* /local/templates/.default/lib/jquery-form-styler/jquery.formstyler.css?17836952702275 */ /* /local/templates/.default/lib/jquery-form-styler/jquery.formstyler-theme.css?17836952702420 */ /* /local/templates/.default/components/bitrix/menu/ntop/style.css?17836952733396 */ /* /bitrix/components/qdi/search/templates/.default/style.css?17836957447561 */ /* /bitrix/components/arhet/catalog.menu/templates/header/style.css?17836957815622 */ /* /local/templates/.default/template_styles.css?178369526838929 */ /* /local/templates/.default/css/hamburger.css?178369526828135 */ /* /local/templates/.default/css/mobile.css?17836952685099 */ /* /local/templates/.default/css/main.css?178369526813297 */