/* Start:/local/templates/main/assets/libs/slick/slick.css?17030140461776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main/assets/libs/fancybox/jquery.fancybox.min.css?170301404612795*/ 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/main/assets/libs/fancybox/fancybox.css?170496420815598*/ .carousel{position:relative;box-sizing:border-box}.carousel *,.carousel *:before,.carousel *:after{box-sizing:inherit}.carousel.is-draggable{cursor:move;cursor:grab}.carousel.is-dragging{cursor:move;cursor:grabbing}.carousel__viewport{position:relative;overflow:hidden;max-width:100%;max-height:100%}.carousel__track{display:flex}.carousel__slide{flex:0 0 auto;width:var(--carousel-slide-width, 60%);max-width:100%;padding:1rem;position:relative;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.has-dots{margin-bottom:calc(0.5rem + 22px)}.carousel__dots{margin:0 auto;padding:0;position:absolute;top:calc(100% + 0.5rem);left:0;right:0;display:flex;justify-content:center;list-style:none;user-select:none}.carousel__dots .carousel__dot{margin:0;padding:0;display:block;position:relative;width:22px;height:22px;cursor:pointer}.carousel__dots .carousel__dot:after{content:"";width:8px;height:8px;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);background-color:currentColor;opacity:.25;transition:opacity .15s ease-in-out}.carousel__dots .carousel__dot.is-selected:after{opacity:1}.carousel__button{width:var(--carousel-button-width, 48px);height:var(--carousel-button-height, 48px);padding:0;border:0;display:flex;justify-content:center;align-items:center;pointer-events:all;cursor:pointer;color:var(--carousel-button-color, currentColor);background:var(--carousel-button-bg, transparent);border-radius:var(--carousel-button-border-radius, 50%);box-shadow:var(--carousel-button-shadow, none);transition:opacity .15s ease}.carousel__button.is-prev,.carousel__button.is-next{position:absolute;top:50%;transform:translateY(-50%)}.carousel__button.is-prev{left:10px}.carousel__button.is-next{right:10px}.carousel__button[disabled]{cursor:default;opacity:.3}.carousel__button svg{width:var(--carousel-button-svg-width, 50%);height:var(--carousel-button-svg-height, 50%);fill:none;stroke:currentColor;stroke-width:var(--carousel-button-svg-stroke-width, 1.5);stroke-linejoin:bevel;stroke-linecap:round;filter:var(--carousel-button-svg-filter, none);pointer-events:none}html.with-fancybox{scroll-behavior:auto}body.compensate-for-scrollbar{overflow:hidden !important;touch-action:none}.fancybox__container{position:fixed;top:0;left:0;bottom:0;right:0;direction:ltr;margin:0;padding:env(safe-area-inset-top, 0px) env(safe-area-inset-right, 0px) env(safe-area-inset-bottom, 0px) env(safe-area-inset-left, 0px);box-sizing:border-box;display:flex;flex-direction:column;color:var(--fancybox-color, #fff);-webkit-tap-highlight-color:rgba(0,0,0,0);overflow:hidden;z-index:1050;outline:none;transform-origin:top left;--carousel-button-width: 48px;--carousel-button-height: 48px;--carousel-button-svg-width: 24px;--carousel-button-svg-height: 24px;--carousel-button-svg-stroke-width: 2.5;--carousel-button-svg-filter: drop-shadow(1px 1px 1px rgba(0, 0, 0, 0.4))}.fancybox__container *,.fancybox__container *::before,.fancybox__container *::after{box-sizing:inherit}.fancybox__container :focus{outline:none}body:not(.is-using-mouse) .fancybox__container :focus{box-shadow:0 0 0 1px #fff,0 0 0 2px var(--fancybox-accent-color, rgba(1, 210, 232, 0.94))}@media all and (min-width: 1024px){.fancybox__container{--carousel-button-width:48px;--carousel-button-height:48px;--carousel-button-svg-width:27px;--carousel-button-svg-height:27px}}.fancybox__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background:var(--fancybox-bg, rgba(24, 24, 27, 0.92))}.fancybox__carousel{position:relative;flex:1 1 auto;min-height:0;height:100%;z-index:10}.fancybox__carousel.has-dots{margin-bottom:calc(0.5rem + 22px)}.fancybox__viewport{position:relative;width:100%;height:100%;overflow:visible;cursor:default}.fancybox__track{display:flex;height:100%}.fancybox__slide{flex:0 0 auto;width:100%;max-width:100%;margin:0;padding:48px 8px 8px 8px;position:relative;overscroll-behavior:contain;display:flex;flex-direction:column;outline:0;overflow:auto;--carousel-button-width: 36px;--carousel-button-height: 36px;--carousel-button-svg-width: 22px;--carousel-button-svg-height: 22px}.fancybox__slide::before,.fancybox__slide::after{content:"";flex:0 0 0;margin:auto}@media all and (min-width: 1024px){.fancybox__slide{padding:64px 100px}}.fancybox__content{margin:0 env(safe-area-inset-right, 0px) 0 env(safe-area-inset-left, 0px);padding:36px;color:var(--fancybox-content-color, #374151);background:var(--fancybox-content-bg, #fff);position:relative;align-self:center;display:flex;flex-direction:column;z-index:20}.fancybox__content :focus:not(.carousel__button.is-close){outline:thin dotted;box-shadow:none}.fancybox__caption{align-self:center;max-width:100%;margin:0;padding:1rem 0 0 0;line-height:1.375;color:var(--fancybox-color, currentColor);visibility:visible;cursor:auto;flex-shrink:0;overflow-wrap:anywhere}.is-loading .fancybox__caption{visibility:hidden}.fancybox__container>.carousel__dots{top:100%;color:var(--fancybox-color, #fff)}.fancybox__nav .carousel__button{z-index:40}.fancybox__nav .carousel__button.is-next{right:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-next{right:40px}}.fancybox__nav .carousel__button.is-prev{left:8px}@media all and (min-width: 1024px){.fancybox__nav .carousel__button.is-prev{left:40px}}.carousel__button.is-close{position:absolute;top:8px;right:8px;top:calc(env(safe-area-inset-top, 0px) + 8px);right:calc(env(safe-area-inset-right, 0px) + 8px);z-index:40}@media all and (min-width: 1024px){.carousel__button.is-close{right:40px}}.fancybox__content>.carousel__button.is-close{position:absolute;top:-40px;right:0;color:var(--fancybox-color, #fff)}.fancybox__no-click,.fancybox__no-click button{pointer-events:none}.fancybox__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:50px;height:50px;color:var(--fancybox-color, currentColor)}.fancybox__slide .fancybox__spinner{cursor:pointer;z-index:1053}.fancybox__spinner svg{animation:fancybox-rotate 2s linear infinite;transform-origin:center center;position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;width:100%;height:100%}.fancybox__spinner svg circle{fill:none;stroke-width:2.75;stroke-miterlimit:10;stroke-dasharray:1,200;stroke-dashoffset:0;animation:fancybox-dash 1.5s ease-in-out infinite;stroke-linecap:round;stroke:currentColor}@keyframes fancybox-rotate{100%{transform:rotate(360deg)}}@keyframes fancybox-dash{0%{stroke-dasharray:1,200;stroke-dashoffset:0}50%{stroke-dasharray:89,200;stroke-dashoffset:-35px}100%{stroke-dasharray:89,200;stroke-dashoffset:-124px}}.fancybox__backdrop,.fancybox__caption,.fancybox__nav,.carousel__dots,.carousel__button.is-close{opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__backdrop,.fancybox__container.is-animated[aria-hidden=false] .fancybox__caption,.fancybox__container.is-animated[aria-hidden=false] .fancybox__nav,.fancybox__container.is-animated[aria-hidden=false] .carousel__dots,.fancybox__container.is-animated[aria-hidden=false] .carousel__button.is-close{animation:.15s ease backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__backdrop,.fancybox__container.is-animated.is-closing .fancybox__caption,.fancybox__container.is-animated.is-closing .fancybox__nav,.fancybox__container.is-animated.is-closing .carousel__dots,.fancybox__container.is-animated.is-closing .carousel__button.is-close{animation:.15s ease both fancybox-fadeOut}.fancybox-fadeIn{animation:.15s ease both fancybox-fadeIn}.fancybox-fadeOut{animation:.1s ease both fancybox-fadeOut}.fancybox-zoomInUp{animation:.2s ease both fancybox-zoomInUp}.fancybox-zoomOutDown{animation:.15s ease both fancybox-zoomOutDown}.fancybox-throwOutUp{animation:.15s ease both fancybox-throwOutUp}.fancybox-throwOutDown{animation:.15s ease both fancybox-throwOutDown}@keyframes fancybox-fadeIn{from{opacity:0}to{opacity:1}}@keyframes fancybox-fadeOut{to{opacity:0}}@keyframes fancybox-zoomInUp{from{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}to{transform:scale(1) translate3d(0, 0, 0);opacity:1}}@keyframes fancybox-zoomOutDown{to{transform:scale(0.97) translate3d(0, 16px, 0);opacity:0}}@keyframes fancybox-throwOutUp{to{transform:translate3d(0, -30%, 0);opacity:0}}@keyframes fancybox-throwOutDown{to{transform:translate3d(0, 30%, 0);opacity:0}}.fancybox__carousel .carousel__slide{scrollbar-width:thin;scrollbar-color:#ccc rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar{width:8px;height:8px}.fancybox__carousel .carousel__slide::-webkit-scrollbar-track{background-color:rgba(255,255,255,.1)}.fancybox__carousel .carousel__slide::-webkit-scrollbar-thumb{background-color:#ccc;border-radius:2px;box-shadow:inset 0 0 4px rgba(0,0,0,.2)}.fancybox__carousel.is-draggable .fancybox__slide,.fancybox__carousel.is-draggable .fancybox__slide .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel.is-dragging .fancybox__slide,.fancybox__carousel.is-dragging .fancybox__slide .fancybox__content{cursor:move;cursor:grabbing}.fancybox__carousel .fancybox__slide .fancybox__content{cursor:auto}.fancybox__carousel .fancybox__slide.can-zoom_in .fancybox__content{cursor:zoom-in}.fancybox__carousel .fancybox__slide.can-zoom_out .fancybox__content{cursor:zoom-out}.fancybox__carousel .fancybox__slide.is-draggable .fancybox__content{cursor:move;cursor:grab}.fancybox__carousel .fancybox__slide.is-dragging .fancybox__content{cursor:move;cursor:grabbing}.fancybox__image{transform-origin:0 0;user-select:none;transition:none}.has-image .fancybox__content{padding:0;background:rgba(0,0,0,0);min-height:1px}.is-closing .has-image .fancybox__content{overflow:visible}.has-image[data-image-fit=contain]{overflow:visible;touch-action:none}.has-image[data-image-fit=contain] .fancybox__content{flex-direction:row;flex-wrap:wrap}.has-image[data-image-fit=contain] .fancybox__image{max-width:100%;max-height:100%;object-fit:contain}.has-image[data-image-fit=contain-w]{overflow-x:hidden;overflow-y:auto}.has-image[data-image-fit=contain-w] .fancybox__content{min-height:auto}.has-image[data-image-fit=contain-w] .fancybox__image{max-width:100%;height:auto}.has-image[data-image-fit=cover]{overflow:visible;touch-action:none}.has-image[data-image-fit=cover] .fancybox__content{width:100%;height:100%}.has-image[data-image-fit=cover] .fancybox__image{width:100%;height:100%;object-fit:cover}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{max-width:100%;flex-shrink:1;min-height:1px;overflow:visible}.fancybox__carousel .fancybox__slide.has-iframe .fancybox__content,.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content{width:100%;height:80%}.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{width:960px;height:540px;max-width:100%;max-height:100%}.fancybox__carousel .fancybox__slide.has-map .fancybox__content,.fancybox__carousel .fancybox__slide.has-pdf .fancybox__content,.fancybox__carousel .fancybox__slide.has-video .fancybox__content,.fancybox__carousel .fancybox__slide.has-html5video .fancybox__content{padding:0;background:rgba(24,24,27,.9);color:#fff}.fancybox__carousel .fancybox__slide.has-map .fancybox__content{background:#e5e3df}.fancybox__html5video,.fancybox__iframe{border:0;display:block;height:100%;width:100%;background:rgba(0,0,0,0)}.fancybox-placeholder{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0}.fancybox__thumbs{flex:0 0 auto;position:relative;padding:0px 3px;opacity:var(--fancybox-opacity, 1)}.fancybox__container.is-animated[aria-hidden=false] .fancybox__thumbs{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__thumbs{opacity:0}.fancybox__thumbs .carousel__slide{flex:0 0 auto;width:var(--fancybox-thumbs-width, 96px);margin:0;padding:8px 3px;box-sizing:content-box;display:flex;align-items:center;justify-content:center;overflow:visible;cursor:pointer}.fancybox__thumbs .carousel__slide .fancybox__thumb::after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-width:5px;border-style:solid;border-color:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));opacity:0;transition:opacity .15s ease;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__thumbs .carousel__slide.is-nav-selected .fancybox__thumb::after{opacity:.92}.fancybox__thumbs .carousel__slide>*{pointer-events:none;user-select:none}.fancybox__thumb{position:relative;width:100%;padding-top:calc(100%/(var(--fancybox-thumbs-ratio, 1.5)));background-size:cover;background-position:center center;background-color:rgba(255,255,255,.1);background-repeat:no-repeat;border-radius:var(--fancybox-thumbs-border-radius, 4px)}.fancybox__toolbar{position:absolute;top:0;right:0;left:0;z-index:20;background:linear-gradient(to top, hsla(0deg, 0%, 0%, 0) 0%, hsla(0deg, 0%, 0%, 0.006) 8.1%, hsla(0deg, 0%, 0%, 0.021) 15.5%, hsla(0deg, 0%, 0%, 0.046) 22.5%, hsla(0deg, 0%, 0%, 0.077) 29%, hsla(0deg, 0%, 0%, 0.114) 35.3%, hsla(0deg, 0%, 0%, 0.155) 41.2%, hsla(0deg, 0%, 0%, 0.198) 47.1%, hsla(0deg, 0%, 0%, 0.242) 52.9%, hsla(0deg, 0%, 0%, 0.285) 58.8%, hsla(0deg, 0%, 0%, 0.326) 64.7%, hsla(0deg, 0%, 0%, 0.363) 71%, hsla(0deg, 0%, 0%, 0.394) 77.5%, hsla(0deg, 0%, 0%, 0.419) 84.5%, hsla(0deg, 0%, 0%, 0.434) 91.9%, hsla(0deg, 0%, 0%, 0.44) 100%);padding:0;touch-action:none;display:flex;justify-content:space-between;--carousel-button-svg-width: 20px;--carousel-button-svg-height: 20px;opacity:var(--fancybox-opacity, 1);text-shadow:var(--fancybox-toolbar-text-shadow, 1px 1px 1px rgba(0, 0, 0, 0.4))}@media all and (min-width: 1024px){.fancybox__toolbar{padding:8px}}.fancybox__container.is-animated[aria-hidden=false] .fancybox__toolbar{animation:.15s ease-in backwards fancybox-fadeIn}.fancybox__container.is-animated.is-closing .fancybox__toolbar{opacity:0}.fancybox__toolbar__items{display:flex}.fancybox__toolbar__items--left{margin-right:auto}.fancybox__toolbar__items--center{position:absolute;left:50%;transform:translateX(-50%)}.fancybox__toolbar__items--right{margin-left:auto}@media(max-width: 640px){.fancybox__toolbar__items--center:not(:last-child){display:none}}.fancybox__counter{min-width:72px;padding:0 10px;line-height:var(--carousel-button-height, 48px);text-align:center;font-size:17px;font-variant-numeric:tabular-nums;-webkit-font-smoothing:subpixel-antialiased}.fancybox__progress{background:var(--fancybox-accent-color, rgba(34, 213, 233, 0.96));height:3px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:30;user-select:none}.fancybox__container:fullscreen::backdrop{opacity:0}.fancybox__button--fullscreen g:nth-child(2){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(1){display:none}.fancybox__container:fullscreen .fancybox__button--fullscreen g:nth-child(2){display:block}.fancybox__button--slideshow g:nth-child(2){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(1){display:none}.fancybox__container.has-slideshow .fancybox__button--slideshow g:nth-child(2){display:block} /* End */ /* Start:/local/templates/main/assets/libs/select2/css/select2.min.css?170301404516264*/ .select2-container{box-sizing:border-box;display:inline-block;margin:0;position:relative;vertical-align:middle}.select2-container .select2-selection--single{box-sizing:border-box;cursor:pointer;display:block;height:28px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--single .select2-selection__rendered{display:block;padding-left:8px;padding-right:20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.select2-container .select2-selection--single .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container[dir="rtl"] .select2-selection--single .select2-selection__rendered{padding-right:8px;padding-left:20px}.select2-container .select2-selection--multiple{box-sizing:border-box;cursor:pointer;display:block;min-height:32px;user-select:none;-webkit-user-select:none}.select2-container .select2-selection--multiple .select2-selection__rendered{display:inline;list-style:none;padding:0}.select2-container .select2-selection--multiple .select2-selection__clear{background-color:transparent;border:none;font-size:1em}.select2-container .select2-search--inline .select2-search__field{box-sizing:border-box;border:none;font-size:100%;margin-top:5px;margin-left:5px;padding:0;max-width:100%;resize:none;height:18px;vertical-align:bottom;font-family:sans-serif;overflow:hidden;word-break:keep-all}.select2-container .select2-search--inline .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-dropdown{background-color:white;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:block;position:absolute;left:-100000px;width:100%;z-index:1051}.select2-results{display:block}.select2-results__options{list-style:none;margin:0;padding:0}.select2-results__option{padding:6px;user-select:none;-webkit-user-select:none}.select2-results__option--selectable{cursor:pointer}.select2-container--open .select2-dropdown{left:0}.select2-container--open .select2-dropdown--above{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--open .select2-dropdown--below{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-search--dropdown{display:block;padding:4px}.select2-search--dropdown .select2-search__field{padding:4px;width:100%;box-sizing:border-box}.select2-search--dropdown .select2-search__field::-webkit-search-cancel-button{-webkit-appearance:none}.select2-search--dropdown.select2-search--hide{display:none}.select2-close-mask{border:0;margin:0;padding:0;display:block;position:fixed;left:0;top:0;min-height:100%;min-width:100%;height:auto;width:auto;opacity:0;z-index:99;background-color:#fff;filter:alpha(opacity=0)}.select2-hidden-accessible{border:0 !important;clip:rect(0 0 0 0) !important;-webkit-clip-path:inset(50%) !important;clip-path:inset(50%) !important;height:1px !important;overflow:hidden !important;padding:0 !important;position:absolute !important;width:1px !important;white-space:nowrap !important}.select2-container--default .select2-selection--single{background-color:#fff;border:1px solid #aaa;border-radius:4px}.select2-container--default .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--default .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px;padding-right:0px}.select2-container--default .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--default .select2-selection--single .select2-selection__arrow{height:26px;position:absolute;top:1px;right:1px;width:20px}.select2-container--default .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--default[dir="rtl"] .select2-selection--single .select2-selection__arrow{left:1px;right:auto}.select2-container--default.select2-container--disabled .select2-selection--single{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection--single .select2-selection__clear{display:none}.select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--default .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;padding-bottom:5px;padding-right:5px;position:relative}.select2-container--default .select2-selection--multiple.select2-selection--clearable{padding-right:25px}.select2-container--default .select2-selection--multiple .select2-selection__clear{cursor:pointer;font-weight:bold;height:20px;margin-right:10px;margin-top:5px;position:absolute;right:0;padding:1px}.select2-container--default .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;box-sizing:border-box;display:inline-block;margin-left:5px;margin-top:5px;padding:0;padding-left:20px;position:relative;max-width:100%;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom;white-space:nowrap}.select2-container--default .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-right:1px solid #aaa;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#999;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px;position:absolute;left:0;top:0}.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover,.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:focus{background-color:#f1f1f1;color:#333;outline:none}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-left:1px solid #aaa;border-right:none;border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--default[dir="rtl"] .select2-selection--multiple .select2-selection__clear{float:left;margin-left:10px;margin-right:auto}.select2-container--default.select2-container--focus .select2-selection--multiple{border:solid black 1px;outline:0}.select2-container--default.select2-container--disabled .select2-selection--multiple{background-color:#eee;cursor:default}.select2-container--default.select2-container--disabled .select2-selection__choice__remove{display:none}.select2-container--default.select2-container--open.select2-container--above .select2-selection--single,.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple{border-top-left-radius:0;border-top-right-radius:0}.select2-container--default.select2-container--open.select2-container--below .select2-selection--single,.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--default .select2-search--dropdown .select2-search__field{border:1px solid #aaa}.select2-container--default .select2-search--inline .select2-search__field{background:transparent;border:none;outline:0;box-shadow:none;-webkit-appearance:textfield}.select2-container--default .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--default .select2-results__option .select2-results__option{padding-left:1em}.select2-container--default .select2-results__option .select2-results__option .select2-results__group{padding-left:0}.select2-container--default .select2-results__option .select2-results__option .select2-results__option{margin-left:-1em;padding-left:2em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-2em;padding-left:3em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-3em;padding-left:4em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-4em;padding-left:5em}.select2-container--default .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option .select2-results__option{margin-left:-5em;padding-left:6em}.select2-container--default .select2-results__option--group{padding:0}.select2-container--default .select2-results__option--disabled{color:#999}.select2-container--default .select2-results__option--selected{background-color:#ddd}.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background-color:#5897fb;color:white}.select2-container--default .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic .select2-selection--single{background-color:#f7f7f7;border:1px solid #aaa;border-radius:4px;outline:0;background-image:-webkit-linear-gradient(top, #fff 50%, #eee 100%);background-image:-o-linear-gradient(top, #fff 50%, #eee 100%);background-image:linear-gradient(to bottom, #fff 50%, #eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic .select2-selection--single:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--single .select2-selection__rendered{color:#444;line-height:28px}.select2-container--classic .select2-selection--single .select2-selection__clear{cursor:pointer;float:right;font-weight:bold;height:26px;margin-right:20px}.select2-container--classic .select2-selection--single .select2-selection__placeholder{color:#999}.select2-container--classic .select2-selection--single .select2-selection__arrow{background-color:#ddd;border:none;border-left:1px solid #aaa;border-top-right-radius:4px;border-bottom-right-radius:4px;height:26px;position:absolute;top:1px;right:1px;width:20px;background-image:-webkit-linear-gradient(top, #eee 50%, #ccc 100%);background-image:-o-linear-gradient(top, #eee 50%, #ccc 100%);background-image:linear-gradient(to bottom, #eee 50%, #ccc 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFCCCCCC', GradientType=0)}.select2-container--classic .select2-selection--single .select2-selection__arrow b{border-color:#888 transparent transparent transparent;border-style:solid;border-width:5px 4px 0 4px;height:0;left:50%;margin-left:-4px;margin-top:-2px;position:absolute;top:50%;width:0}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__clear{float:left}.select2-container--classic[dir="rtl"] .select2-selection--single .select2-selection__arrow{border:none;border-right:1px solid #aaa;border-radius:0;border-top-left-radius:4px;border-bottom-left-radius:4px;left:1px;right:auto}.select2-container--classic.select2-container--open .select2-selection--single{border:1px solid #5897fb}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow{background:transparent;border:none}.select2-container--classic.select2-container--open .select2-selection--single .select2-selection__arrow b{border-color:transparent transparent #888 transparent;border-width:0 4px 5px 4px}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--single{border-top:none;border-top-left-radius:0;border-top-right-radius:0;background-image:-webkit-linear-gradient(top, #fff 0%, #eee 50%);background-image:-o-linear-gradient(top, #fff 0%, #eee 50%);background-image:linear-gradient(to bottom, #fff 0%, #eee 50%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFFFF', endColorstr='#FFEEEEEE', GradientType=0)}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--single{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0;background-image:-webkit-linear-gradient(top, #eee 50%, #fff 100%);background-image:-o-linear-gradient(top, #eee 50%, #fff 100%);background-image:linear-gradient(to bottom, #eee 50%, #fff 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFEEEEEE', endColorstr='#FFFFFFFF', GradientType=0)}.select2-container--classic .select2-selection--multiple{background-color:white;border:1px solid #aaa;border-radius:4px;cursor:text;outline:0;padding-bottom:5px;padding-right:5px}.select2-container--classic .select2-selection--multiple:focus{border:1px solid #5897fb}.select2-container--classic .select2-selection--multiple .select2-selection__clear{display:none}.select2-container--classic .select2-selection--multiple .select2-selection__choice{background-color:#e4e4e4;border:1px solid #aaa;border-radius:4px;display:inline-block;margin-left:5px;margin-top:5px;padding:0}.select2-container--classic .select2-selection--multiple .select2-selection__choice__display{cursor:default;padding-left:2px;padding-right:5px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove{background-color:transparent;border:none;border-top-left-radius:4px;border-bottom-left-radius:4px;color:#888;cursor:pointer;font-size:1em;font-weight:bold;padding:0 4px}.select2-container--classic .select2-selection--multiple .select2-selection__choice__remove:hover{color:#555;outline:none}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice{margin-left:5px;margin-right:auto}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__display{padding-left:5px;padding-right:2px}.select2-container--classic[dir="rtl"] .select2-selection--multiple .select2-selection__choice__remove{border-top-left-radius:0;border-bottom-left-radius:0;border-top-right-radius:4px;border-bottom-right-radius:4px}.select2-container--classic.select2-container--open .select2-selection--multiple{border:1px solid #5897fb}.select2-container--classic.select2-container--open.select2-container--above .select2-selection--multiple{border-top:none;border-top-left-radius:0;border-top-right-radius:0}.select2-container--classic.select2-container--open.select2-container--below .select2-selection--multiple{border-bottom:none;border-bottom-left-radius:0;border-bottom-right-radius:0}.select2-container--classic .select2-search--dropdown .select2-search__field{border:1px solid #aaa;outline:0}.select2-container--classic .select2-search--inline .select2-search__field{outline:0;box-shadow:none}.select2-container--classic .select2-dropdown{background-color:#fff;border:1px solid transparent}.select2-container--classic .select2-dropdown--above{border-bottom:none}.select2-container--classic .select2-dropdown--below{border-top:none}.select2-container--classic .select2-results>.select2-results__options{max-height:200px;overflow-y:auto}.select2-container--classic .select2-results__option--group{padding:0}.select2-container--classic .select2-results__option--disabled{color:grey}.select2-container--classic .select2-results__option--highlighted.select2-results__option--selectable{background-color:#3875d7;color:#fff}.select2-container--classic .select2-results__group{cursor:default;display:block;padding:6px}.select2-container--classic.select2-container--open .select2-dropdown{border-color:#5897fb} /* End */ /* Start:/local/templates/main/assets/libs/air-datepicker/datepicker.min.css?170301404612257*/ .datepicker--cells{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap}.datepicker--cell{border-radius:4px;box-sizing:border-box;cursor:pointer;display:-webkit-flex;display:-ms-flexbox;display:flex;position:relative;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;height:32px;z-index:1}.datepicker--cell.-focus-{background:#f0f0f0}.datepicker--cell.-current-{color:#4EB5E6}.datepicker--cell.-current-.-focus-{color:#4a4a4a}.datepicker--cell.-current-.-in-range-{color:#4EB5E6}.datepicker--cell.-in-range-{background:rgba(92,196,239,.1);color:#4a4a4a;border-radius:0}.datepicker--cell.-in-range-.-focus-{background-color:rgba(92,196,239,.2)}.datepicker--cell.-disabled-{cursor:default;color:#aeaeae}.datepicker--cell.-disabled-.-focus-{color:#aeaeae}.datepicker--cell.-disabled-.-in-range-{color:#a1a1a1}.datepicker--cell.-disabled-.-current-.-focus-{color:#aeaeae}.datepicker--cell.-range-from-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:4px 0 0 4px}.datepicker--cell.-range-to-{border:1px solid rgba(92,196,239,.5);background-color:rgba(92,196,239,.1);border-radius:0 4px 4px 0}.datepicker--cell.-selected-,.datepicker--cell.-selected-.-current-{color:#fff;background:#5cc4ef}.datepicker--cell.-range-from-.-range-to-{border-radius:4px}.datepicker--cell.-selected-{border:none}.datepicker--cell.-selected-.-focus-{background:#45bced}.datepicker--cell:empty{cursor:default}.datepicker--days-names{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:8px 0 3px}.datepicker--day-name{color:#FF9A19;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-flex:1;-ms-flex:1;flex:1;text-align:center;text-transform:uppercase;font-size:.8em}.-only-timepicker- .datepicker--content,.datepicker--body,.datepicker-inline .datepicker--pointer{display:none}.datepicker--cell-day{width:14.28571%}.datepicker--cells-months{height:170px}.datepicker--cell-month{width:33.33%;height:25%}.datepicker--cells-years,.datepicker--years{height:170px}.datepicker--cell-year{width:25%;height:33.33%}.datepickers-container{position:absolute;left:0;top:0}@media print{.datepickers-container{display:none}}.datepicker{background:#fff;border:1px solid #dbdbdb;box-shadow:0 4px 12px rgba(0,0,0,.15);border-radius:4px;box-sizing:content-box;font-family:Tahoma,sans-serif;font-size:14px;color:#4a4a4a;width:250px;position:absolute;left:-100000px;opacity:0;transition:opacity .3s ease,left 0s .3s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s .3s;transition:opacity .3s ease,transform .3s ease,left 0s .3s,-webkit-transform .3s ease;z-index:100}.datepicker.-from-top-{-webkit-transform:translateY(-8px);transform:translateY(-8px)}.datepicker.-from-right-{-webkit-transform:translateX(8px);transform:translateX(8px)}.datepicker.-from-bottom-{-webkit-transform:translateY(8px);transform:translateY(8px)}.datepicker.-from-left-{-webkit-transform:translateX(-8px);transform:translateX(-8px)}.datepicker.active{opacity:1;-webkit-transform:translate(0);transform:translate(0);transition:opacity .3s ease,left 0s 0s,-webkit-transform .3s ease;transition:opacity .3s ease,transform .3s ease,left 0s 0s;transition:opacity .3s ease,transform .3s ease,left 0s 0s,-webkit-transform .3s ease}.datepicker-inline .datepicker{border-color:#d7d7d7;box-shadow:none;position:static;left:auto;right:auto;opacity:1;-webkit-transform:none;transform:none}.datepicker--content{box-sizing:content-box;padding:4px}.datepicker--pointer{position:absolute;background:#fff;border-top:1px solid #dbdbdb;border-right:1px solid #dbdbdb;width:10px;height:10px;z-index:-1}.datepicker--nav-action:hover,.datepicker--nav-title:hover{background:#f0f0f0}.-top-center- .datepicker--pointer,.-top-left- .datepicker--pointer,.-top-right- .datepicker--pointer{top:calc(100% - 4px);-webkit-transform:rotate(135deg);transform:rotate(135deg)}.-right-bottom- .datepicker--pointer,.-right-center- .datepicker--pointer,.-right-top- .datepicker--pointer{right:calc(100% - 4px);-webkit-transform:rotate(225deg);transform:rotate(225deg)}.-bottom-center- .datepicker--pointer,.-bottom-left- .datepicker--pointer,.-bottom-right- .datepicker--pointer{bottom:calc(100% - 4px);-webkit-transform:rotate(315deg);transform:rotate(315deg)}.-left-bottom- .datepicker--pointer,.-left-center- .datepicker--pointer,.-left-top- .datepicker--pointer{left:calc(100% - 4px);-webkit-transform:rotate(45deg);transform:rotate(45deg)}.-bottom-left- .datepicker--pointer,.-top-left- .datepicker--pointer{left:10px}.-bottom-right- .datepicker--pointer,.-top-right- .datepicker--pointer{right:10px}.-bottom-center- .datepicker--pointer,.-top-center- .datepicker--pointer{left:calc(50% - 10px / 2)}.-left-top- .datepicker--pointer,.-right-top- .datepicker--pointer{top:10px}.-left-bottom- .datepicker--pointer,.-right-bottom- .datepicker--pointer{bottom:10px}.-left-center- .datepicker--pointer,.-right-center- .datepicker--pointer{top:calc(50% - 10px / 2)}.datepicker--body.active{display:block}.datepicker--nav{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;border-bottom:1px solid #efefef;min-height:32px;padding:4px}.-only-timepicker- .datepicker--nav{display:none}.datepicker--nav-action,.datepicker--nav-title{display:-webkit-flex;display:-ms-flexbox;display:flex;cursor:pointer;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.datepicker--nav-action{width:32px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker--nav-action.-disabled-{visibility:hidden}.datepicker--nav-action svg{width:32px;height:32px}.datepicker--nav-action path{fill:none;stroke:#9c9c9c;stroke-width:2px}.datepicker--nav-title{border-radius:4px;padding:0 8px}.datepicker--buttons,.datepicker--time{border-top:1px solid #efefef;padding:4px}.datepicker--nav-title i{font-style:normal;color:#9c9c9c;margin-left:5px}.datepicker--nav-title.-disabled-{cursor:default;background:0 0}.datepicker--buttons{display:-webkit-flex;display:-ms-flexbox;display:flex}.datepicker--button{color:#4EB5E6;cursor:pointer;border-radius:4px;-webkit-flex:1;-ms-flex:1;flex:1;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;height:32px}.datepicker--button:hover{color:#4a4a4a;background:#f0f0f0}.datepicker--time{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;position:relative}.datepicker--time.-am-pm- .datepicker--time-sliders{-webkit-flex:0 1 138px;-ms-flex:0 1 138px;flex:0 1 138px;max-width:138px}.-only-timepicker- .datepicker--time{border-top:none}.datepicker--time-sliders{-webkit-flex:0 1 153px;-ms-flex:0 1 153px;flex:0 1 153px;margin-right:10px;max-width:153px}.datepicker--time-label{display:none;font-size:12px}.datepicker--time-current{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-flex:1;-ms-flex:1;flex:1;font-size:14px;text-align:center;margin:0 0 0 10px}.datepicker--time-current-colon{margin:0 2px 3px;line-height:1}.datepicker--time-current-hours,.datepicker--time-current-minutes{line-height:1;font-size:19px;font-family:"Century Gothic",CenturyGothic,AppleGothic,sans-serif;position:relative;z-index:1}.datepicker--time-current-hours:after,.datepicker--time-current-minutes:after{content:'';background:#f0f0f0;border-radius:4px;position:absolute;left:-2px;top:-3px;right:-2px;bottom:-2px;z-index:-1;opacity:0}.datepicker--time-current-hours.-focus-:after,.datepicker--time-current-minutes.-focus-:after{opacity:1}.datepicker--time-current-ampm{text-transform:uppercase;-webkit-align-self:flex-end;-ms-flex-item-align:end;align-self:flex-end;color:#9c9c9c;margin-left:6px;font-size:11px;margin-bottom:1px}.datepicker--time-row{display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-align-items:center;-ms-flex-align:center;align-items:center;font-size:11px;height:17px;background:linear-gradient(to right,#dedede,#dedede) left 50%/100% 1px no-repeat}.datepicker--time-row:first-child{margin-bottom:4px}.datepicker--time-row input[type=range]{background:0 0;cursor:pointer;-webkit-flex:1;-ms-flex:1;flex:1;height:100%;padding:0;margin:0;-webkit-appearance:none}.datepicker--time-row input[type=range]::-ms-tooltip{display:none}.datepicker--time-row input[type=range]:hover::-webkit-slider-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-moz-range-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:hover::-ms-thumb{border-color:#b8b8b8}.datepicker--time-row input[type=range]:focus{outline:0}.datepicker--time-row input[type=range]:focus::-webkit-slider-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-moz-range-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]:focus::-ms-thumb{background:#5cc4ef;border-color:#5cc4ef}.datepicker--time-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s;margin-top:-6px}.datepicker--time-row input[type=range]::-moz-range-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-ms-thumb{box-sizing:border-box;height:12px;width:12px;border-radius:3px;border:1px solid #dedede;background:#fff;cursor:pointer;transition:background .2s}.datepicker--time-row input[type=range]::-webkit-slider-runnable-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-moz-range-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-track{border:none;height:1px;cursor:pointer;color:transparent;background:0 0}.datepicker--time-row input[type=range]::-ms-fill-lower{background:0 0}.datepicker--time-row input[type=range]::-ms-fill-upper{background:0 0}.datepicker--time-row span{padding:0 12px}.datepicker--time-icon{color:#9c9c9c;border:1px solid;border-radius:50%;font-size:16px;position:relative;margin:0 5px -1px 0;width:1em;height:1em}.datepicker--time-icon:after,.datepicker--time-icon:before{content:'';background:currentColor;position:absolute}.datepicker--time-icon:after{height:.4em;width:1px;left:calc(50% - 1px);top:calc(50% + 1px);-webkit-transform:translateY(-100%);transform:translateY(-100%)}.datepicker--time-icon:before{width:.4em;height:1px;top:calc(50% + 1px);left:calc(50% - 1px)}.datepicker--cell-day.-other-month-,.datepicker--cell-year.-other-decade-{color:#dedede}.datepicker--cell-day.-other-month-:hover,.datepicker--cell-year.-other-decade-:hover{color:#c5c5c5}.-disabled-.-focus-.datepicker--cell-day.-other-month-,.-disabled-.-focus-.datepicker--cell-year.-other-decade-{color:#dedede}.-selected-.datepicker--cell-day.-other-month-,.-selected-.datepicker--cell-year.-other-decade-{color:#fff;background:#a2ddf6}.-selected-.-focus-.datepicker--cell-day.-other-month-,.-selected-.-focus-.datepicker--cell-year.-other-decade-{background:#8ad5f4}.-in-range-.datepicker--cell-day.-other-month-,.-in-range-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.1);color:#ccc}.-in-range-.-focus-.datepicker--cell-day.-other-month-,.-in-range-.-focus-.datepicker--cell-year.-other-decade-{background-color:rgba(92,196,239,.2)}.datepicker--cell-day.-other-month-:empty,.datepicker--cell-year.-other-decade-:empty{background:0 0;border:none} /* End */ /* Start:/local/templates/main/assets/styles/main.css?1750770834433980*/ @charset "UTF-8"; /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } @font-face { font-family: 'Gotham Pro'; src: url("/local/templates/main/assets/styles/../fonts/GothamPro/GothamPro-Medium.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Pro'; src: url("/local/templates/main/assets/styles/../fonts/GothamPro/GothamPro-Light.woff2") format("woff2"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Pro'; src: url("/local/templates/main/assets/styles/../fonts/GothamPro/GothamPro.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Pro'; src: url("/local/templates/main/assets/styles/../fonts/GothamPro/GothamPro-Bold.woff2") format("woff2"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Gotham Pro'; src: url("/local/templates/main/assets/styles/../fonts/GothamPro/GothamPro-Black.woff2") format("woff2"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'LetoSans'; src: url("/local/templates/main/assets/styles/../fonts/LetoSans/LetoSans-Thin.woff2") format("woff2"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'LetoSans'; src: url("/local/templates/main/assets/styles/../fonts/LetoSans/LetoSans.woff2") format("woff2"); font-weight: normal; font-style: normal; font-display: swap; } * { box-sizing: border-box; } h1, h2, h3, h4, h5, h6, ul { margin: 0; padding: 0; } html { height: 100%; } body { font-family: "Gotham Pro", sans-serif; color: #333; width: 100%; font-size: 12px; overflow-y: scroll; } .body_light { color: #231F20; } .body_dark { color: #FFFFFF; background-color: #231F20; } .body_dark .wrapper { background-color: #231F20; } .over { overflow: hidden; } .container { width: 100%; max-width: 1270px; padding: 0 15px; margin: 0 auto; position: relative; } .container_big { max-width: 1470px; } p { margin: 10px 0 15px; } p:first-child { margin-top: 0; } a { outline: none; color: inherit; text-decoration: none; transition: 0.2s color; } a:hover, a:focus { outline: none; text-decoration: none; } [data-fancybox] { cursor: pointer; } img { max-width: 100%; } .wrapper { width: 100%; min-height: 350px; } h1, h2, h3, h4, h5, h6 { margin: 0; font-family: "LetoSans", sans-serif; line-height: 1.23; color: #21263C; font-weight: 500; } h1 { font-size: 30px; text-transform: uppercase; } h2 { font-size: 20px; text-transform: uppercase; margin-bottom: 1em; } h3 { font-size: 18px; text-transform: uppercase; } table { width: 100%; border-collapse: collapse; margin: 15px 0; } table tr td { padding: 10px 15px; } table tr:nth-child(odd) { background-color: #F9FAFB; } .scroll-styled::-webkit-scrollbar { width: 4px; } .scroll-styled::-webkit-scrollbar-track { box-shadow: none; } .scroll-styled::-webkit-scrollbar-thumb { background-color: #DFE6EA; border-radius: 2px; } .blackbg { width: 100vw; height: 100vh; background-color: rgba(0, 0, 0, 0.8); position: fixed; top: 0; left: 0; z-index: 90; display: none; } .nowrap { white-space: nowrap; } .slick-slide { outline: none; } .slick-dots { text-align: center; line-height: 0; margin: 10px 0; } .slick-dots li { display: inline-block; margin: 0 3px; } .slick-dots li::marker { display: none; } .slick-dots li.slick-active button { background-color: #4A82C4; } .slick-dots li button { font-size: 0; padding: 0; width: 6px; height: 6px; border-radius: 50%; background-color: #CCECFF; border: none; display: inline-block; outline: none; transition: 0.2s; } .slick-dots li:only-child { visibility: hidden; } .slick-arrow { width: 30px; height: 30px; position: absolute; top: 50%; transform: translateY(-50%); cursor: pointer; z-index: 1; } .slick-arrow svg { width: 100%; height: 100%; stroke: #9FD6F7; transition: 0.2s; } .slick-arrow.prev { left: 0; } .slick-arrow.next { right: 0; } .slick-arrow:hover svg { stroke: #4A82C4; } .slick-arrow.slick-disabled { cursor: initial; } .slick-arrow.slick-disabled svg { stroke: #DFE6EA; } .visually-hidden { position: absolute; width: 1px; height: 1px; margin: -1px; border: 0; padding: 0; clip: rect(0 0 0 0); overflow: hidden; } html.over .widget-cart { display: none; } .footer { background-color: #231F20; padding: 40px 0 35px; color: #FFFFFF; margin-top: 120px; } .footer__row { display: flex; } .footer__info { display: flex; align-items: flex-end; flex: 0 0 400px; margin-right: 20px; padding-bottom: 35px; } .footer__logo svg { width: 122px; height: 30px; fill: #FFFFFF; } .footer__text { margin-top: 30px; font-weight: 300; font-size: 14px; } .footer__text p { margin: 0; font-weight: normal; } .footer__phone { display: inline-block; font-family: "LetoSans", sans-serif; font-weight: normal; font-size: 20px; line-height: 1.3; margin-bottom: 10px; } .footer__text-title { margin-top: 30px; font-size: 12px; line-height: 1.5; } .footer__content { flex: 1 1 100%; } .footer__cat-title { margin-bottom: 20px; } .footer__cat-title:first-child { margin-top: 24px; } .footer__cat-title-link { display: flex; max-width: 170px; font-family: "LetoSans", sans-serif; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; transition: 0.2s; } .footer__cat-title-link:hover { color: #ED1C24; } .footer__cat-title-link_indent { margin-bottom: 15px; } .footer__cat-list { display: flex; flex-wrap: wrap; margin-bottom: 40px; } .footer__cat-item { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 4 - (10px * (4 - 1)) / 4); max-width: calc(100% / 4 - (10px * (4 - 1)) / 4); margin-bottom: 7px; } .footer__cat-item:nth-child(5n) { margin-right: 10px; } .footer__cat-item:nth-child(4n) { margin-right: 0; } .footer__cat-item_full { margin-right: auto; } .footer__cat-item svg { stroke: #FFFFFF; } .footer__cat-link { display: flex; align-items: center; font-size: 14px; font-weight: 300; color: #FFFFFF; padding-bottom: 2px; transition: 0.2s; } .footer__cat-link svg { width: 30px; height: 30px; stroke: #FFF200; margin-left: 13px; opacity: 0; transition: 0.2s; } .footer__cat-link:hover { color: #FFF200; } .footer__cat-link:hover svg { opacity: 1; } .footer__copyright { font-weight: 300; font-size: 14px; color: rgba(255, 255, 255, 0.6); } .footer_dark { margin-top: 80px; border-top: 1px solid #484848; } .header { position: sticky; top: 0; z-index: 99; /* &:not(.header_opencats){ .header{ &__logo{ @include m-phone(){ display: block; position: fixed; top: 0; left: 0; width: 100%; background: #fff; z-index: 100; border: none; padding: 15px 0 10px; max-width: initial; text-align: center; } } } }*/ } .header_opensearch .header__nav { visibility: hidden; } .header_opensearch .header__logo { border-color: transparent; } .header_opensearch .header__search-wrap { width: 890px; } .header_opensearch .header__search-close { display: block; } .header_opencats .header__bottom { display: block; height: 72px; background-color: #484848; } .header_opencats .header__category-list.active { display: block; } .header__link-result { display: flex; align-items: center; margin-top: 10px; color: #1E7FB9; text-transform: uppercase; } .header__link-result svg { margin-left: 15px; } .header__more-block { display: none; padding-top: 15px; padding-bottom: 15px; background-color: #FFFFFF; } .header__status-list { display: flex; flex-wrap: wrap; } .header__status-item { margin-right: 10px; margin-bottom: 10px; padding: 7px; font-size: 12px; font-weight: 700; line-height: 11px; border-radius: 4px; border: none; } .header__status-item_green { background: rgba(23, 143, 61, 0.05); color: #333; } .header__status-item_green.active { color: #FFFFFF; background: #178F3D; } .header__status-item_red { background: #F9DEE0; color: #D62230; } .header__status-item_gray { background: rgba(93, 106, 137, 0.1); color: #5D6A89; } .header__status-item_gray.active { background-color: #5D6A89; color: #fff; } .header__status-item_yellow { background: #FEF3D9; color: #FFB500; } .header__status-item_light-gray { background: rgba(74, 130, 196, 0.05); color: #999999; } .header__status-item_blue { background: rgba(74, 130, 196, 0.05); color: #4A82C4; } .header__status-item_blue.active { background-color: #4A82C4; color: #fff; } .header__status-item_pigeon-blue { background: #ECEFF1; color: #607C8E; } .header__status-item_dark-blue { background: #E5E4EC; color: #524882; } .header__status-item_orange { background: #FDE9DB; color: #EA6D1F; } .header__status-item_black { background: #EBEBEB; color: #333333; } .header__top { padding: 13px 0; background-color: #231F20; border-bottom: 1px solid #5C5D60; transition: background-color 0.2s; position: relative; } .header__top:before { content: ''; width: 100%; height: 0; background-color: #231F20; position: absolute; top: 0; left: 0; opacity: 1; transition: .2s; z-index: 1; } .header__top_gray:before { height: 100%; } .header__row { display: flex; align-items: center; justify-content: space-between; } .header__menu-btn { display: none; padding-right: 15px; border-right: 1px solid #EFF2F4; transition: 0.2s; width: 45px; height: 30px; position: relative; } .header__menu-btn span { display: block; width: 20px; height: 1px; background-color: #FFFFFF; position: absolute; left: 5px; transition: 0.2s; } .header__menu-btn span:nth-child(1) { top: 11px; } .header__menu-btn span:nth-child(2) { top: 19px; width: 15px; } .header__menu-btn.active span:nth-child(1) { transform: rotate(-45deg); top: 14px; } .header__menu-btn.active span:nth-child(2) { transform: rotate(45deg); top: 14px; width: 20px; } .header__menu { display: none; position: fixed; z-index: 99; top: 50px; left: 0; background-color: #231F20; width: 100%; height: calc(100vh - 50px); padding-bottom: 40px; } .header__menu-wrap { width: 100%; max-width: 375px; margin: 0 auto; padding: 20px 15px; max-height: 100%; overflow-x: auto; } .header__menu .header__logo { position: static !important; display: inline-block !important; border-right: none !important; margin-bottom: 20px !important; padding: 0 !important; width: initial !important; } .header__menu .header__logo svg { width: 122px; height: 30px; } .header__menu .header__nav { display: block; } .header__menu .header__nav-item { margin-right: 0 !important; } .header__menu .header__nav-title { display: inline-block; font-size: 12px; padding: 5px 0; margin-top: 35px; } .header__menu .header__links { display: block; margin-left: 0; } .header__menu .header__links-item { margin-top: 40px; } .header__menu .header__link { font-size: 14px; line-height: 1.5; padding: 0; } .header__menu .header__link_btn { padding: 12px 18px; font-size: 12px; font-weight: 500; letter-spacing: 0.1em; text-transform: uppercase; background-color: #484848; border: 1px solid #484848; border-radius: 10px; } .header__menu .header__controls { display: block; border-top: 1px solid #EFF2F4; margin-top: 30px; } .header__menu .header__controls-item { margin-top: 25px; } .header__menu .header__controls-item_user { display: block; } .header__menu .header__controls-item_user .header__control { flex-wrap: wrap; } .header__menu .header__controls-item:not(:first-child) { margin-left: 0; } .header__menu .header__control span { display: initial; max-width: 150px; font-size: 14px; line-height: 1.5; } .header__menu .header__control-nav { position: static; border: none; text-align: left; padding: 20px 0 0 37px; } .header__menu .header__control-nav-item:not(:last-child) { margin-bottom: 25px; } .header__menu .header__control-nav-link { font-size: 14px; } .header__menu .header__category-list { display: block; } .header__socials { border-top: 1px solid #EFF2F4; margin-top: 30px; padding-top: 30px; } .header__socials-list { display: flex; } .header__socials-item { width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; border: 1px solid #ED1C24; border-radius: 10px; } .header__socials-item svg { fill: #ED1C24; } .header__socials-item:not(:last-child) { margin-right: 20px; } .header__socials-item.active { border-color: #ED1C24; } .header__socials-item.active svg { fill: #ED1C24; } .header__socials-content { margin-top: 20px; display: none; } .header__socials-link { display: inline-block; font-size: 14px; line-height: 1.57; color: #ED1C24; } .header__socials-link:not(:last-child) { margin-right: 25px; } .header__logo { max-width: 143px; padding-right: 15px; border-right: 1px solid #484848; position: relative; z-index: 2; transition: border-color 0.2s; } .header__logo svg { width: 122px; height: 30px; fill: #FFFFFF; } .header__search { margin-left: 12px; position: relative; z-index: 2; } .header__search-wrap { position: absolute; left: 40px; top: 0; width: 0; transition: width .5s; } .header__search-row { display: flex; width: 100%; overflow: hidden; } .header__search-input { display: block; width: 100%; height: 30px; padding: 0 14px; font-family: "Gotham Pro", sans-serif; font-size: 16px; line-height: 1; color: #FFFFFF; border: none; background-color: transparent; outline: none; } .header__search-controls { display: flex; margin-left: 15px; } .header__search-control { position: relative; cursor: pointer; } .header__search-control:not(:last-child) { margin-right: 30px; } .header__search-control:not(:last-child):before { content: ''; width: 1px; height: 18px; position: absolute; right: -15px; background-color: #DFE6EA; top: 6px; } .header__search-control svg { width: 30px; height: 30px; stroke: #FFFFFF; transition: 0.2s; } .header__search-control_hide { display: none; } .header__search-control:hover svg { stroke: #FFF200; } .header__search-btn { cursor: pointer; } .header__search-btn svg { width: 30px; height: 30px; stroke: #FFFFFF; transition: 0.2s; } .header__search-btn:hover svg { stroke: #FFF200; } .header__links { display: flex; align-items: center; margin-left: 7px; } .header__links-item { line-height: 1; } .header__links-item:not(:last-child) { margin-right: 3px; } .header__link { font-size: 12px; color: #DBDBDB; padding: 8px 6px; } .header__link.active { color: #FFF200; } .header__link:hover { color: #FFF200; } .header__nav { display: flex; align-items: center; margin-left: auto; margin-right: auto; } .header__nav-item:not(:last-child) { margin-right: 12px; } .header__nav-title { position: relative; font-size: 12px; font-weight: 500; color: #9E9E9E; letter-spacing: 0.2em; text-transform: uppercase; padding: 10px; border-radius: 10px; } .header__nav-title span { position: relative; z-index: 2; } .header__nav-title:hover { color: #FFF200; background-color: #5C5D60; } .header__nav-title.active { color: #FFFFFF; } .header__nav-title.active:hover { background-color: transparent; } .header__nav-title.active::before { position: absolute; bottom: -15px; left: 49%; content: ''; display: block; width: 90px; height: 49px; background-image: url("/local/templates/main/assets/styles/../img/content/active-bg.png"); background-size: 90px 49px; background-repeat: no-repeat; transform: translateX(-50%); z-index: 0; } .header__nav-title_once { border: 1px solid transparent; } .header__nav-title_once.active { border-radius: 10px; color: #FFFFFF; background-color: #5C5D60; } .header__nav-title_once.active::before { content: none; } .header__controls { display: flex; align-items: center; } .header__controls-item:not(:first-child) { margin-left: 18px; } .header__controls-item_user .header__control svg { stroke: #DBDBDB; } .header__controls-item_user .header__control span { display: initial; color: #DBDBDB; } .header__controls-item_user .header__control-arrow svg { stroke: #FFFFFF; } .header__controls-item.active .header__control-arrow svg { transform: rotate(180deg); } .header__control { position: relative; display: flex; align-items: center; cursor: pointer; color: #DBDBDB; } .header__control svg { width: 30px; height: 30px; stroke: #DBDBDB; transition: 0.2s; } .header__control span { display: none; font-family: "LetoSans", sans-serif; margin-left: 16px; font-size: 12px; line-height: 1; transition: 0.2s; white-space: nowrap; max-width: 103px; text-overflow: ellipsis; overflow: hidden; } .header__control-link { display: block !important; font-weight: 400; font-size: 12px; line-height: 100%; color: #E7E7E7; } .header__control:hover svg { stroke: #FFFFFF; } .header__control:hover span { color: #FFFFFF; } .header__control-dot { width: 9px; height: 9px; border-radius: 50%; background-color: #FFFFFF; position: absolute; left: 20px; bottom: 3px; } .header__control-arrow svg { width: 20px; height: 20px; stroke: #4A82C4; } .header__control-nav { display: none; position: absolute; top: 100%; z-index: 1000; background: #231F20; right: 0; padding: 14px 20px; text-align: right; border: 1px solid #484848; } .header__control-nav-item:not(:last-child) { margin-bottom: 10px; } .header__control-nav-link { display: inline-block; padding: 6px; white-space: nowrap; } .header__control-nav-link:hover { color: #FFF200; } .header__bottom { background-color: #F9FAFB; display: none; position: relative; z-index: 10; } .header__category-list { display: none; overflow-x: auto; white-space: nowrap; scroll-snap-type: x mandatory; text-align: center; } .header__category-item { scroll-snap-align: start end; display: inline-block; } .header__category-item.active .header__category { color: #FFF200; } .header__category-item.active .header__category-ico svg { fill: #FFF200; } .header__category-item.active .header__category-name { color: #FFF200; } .header__category { display: block; padding: 8px 10px 9px; margin: 0 20px; color: #DBDBDB; } .header__category:hover { color: #FFF200; } .header__category:hover .header__category-ico svg { fill: #FFF200; } .header__category:hover .header__category-ico_stroke svg { stroke: #FFF200; stroke-width: 2; } .header__category:hover .header__category-name { color: #FFF200; } .header__category-ico { text-align: center; } .header__category-ico svg { width: 35px; height: 35px; fill: #DBDBDB; transition: 0.2s; } .header__category-ico_stroke svg { stroke: #DBDBDB; stroke-width: 2; } .header__category-name { line-height: 1.5; transition: 0.2s; } .header_dark .mapblock__back svg { stroke: #E7E7E7; } .header_dark .mapblock__filter svg { stroke: #FFFFFF; } .main { font-size: calc((100vw / 1920) * 10); padding-top: 6em; height: calc(100vh - 63px); overflow: hidden; max-height: 92.4em; } .main .container { height: 100%; } .main__wrap { position: relative; height: 100%; } .main__title { font-weight: 700; font-size: 1em; letter-spacing: 0.2em; line-height: 1; text-transform: uppercase; position: absolute; top: -4em; left: 0; z-index: 5; will-change: transform, font-size; } .main__title span { display: block; opacity: 0; } .main__descr { position: absolute; top: 2.125em; left: 0; font-weight: 300; text-transform: uppercase; font-size: 3.55em; line-height: 1.25; max-width: 15em; opacity: 0; z-index: -1; } .main__button { position: absolute; top: 67em; left: 0; transform: translate(0, 25em); opacity: 0; width: 300px; } .main__info { position: absolute; top: 43em; width: 44.5em; display: flex; align-items: flex-start; justify-content: space-between; flex-wrap: wrap; transform: translate(-50%, 50em); opacity: 0; left: 50%; margin-left: 31em; } .main__info-item { flex-grow: 0; flex-shrink: 1; padding-top: 1em; border-top: 0.4em solid #FFFFFF; } .main__info-item_first { flex-basis: 22em; margin-right: 3.3em; } .main__info-item_second { flex-basis: 19em; } .main__info-item_third { flex-basis: 44.3em; margin-top: 3.2em; display: flex; align-items: flex-start; justify-content: flex-start; } .main__info-num { font-weight: 250; font-size: 6em; line-height: 1.3; text-transform: uppercase; font-family: "LetoSans", sans-serif; } .main__info-descr { font-size: 1.8em; line-height: 1.5; } .main__info-plus { font-weight: 250; font-size: 6em; line-height: 0.6; text-transform: uppercase; margin-right: 0.5em; font-family: "LetoSans", sans-serif; } .main__images { position: relative; height: 100%; pointer-events: none; } .main__image { position: absolute; bottom: 50%; left: 50%; transform: translate(-50%, 50%); width: 100vw; height: 100%; } .main__image-wrap { position: relative; overflow: hidden; transform-origin: center top; } .main__image_first { z-index: 2; } .main__image_first .main__image-wrap { width: 192em; } .main__image_second { z-index: 1; } .main__image_second .main__image-wrap { width: 138em; } .main__bikes { position: absolute; top: 81.4em; z-index: 3; width: 192em; left: 50%; transform: translateX(-50%); z-index: 3; pointer-events: none; } .main__bike { position: absolute; bottom: 0; } .main__bike_mot { left: 50%; margin-left: -95em; transform: translate(-108em, -10em); width: 113.7em; } .main__bike_byc { right: 50%; margin-right: -96em; transform: translate(83em, -10em); width: 88.4em; } @keyframes descr-op { 100% { opacity: 1; z-index: 2; } } @keyframes animup { 100% { opacity: 1; transform: translate(-50%, 0); } } @keyframes animup2 { 100% { opacity: 1; transform: translate(0, 0); } } @keyframes bikes1-1 { 100% { transform: translate(0px, 0px); } } @keyframes bikes1-2 { 100% { transform: translate(-4em, -4em) scale(0.7); } } @keyframes bikes2-1 { 100% { transform: translate(0px, 0px); } } @keyframes bikes2-2 { 100% { transform: translate(2em, -31em) scale(0.75); } } @keyframes title1-1 { 0% { font-size: 13em; transform: translate(0.769em, 1.538em); opacity: 0; } 100% { font-size: 13em; transform: translate(0.769em, 0.615em); opacity: 1; } } @keyframes title1-2 { 100% { font-size: 4em; transform: translate(0, 0); opacity: 1; } } @keyframes title2-1 { 0% { font-size: 13em; transform: translate(0.769em, 2.308em); opacity: 0; } 100% { font-size: 13em; transform: translate(0.769em, 0.615em); opacity: 1; } } @keyframes title2-2 { 100% { font-size: 4em; transform: translate(0, 0); opacity: 1; } } @keyframes image1-1 { 0% { max-height: 100em; } 100% { transform: translate(0, 3em) scale(0.646); border-radius: 15em 0 15em 0; max-height: 100em; } } @keyframes image1-2 { 100% { max-height: 60em; transform: translate(-43em, 23em) scale(0.466); border-radius: 18em 0 18em 0; } } @keyframes image2-1 { 0% { max-height: 100em; } 100% { transform: translate(15em, 3em) scale(0.646); border-radius: 15em 0 15em 0; max-height: 100em; } } @keyframes image2-2 { 100% { max-height: 67em; transform: translate(74em, -2.2em) scale(0.566); border-radius: 18em 0 18em 0; } } @keyframes image1-inner-1 { 100% { transform: translateY(-4em) scale(1.1); } } @keyframes image1-inner-2 { 100% { transform: translateY(-9em) scale(1.3); } } @keyframes image2-inner { 100% { border-radius: 18em 0 18em 0; } } .search-result { display: none; position: absolute; width: calc(100% + 90px); background-color: #FFFFFF; top: calc(100% + 16px); right: 0; } .search-result__wrap { padding: 60px; max-height: 75vh; overflow-y: auto; } .search-result__content { padding: 0 0 40px; } .search-result__content:not(:last-child) { border-bottom: 1px solid #EFF2F4; margin-bottom: 40px; } .search-result__title { font-size: 16px; text-transform: uppercase; color: #BDBDBD; padding-left: 45px; margin-bottom: 20px; } .search-result__title span { font-size: 0.75em; text-transform: initial; margin-left: 30px; } .search-result__catitem { margin-top: 20px; padding-left: 45px; } .search-result__catlink { font-size: 16px; color: #333; font-weight: 500; border-bottom: 1px solid transparent; padding: 2px 0; transition: 0.2s; } .search-result__catlink span { color: #4A82C4; } .search-result__catlink:hover { border-color: currentColor; } .search-result__linkitem { margin-top: 6px; } .search-result__link { display: block; padding: 7px 45px; font-size: 16px; line-height: 1.5; color: #333; } .search-result__link span { color: #4A82C4; } .search-result__link:hover { background-color: rgba(204, 236, 255, 0.3); } .search-result__fastlink { font-weight: normal; } .search-result__more { padding-left: 45px; } .search-result__more-link { font-family: "LetoSans", sans-serif; display: inline-flex; align-items: center; color: #4A82C4; text-transform: uppercase; letter-spacing: 0.2em; } .search-result__more-link span { border-bottom: 1px solid transparent; padding: 2px 0; transition: 0.2s; } .search-result__more-link svg { width: 30px; height: 30px; stroke: currentColor; transform: scale(-1, 1); margin-left: 15px; } .search-result__more-link:hover span { border-color: currentColor; } .search-result_dark .search-result__catlink span, .search-result_dark .search-result__link span { color: #C41D1E; } .search-result_dark .search-result__more-link { color: #C41D1E; transition: none; } .search-result_dark .search-result__more-link:hover { color: #FFF200; } .search-result_dark .search-result__link:hover { background-color: #FEF3D9; } .breadcrumbs { margin: 20px 0 25px; } .breadcrumbs__list { margin: 0; padding: 0; user-select: none; } .breadcrumbs__item { display: inline-flex; position: relative; margin-right: 20px; align-items: center; z-index: 3; font-size: 12px; font-weight: 300; } .breadcrumbs__item:not(:first-child):before { content: ''; width: 3px; height: 3px; border-radius: 50%; background-color: #DFE6EA; position: absolute; left: -12px; top: 6px; } .breadcrumbs__item svg { width: 10px; height: 10px; margin-left: 8px; transition: 0.2s; } .breadcrumbs__item svg:hover { cursor: pointer; } .breadcrumbs__item svg, .breadcrumbs__item span { position: relative; z-index: 3; } .breadcrumbs__item.active { z-index: 4; } .breadcrumbs__item.active .breadcrumbs__more { display: block; } .breadcrumbs__item.active svg { transform: rotate(180deg); } .breadcrumbs__link { color: #333; border-bottom: 1px solid transparent; cursor: pointer; transition: 0.2s; } .breadcrumbs__link_active { color: #828282; } .breadcrumbs__link:hover { border-color: currentColor; } .breadcrumbs__more { position: absolute; top: 0; left: 0; padding-top: 31px; width: 100%; min-width: 97px; display: none; } .breadcrumbs__more:before { content: ''; position: absolute; z-index: 1; width: calc(100% + 30px); height: calc(100% + 30px); left: -15px; top: -15px; background-color: #FFFFFF; box-shadow: 0px 10px 30px rgba(51, 51, 51, 0.05); } .breadcrumbs__more .breadcrumbs__item { display: block; } .breadcrumbs__more .breadcrumbs__item:before { display: none; } .breadcrumbs__more .breadcrumbs__item:not(:first-child) { margin-top: 15px; } .breadcrumbs_dark .breadcrumbs__link { color: #5C5D60; } .catalog__title { font-family: "Gotham Pro", sans-serif; font-size: 24px; text-transform: uppercase; font-weight: 500; display: flex; align-items: center; margin-bottom: 18px; } .catalog__title-blue { color: #4A82C4; margin-left: 10px; } .catalog__title-red { color: #C41D1E; margin-left: 10px; } .catalog__title-count { margin-left: 20px; font-size: 12px; color: #BDBDBD; text-transform: initial; font-weight: normal; } .catalog__title_t-indent { padding-top: 80px; } .catalog__open-cats { display: flex; align-items: center; font-size: 14px; display: none; } .catalog__open-cats_right { order: 99; } .catalog__open-cats svg { width: 30px; height: 30px; stroke: #333; margin-right: 10px; stroke-width: 0.5px; } .catalog__open-cats span { padding-right: 10px; } .catalog__search { margin: 20px 0 40px; } .catalog__search .search-result { width: 100%; top: 100%; z-index: 4; } .catalog__search-wrap { position: relative; } .catalog__search-row { position: relative; border-bottom: 1px solid #DFE6EA; } .catalog__search-field { display: block; width: 100%; height: 40px; border: none; outline: none; background-color: #FFFFFF; font-family: "Gotham Pro", sans-serif; font-size: 16px; line-height: 1; padding: 0 60px; } .catalog__search-field::placeholder { color: #BDBDBD; } .catalog__search-btn { position: absolute; top: 5px; background: none; outline: none; border: none; cursor: pointer; } .catalog__search-btn svg { width: 30px; height: 30px; stroke: #333; transition: 0.2s; } .catalog__search-btn_submit { left: 10px; } .catalog__search-btn_clear { right: 10px; } .catalog__search-btn:hover svg { stroke: #4A82C4; } .catalog__search-cats-title { font-size: 14px; font-weight: 300; line-height: 1.5; margin-bottom: 20px; } .catalog__search-cats-item { margin-bottom: 5px; } .catalog__search-cats-link { display: inline-flex; border-radius: 8px; border: 1px solid #CCECFF; padding: 11px 20px; font-size: 12px; color: #333; } .catalog__search-cats-link span { color: #BDBDBD; margin-left: 10px; transition: 0.2s; } .catalog__search-cats-link.active, .catalog__search-cats-link:hover { background-color: #CCECFF; border-color: #CCECFF; } .catalog__filter { display: flex; background: #F9FAFD; border-radius: 0px 10px; padding: 15px 20px; } .catalog__filter .filter__row { display: flex; align-items: center; flex-wrap: wrap; padding: 0; margin-top: -10px; } .catalog__filter-wrap { width: 100%; } .catalog__view { display: flex; align-items: center; margin-left: 50px; min-width: 75px; } .catalog__view-type { margin-left: 10px; } .catalog__view-type svg { width: 24px; height: 24px; stroke: #25282B; transition: 0.2s; } .catalog__view-type.active svg { stroke: #4A82C4; } .catalog__row { display: flex; margin-top: 40px; } .catalog__sidebar { flex: 0 0 190px; margin-right: 20px; } .catalog__content { flex: 1 1 100%; min-width: 0; } .catalog__list { display: flex; flex-wrap: wrap; } .catalog__list .card { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 4 - (10px * (4 - 1)) / 4); max-width: calc(100% / 4 - (10px * (4 - 1)) / 4); } .catalog__list .card:nth-child(5n) { margin-right: 10px; } .catalog__list .card:nth-child(4n) { margin-right: 0; } .catalog__list .documentation-card { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 4 - (10px * (4 - 1)) / 4); max-width: calc(100% / 4 - (10px * (4 - 1)) / 4); } .catalog__list .documentation-card:nth-child(5n) { margin-right: 10px; } .catalog__list .documentation-card:nth-child(4n) { margin-right: 0; } .catalog__list ~ .pagination { margin-top: 51px; } .catalog__list_list-view .card { max-width: 100%; flex: 0 0 100%; height: initial; min-height: auto; margin: 0; } .catalog__list_list-view .card:not(:last-child) { margin-bottom: 10px; } .catalog__list_list-view .card__stock { display: none; } .catalog__list_list-view .card__wrap { display: flex; align-items: flex-start; min-width: 0; padding: 9px; } .catalog__list_list-view .card__category { margin-top: 15px; } .catalog__list_list-view .card__images { min-width: 0; flex: 0 0 230px; margin-right: 46px; position: relative; } .catalog__list_list-view .card__images > .card__img { margin-bottom: 0px; } .catalog__list_list-view .card__content { flex: 0 0 465px; align-items: flex-start; padding: 0; } .catalog__list_list-view .card__text { width: 240px; } .catalog__list_list-view .card__prices { flex-direction: column-reverse; position: absolute; top: 50px; left: 555px; margin: 0; align-items: flex-start; } .catalog__list_list-view .card__oldprice { margin-left: 0; margin-bottom: 7px; font-size: 14px; line-height: 13px; } .catalog__list_list-view .card__price { max-width: 140px; font-size: 20px; line-height: 30px; } .catalog__list_list-view .card__count { position: absolute; right: 165px; top: 26px; width: 110px; margin: 0; } .catalog__list_list-view .card__button { width: 250px; position: absolute; right: 30px; top: 80px; margin: 0; } .catalog__list_list-view .card__actions { opacity: 1; right: 30px; top: 23px; } .catalog__list_list-view .card__hide-content { display: block !important; } .catalog__list_list-view .card__price-list { position: absolute; top: 32px; left: 560px; flex-direction: column; } .catalog__list_list-view .card__price-list .card__price-item { width: 100%; } .catalog__list_list-view .card__button_where-to-buy { width: 250px; position: absolute; right: 30px; top: 80px; margin: 0; } .catalog__brands-list { display: flex; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } .catalog__brands-item { position: relative; width: calc(25% - 20px); margin-left: 10px; margin-right: 10px; margin-bottom: 20px; padding: 20px 20px 50px; border: 1px solid #EFF2F4; } .catalog__brands-img-block { height: 150px; margin-bottom: 30px; } .catalog__brands-img-block picture { width: 100%; height: 100%; } .catalog__brands-img-block img { width: 100%; height: 100%; object-fit: contain; } .catalog__brands-name { margin: 0; font-size: 16px; font-weight: 400; line-height: 19px; color: #333333; text-align: center; text-transform: uppercase; } .catalog__icon-arrow { position: absolute; bottom: 15px; right: 15px; } .catalog__slider-img-list { display: flex; margin-left: -5px; margin-right: -5px; margin-bottom: 10px; } .catalog__slider-img-list .slick-list { width: 100%; } .catalog__slider-img-list .slick-track { margin-left: 0; } .catalog__slider-img-list .slick-arrow { width: 30px; height: 30px; background: #4A82C4; } .catalog__slider-img-list .slick-arrow svg { stroke: #ffffff; } .catalog__slider-img-list .slick-arrow.prev { left: 15px; } .catalog__slider-img-list .slick-arrow.next { right: 15px; } .catalog__slider-img-item { width: 25%; height: 156px; padding-left: 5px; padding-right: 5px; line-height: 0; } .catalog__slider-img-item:nth-child(n+5):not(.slick-slide) { display: none; } .catalog__slider-img-item picture, .catalog__slider-img-item img { width: 100%; height: 100%; } .catalog__slider-img-item img { object-fit: contain; } .catalog__info { display: flex; padding: 20px; background-color: #F9FAFD; margin-bottom: 50px; gap: 20px; } .catalog__info svg { width: 47px; min-width: 47px; height: 47px; flex-shrink: 0; } .catalog__info-block { display: flex; flex-direction: column; gap: 10px; } .catalog__info-text { font-size: 14px; line-height: 130%; color: #333333; } .catalog__info-text:first-of-type { font-weight: 700; } .catalog__info-link { font-size: 14px; line-height: 130%; color: #4A82C4; transition: text-decoration 0.3s linear; } .catalog__info-link:hover { text-decoration: underline; } .catalog_dark { padding-bottom: 100px; } .catalog_dark .catalog__title { color: #FFFFFF; } .catalog_dark .catalog__search-row { border-bottom-color: #E7E7E7; } .catalog_dark .catalog__search-field { background-color: #231F20; color: #9E9E9E; } .catalog_dark .catalog__search-btn svg { stroke: #F5F5F5; } .catalog_dark .catalog__brands-item { background-color: #FFFFFF; } .catalog_dark .catalog__brands-item:hover .catalog__icon-arrow { color: #ED1C24; } .catalog_dark .catalog__brands-name { color: #231F20; } .catalog_dark .catalog__icon-arrow { width: 60px; height: 60px; color: #333; bottom: 0; right: 0; transition: color .3s linear; } .catalog_light .catalog__info { background-color: #F5F5F5; } .catalog_light .catalog__info-link { color: #C41D1E; } .catalog_light .catalog__slider-img-list .slick-arrow { background-color: #F5F5F5; } .catalog_light .catalog__slider-img-list .slick-arrow svg { stroke: #9E9E9E; } .catalog_light .catalog__view-type svg { stroke: #C4C4C4; } .catalog_light .catalog__view-type.active svg { stroke: #484848; } .catalog_light .catalog__filter { background-color: #F5F5F5; } .catalog_light .catalog__search-cats-link { border-color: #E7E7E7; } .catalog_light .catalog__search-cats-link.active, .catalog_light .catalog__search-cats-link:hover { background-color: #E7E7E7; } .catalog_light .catalog__search-btn_submit:hover svg, .catalog_light .catalog__search-btn_clear:hover svg { stroke: #C41D1E; } .card { display: flex; flex-direction: column; box-sizing: border-box; position: relative; border: 1px solid #F9FAFB; min-height: 377px; transition: 0.2s; } .card_no-authorized { height: 425px; } .card_hovered .card__wrap { position: absolute; width: 100%; z-index: 20; box-shadow: 0px 10px 30px rgba(51, 51, 51, 0.05); } .card_hovered .card__actions { opacity: 1; } .card_hovered .card__hide-content { display: block !important; z-index: 5; } .card__wrap { flex: auto; padding: 10px 10px 0; background-color: #FFFFFF; } .card__wrap:hover .card__button_where-to-buy { display: flex; } .card__images { margin-bottom: 26px; } .card__images > .card__img { margin-bottom: 26px; } .card__images > .card__img:not(:first-child) { display: none; } .card__images .slick-dots { margin-bottom: -17px; } .card__img { max-width: 100%; } .card__img img { max-height: 100%; } .card__img-wrap { display: block; background: #fff; padding-top: 65.22%; overflow: hidden; position: relative; } .card__img-wrap picture, .card__img-wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; } .card__img-wrap picture, .card__img-wrap svg { width: 170px; height: 42px; fill: #4A82C4; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; max-width: 100%; max-height: 100%; } .card__content { display: flex; flex-direction: column; padding: 10px; } .card__content_no-authorized { height: 245px; } .card__content_list { height: unset; } .card__plash-block { display: inline-block; margin-top: auto; } .card__status { display: flex; flex-wrap: wrap; margin: -10px -5px 0; } .card__status .card__plash { margin: 10px 5px 0; } .card__plash { display: inline-block; padding: 7px 10px; border-radius: 5px 5px 5px 0px; font-size: 12px; font-weight: 500; user-select: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%; min-height: 27px; } .card__plash_green { background: #E8F4EC; color: #178F3D; } .card__plash_red { background: #F9DEE0; color: #D62230; } .card__plash_gray { background: rgba(74, 130, 196, 0.05); color: #607C8E; } .card__plash_yellow { background: #FEF3D9; color: #FFB500; } .card__plash_light-gray { background: rgba(74, 130, 196, 0.05); color: #999999; } .card__plash_blue { background: #E4ECF6; color: #4A82C4; } .card__plash_pigeon-blue { background: #ECEFF1; color: #607C8E; } .card__plash_dark-blue { background: #E5E4EC; color: #524882; } .card__plash_orange { background: #FDE9DB; color: #EA6D1F; } .card__plash_black { background: #EBEBEB; color: #333333; } .card__plash_empty { visibility: hidden; } .card__plash_empty:before { content: ' '; } .card__category { font-size: 12px; color: #BDBDBD; margin-top: 10px; min-height: 13px; width: 110%; } .card__text { min-height: 53px; font-size: 14px; line-height: 1.3; color: #333; margin-top: 13px; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .card__text:hover { color: #4A82C4; } .card__prices { display: flex; align-items: center; margin-top: 5px; } .card__prices_product { flex-direction: column; align-items: start; } .card__prices_product .card__price { margin-right: 0 !important; } .card__prices_product .card__price_text { font-size: 28px; margin-right: 0; } .card__prices-caption { display: block; font-size: 10px; font-weight: 400; line-height: normal; color: #607C8E; width: 100%; margin-bottom: 10px; } .card__price-title { font-size: 12px; color: #BDBDBD; margin-top: 15px; min-height: 13px; } .card__price { color: #4A82C4; font-size: 19px; text-transform: uppercase; font-weight: 500; white-space: nowrap; } .card__price_text { text-transform: lowercase; white-space: initial; font-size: 16px; } .card__oldprice { margin-left: 12px; color: #BDBDBD; font-size: 12px; display: flex; align-items: center; } .card__count { margin: 15px 0 10px; width: 1%; } .card .card__hide-content .card__stock { margin-bottom: 20px; } .card .card__hide-content .card__category { padding-bottom: 10px; } .card__button { display: flex; align-items: center; justify-content: space-between; padding: 0; background-color: transparent; color: #4A82C4; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; border: 1px solid #9FD6F7; transition: 0.2s; outline: none; } .card__button span { padding: 0 10px 0 30px; } .card__button:hover { border-color: #4A82C4; } .card__button:hover .card__button-ico { background-color: #4A82C4; border-color: #4A82C4; } .card__button:hover .card__button-ico svg { stroke: #FFFFFF; } .card__button_disabled { color: #DFE6EA; border-color: #DFE6EA; cursor: no-drop; } .card__button_disabled .card__button-ico { visibility: hidden; width: 1px; } .card__button_no-ico { height: 60px; justify-content: center; } .card__button_no-ico span { padding: 0; } .card__button_w100 { width: 100%; } .card__button_mt24 { margin-top: 24px; } .card__button_where-to-buy { display: flex; align-items: center; justify-content: space-between; margin: 0 -10px; padding: 0; background-color: transparent; color: #4A82C4; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; border: 1px solid #9FD6F7; transition: 0.2s; outline: none; display: none; } .card__button_where-to-buy span { padding: 0 10px 0 30px; } .card__button_where-to-buy svg { width: 30px; height: 30px; stroke: #4A82C4; transition: 0.2s; } .card__button_where-to-buy:hover { border-color: #4A82C4; } .card__button_where-to-buy:hover .card__button-ico { background-color: #4A82C4; border-color: #4A82C4; } .card__button_where-to-buy:hover .card__button-ico path { stroke: #fff; } .card__button-ico { flex-shrink: 0; } .card__button_no-indent { width: calc(100% + 20px); margin-left: -10px; margin-right: -10px; } .card__button-ico { display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-left: 1px solid #9FD6F7; transition: 0.2s; } .card__button-ico svg { width: 30px; height: 30px; stroke: #4A82C4; transition: 0.2s; } .card__actions { display: flex; position: absolute; right: 15px; top: 45px; opacity: 0; transition: 0.2s; } .card__action { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; background: #FFFFFF; border-radius: 50%; border: 1px solid #EFF2F4; margin-left: 5px; cursor: pointer; transition: 0.2s; } .card__action:hover { background-color: #4A82C4; border-color: #4A82C4; } .card__action:hover svg { stroke: #FFFFFF; } .card__action_blue { background-color: rgba(204, 236, 255, 0.3); border-color: rgba(204, 236, 255, 0.3); } .card__action.active { background-color: #4A82C4; border-color: #4A82C4; } .card__action.active svg { stroke: #FFFFFF; } .card__action svg { width: 20px; height: 20px; stroke: #4A82C4; stroke-width: 2px; transition: 0.2s; } .card__info { margin-left: 4px; position: relative; cursor: pointer; top: 1px; font-size: 12px; color: #333; } .card__info-text { position: absolute; top: 100%; left: -10px; background: #FFFFFF; box-shadow: 0px 10px 30px rgba(51, 51, 51, 0.05); padding: 20px; z-index: 7; display: none; } .card__info svg { width: 16px; height: 16px; stroke: #9FD6F7; transition: 0.2s; } .card__info:hover svg { stroke: #4A82C4; } .card__info:hover .card__info-text { display: block; width: 220px; } .card__stock { display: flex; margin-top: 10px; } .card__stock img { width: 15px; height: 15px; margin-right: 6px; } .card__stock svg { flex-shrink: 0; margin-right: 6px; } .card__stock-text { font-weight: 500; font-size: 12px; line-height: 14px; } .card__stock_green { color: #27BA65; } .card__stock_grey { color: #607C8E; } .card__stock_blue { color: #4A82C4; } .card__stock_yellow { color: #FFB500; } .card__stock_dark-gray { color: #5D6A89; } .card__stock_light-gray { color: #999999; } .card__stock_red { color: #D62230; } .card__link { text-transform: uppercase; letter-spacing: 2px; font-size: 12px; font-weight: 500; line-height: 16px; color: #4A82C4; padding-top: 32px; transition: 0.2s; align-items: center; display: flex; } .card__link svg { width: 30px; height: 30px; stroke: #9FD6F7; margin-left: 13px; transition: 0.2s; } .card__link:hover { color: #4A82C4; } .card__link:hover svg { stroke: #4A82C4; } .card_unavailable .card__wrap > * { opacity: 0.5; } .card_unavailable .card__action { display: none; } .card__price-list { display: flex; margin-top: 7px; } .card__price-list_indent-b { margin-bottom: 20px; } .card__price-item { width: 50%; padding-right: 5px; } .card__price-item .card__price { font-size: 18px; font-weight: 400; line-height: 22px; } .card__price-item .card__oldprice { margin-left: 0; font-size: 12px; font-weight: 400; line-height: 11px; text-decoration: line-through; color: #607C8E80; } .card__price-item_1 .card__price { font-weight: 500; } .card__price-item_1 .card__oldprice { color: #4A82C4B2; } .card__price-item_100 { width: 100%; } .card__price-text { margin-bottom: 6px; font-size: 7px; font-weight: 400; line-height: 7px; color: #607C8E; } .card__top { width: 100%; position: relative; padding: 0 0 10px; } .card__top-flex { display: flex; align-items: center; height: 27px; } .card__top-content { position: absolute; left: -2px; top: 27px; background-color: #fff; padding: 5px 0; width: 100%; display: flex; flex-direction: column; align-items: start; z-index: 10; visibility: hidden; opacity: 0; transition: opacity .3s linear, visibility .3s linear; } .card__top-content .card__plash:not(:last-child) { margin-bottom: 10px; } .card__top-content.is-show { visibility: visible; opacity: 1; } .card__top-icon { width: 25px; height: 25px; display: flex; align-items: center; justify-content: center; flex-shrink: 0; margin-left: 7px; cursor: pointer; } .card__top-icon svg { transition: transform .3s linear; } .card__top-icon.is-change svg { transform: rotate(-180deg); } .card__top-icon_blue { color: #1E7FB9; border: 1px solid rgba(74, 130, 196, 0.3); } .card__top-icon_yellow { color: #FBCA53; border: 1px solid rgba(251, 202, 83, 0.3); } .card__top-icon_green { color: #178F3D; border: 1px solid rgba(23, 143, 61, 0.3); } .card_light .card__images.slick-slider .slick-dots li button { background-color: #E7E7E7; } .card_light .card__images.slick-slider .slick-dots li.slick-active button { background-color: #9E9E9E; } .card_light .card__price { color: #ED1C24; } .card_light .card__oldprice { color: #C4C4C4; } .card_light .card__price-item_1 .card__oldprice { color: #9E9E9E; } .card_light .card__price-text { color: #5C5D60; } .card_light .card__prices-caption { color: #5C5D60; } .card_light .card__info svg { stroke: #9E9E9E; } .card_light .card__info:hover svg { stroke: #C41D1E; } .card_light .card__button { color: #C41D1E; border-color: #C41D1E; } .card_light .card__button:hover { color: #ED1C24; border-color: #ED1C24; } .card_light .card__button:hover .card__button-ico { background-color: #ED1C24; border-color: #ED1C24; } .card_light .card__button:hover .card__button-ico svg { stroke: #FFFFFF; } .card_light .card__button-ico { border-left-color: #C41D1E; } .card_light .card__button-ico svg { stroke: #C41D1E; } .card_light .card__plash_green { background-color: #D4F1E0; color: #27BA65; } .card_light .card__text:hover { color: #C41D1E; } .count { display: inline-flex; min-width: 110px; border: 1px solid #EFF2F4; } .count__btn { flex: 0 0 30px; height: 30px; display: flex; align-items: center; justify-content: center; transition: 0.2s; background-color: rgba(204, 236, 255, 0.3); cursor: pointer; } .count__btn svg { width: 14px; height: 14px; stroke: #4A82C4; transition: 0.2s; } .count__btn:hover { background-color: #CCECFF; } .count__disable { cursor: default; background-color: #EFF2F4; } .count__disable:hover { background-color: #EFF2F4; } .count__disable svg { stroke: #607C8E; } .count__input { display: block; width: 50px; height: 30px; text-align: center; font-family: "Gotham Pro", sans-serif; font-size: 20px; color: #333; outline: none; border: none; -moz-appearance: textfield; } .count__input::-webkit-inner-spin-button, .count__input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .count_light { border-color: #E7E7E7; } .count_light .count__btn { background-color: #E7E7E7; } .count_light .count__btn:hover { background-color: transparent; } .count_light .count__btn:hover svg { stroke: #ED1C24; } .count_light .count__btn svg { stroke: #5C5D60; } .header_opencats ~ .wrapper .catalog__sidebar .category-list { top: 140px; } .category-list { position: sticky; top: 70px; } .category-list__wrap { width: 100%; min-width: 190px; margin: 0 auto; } .category-list__title { display: flex; align-items: center; border-bottom: 1px solid #DFE6EA; padding: 10px 0; line-height: 1; display: none; } .category-list__back { flex: 0 0 30px; margin-right: 20px; } .category-list__back svg { width: 30px; height: 30px; stroke: #333; } .category-list__label { font-size: 16px; font-weight: bold; } .category-list__cat-name { display: flex; align-items: center; justify-content: space-between; padding: 8px 10px; font-size: 14px; line-height: 22px; color: #333; cursor: pointer; user-select: none; } .category-list__cat-name svg { width: 14px; height: 14px; stroke: #333; transition: 0.2s; pointer-events: none; } .category-list__cat-name.active, .category-list__cat-name:hover { background-color: rgba(204, 236, 255, 0.3); } .category-list__cat-name.active svg { transform: rotate(180deg); } .category-list__cat-name_lv2 { margin-left: -10px; } .category-list__cat-name_lv2.active { background: transparent; } .category-list__cat-name_lv2:hover { background-color: #F9FAFD; } .category-list__cat-list { padding: 0 10px 10px 20px; display: none; } .category-list__item { margin-top: 10px; } .category-list__item:not(:first-child) { margin-top: 22px; } .category-list__item.category-list__item_lv2 { margin-bottom: -15px; margin-top: 16px; } .category-list__item.category-list__item_lv2:first-child { margin-top: 8px; } .category-list__item.category-list__item_lv2:last-child { margin-bottom: 4px; } .category-list__link { font-size: 13px; font-weight: 400; line-height: 16px; color: #333; border-bottom: 1px solid transparent; } .category-list__link:hover { border-color: currentColor; } .category-list__cat-name_lv2 span { white-space: nowrap; margin-right: 10px; font-size: 13px; } .category-list_light .category-list__cat-name.active { background-color: #F5F5F5; } .category-list_light .category-list__cat-name:hover { background-color: #F5F5F580; } .category-list_light .category-list__title { border-color: #F5F5F5; } .category-list_light .category-list__label { font-weight: 400; color: #231F20; } .pagination { background: #F9FAFD; border-radius: 0px 10px; padding: 15px 30px; margin: 40px 0 0; } .pagination__row { display: flex; justify-content: center; } .pagination__more { font-family: "LetoSans", sans-serif; display: inline-flex; align-items: center; color: #4A82C4; text-transform: uppercase; letter-spacing: 0.2em; margin-right: auto; cursor: pointer; } .pagination__more span { border-bottom: 1px solid transparent; padding: 2px 0; transition: 0.2s; } .pagination__more svg { width: 30px; height: 30px; stroke: currentColor; transform: scale(-1, 1); margin-left: 15px; } .pagination__more:hover span { border-color: currentColor; } .pagination__list { display: flex; align-items: center; } .pagination__item { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; border-radius: 50%; color: #4A82C4; font-size: 12px; line-height: 1; margin: 0 4px; } .pagination__item_prev { margin-right: 25px; } .pagination__item_next { margin-left: 25px; } .pagination__item_next svg { transform: scale(-1, 1); } .pagination__item svg { width: 30px; height: 30px; stroke: #9FD6F7; transition: 0.2s; } .pagination__item:hover, .pagination__item.active { background-color: #CCECFF; } .pagination__item_prev:hover, .pagination__item_next:hover { background-color: transparent; } .pagination__item_prev:hover svg, .pagination__item_next:hover svg { stroke: #4A82C4; } .pagination_dark { background: #484848; } .pagination_dark .pagination__more { color: #FFFFFF; } .pagination_dark .pagination__item { color: #FFFFFF; } .pagination_dark .pagination__item:hover, .pagination_dark .pagination__item.active { background: #FFFFFF33; } .pagination_dark .pagination__item_prev:hover, .pagination_dark .pagination__item_next:hover { background-color: transparent; } .pagination_dark .pagination__item svg { stroke: #9E9E9E; } .pagination_light { background: #F5F5F580; } .pagination_light .pagination__more { color: #231F20; } .pagination_light .pagination__item { color: #231F20; } .pagination_light .pagination__item:hover, .pagination_light .pagination__item.active { background: #E7E7E7; } .pagination_light .pagination__item_prev:hover, .pagination_light .pagination__item_next:hover { background-color: transparent; } .pagination_light .pagination__item svg { stroke: #9E9E9E; } .product__row { display: flex; } .product__row-space { flex: 0 0 100%; order: -2; display: none; } .product__row-space-wrap { padding-top: 77.62%; } .product__content { flex: 1 1 100%; min-width: 0; } .product__info { position: relative; flex: 0 0 400px; } .product__info .card__actions { opacity: 1; top: 30px; right: 30px; } .product__info .card__prices { flex-wrap: nowrap; } .product__info .card__price { flex: initial; margin-right: 15px; } .product__info .card__price_text { text-transform: lowercase; white-space: initial; } .product__info-wrap { position: sticky; top: 150px; box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.05); border-radius: 0px; margin-left: 20px; padding: 30px; background-color: #FFFFFF; } .product__brand { display: inline-block; max-width: 180px; max-height: 70px; margin: -10px 0 20px -10px; } .product__brand picture { display: block; max-width: 100%; object-fit: cover; } .product__info-art { margin-top: 10px; margin-bottom: 15px; font-size: 14px; color: #BDBDBD; } .product__info-art_mobile { display: none; } .product__title { font-family: "Gotham Pro", sans-serif; font-weight: 500; font-size: 24px; line-height: 1.5; text-transform: initial; margin-top: 10px; } .product__title_mobile { display: none; } .product__prices { margin-top: 20px; } .product__prices .card__price-text { font-size: 10px; } .product__prices .card__prices { margin: 10px 0 20px; line-height: 1; } .product__prices .card__price { margin-top: 10px; margin-bottom: 10px; margin-right: 0 !important; font-size: 28px; } .product__prices .card__oldprice { font-size: 16px; } .product__prices-text { font-size: 14px; color: #607C8E; } .product__options { margin: 20px 0; padding: 0px 0 25px; border-top: 1px solid #EFF2F4; border-bottom: 1px solid #EFF2F4; } .product__option-group { margin-top: 20px; } .product__option-name { font-size: 14px; margin-bottom: 9px; color: #828282; } .product__option { display: inline-block; font-size: 14px; color: #333; cursor: pointer; user-select: none; margin-right: 6px; margin-top: 6px; text-align: center; vertical-align: middle; } .product__option input { width: 0; height: 0; opacity: 0; position: absolute; } .product__option input:checked ~ span { background-color: #4A82C4; border-color: #4A82C4; color: #FFFFFF; } .product__option input:disabled ~ span { border-color: #EFF2F4; color: #DFE6EA; } .product__option:hover span { border-color: #4A82C4; } .product__option span { display: inline-block; min-width: 50px; border: 1px solid #DFE6EA; padding: 8px 12px; transition: 0.2s; } .product__option_color { margin-right: 12px; margin-bottom: 6px; } .product__option_color span { display: block; width: 35px; height: 35px; border-radius: 50%; min-width: initial; background-color: currentColor !important; border: none; position: relative; } .product__option_color span:before { content: ''; width: calc(100% + 8px); height: calc(100% + 8px); border-radius: 50%; border: 1px solid currentColor; position: absolute; top: -5px; left: -5px; opacity: 0; transition: opacity 0.2s; } .product__option_color input:checked ~ span:before { opacity: 1; } .product__option_color input:disabled ~ span { cursor: initial; } .product__option_color input:disabled ~ span:before { opacity: 0; } .product__option_color:hover span:before { opacity: 1; } .product__count { display: flex; align-items: center; position: relative; border: none; } .product__count-name { font-size: 14px; color: #828282; margin-right: 24px; } .product__button { margin-top: 24px; width: 100%; } .product__gallery { padding: 20px 46px; } .product__gallery-nav { display: flex; justify-content: center; padding: 0 50px; } .product__gallery-clue { position: absolute; bottom: 5px; right: 5px; width: 110px; transition: 0.2s; opacity: 0; } .product__gallery-item { outline: none; position: relative; } .product__gallery-item.active-clue:hover .product__gallery-clue { opacity: 1; } .product__gallery-item-wrap { overflow: hidden; position: relative; height: 450px; } .product__gallery-item-wrap img { height: 100%; width: 100%; object-fit: contain; } .product__gallery-item-wrap picture { display: block; width: 100%; height: 100%; top: 0; left: 0; object-fit: contain; } .product__gallery-item-wrap picture img { width: 100%; height: 100%; object-fit: contain; } .product__gallery-item-wrap.grab { cursor: grab !important; } .product__gallery-item-wrap.move { cursor: move !important; } .product__gallery-progress { position: absolute; top: 15px; left: 0; width: 0; height: 3px; background: #000; opacity: 0.2; transition: all .5s linear; } .product__gallery-thumbs .slick-track { width: 100% !important; max-width: 540px; margin: 0 auto; display: flex; } .product__gallery-thumbs-item-wrap { position: relative; padding: 0; display: flex; width: 80px; height: 80px; } .product__gallery-thumbs-item { position: relative; cursor: pointer; outline: none; margin-right: 10px; width: 80px !important; height: 80px !important; } .product__gallery-thumbs-item_deg { margin-right: 10px; transition: all .25s linear; } .product__gallery-thumbs-item img { width: 100%; height: 100%; object-fit: contain; } .product__gallery-thumbs-item_3d .product__gallery-thumbs-item-wrap { background-color: #EFF2F4; } .product__gallery-thumbs-item_3d svg { width: 50px; height: 50px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .product__tabs { font-size: 14px; line-height: 1.5; margin-top: 40px; } .product__tabs h3 { font-family: "Gotham Pro", sans-serif; } .product__tabs table { margin-bottom: 40px; } .product__tabs table td { vertical-align: top; } .product__tabs table td:nth-child(1) { width: 290px; } .product__tabs .tabs__content { display: none; margin-top: 40px !important; } .product__tabs .tabs__content.active { display: block; } .product__tabs .tabs__item { border: none; } .product__docs { margin: 20px 0 0; } .product__docs-item { display: inline-flex; width: 295px; background: #F9FAFB; border-radius: 0px 20px; padding: 15px; } .product__docs-item:not(:last-child) { margin-right: 20px; margin-bottom: 15px; } .product__docs-item:hover { color: #4A82C4; } .product__docs-ico { margin-right: 13px; } .product__docs-ico svg { width: 32px; height: 40px; } .product__docs-info { flex: 1 1 100%; font-size: 14px; line-height: 120%; } .product__docs-type { margin-top: 10px; font-size: 12px; color: #607C8E; } .product_light .product__prices-text { color: #9E9E9E; } .product_light .product__option { color: #9E9E9E; background-color: #484848; border-color: #484848; } .product_light .product__option span { border-color: #484848; } .product_light .product__option:hover span { color: #C4C4C4; border-color: #9E9E9E; } .product_light .product__option input:checked ~ span { color: #FFFFFF; background-color: #231F20; border-color: #9E9E9E; } .product_light .product__option input:disabled ~ span { color: #F5F5F5; background-color: #E7E7E7; border-color: #E7E7E7; } .product_light .product__option_color { color: unset; background-color: transparent; border-color: transparent; } .product_light .product__gallery.slick-slider .slick-arrow svg { stroke: #E7E7E7; } .product_light .product__gallery.slick-slider .slick-dots li button { background-color: #E7E7E7; } .product_light .product__gallery.slick-slider .slick-dots li.slick-active button { background-color: #9E9E9E; } .tabs__list { display: flex; background: #F9FAFD; overflow-x: auto; } .tabs__list::-webkit-scrollbar { height: 6px; } .tabs__list::-webkit-scrollbar-track { background-color: #ffffff; border-radius: 100px; } .tabs__list::-webkit-scrollbar-thumb { background-color: #e5e5e5; border-radius: 100px; } .tabs__item { flex-grow: 1; white-space: nowrap; display: inline-flex; align-items: center; justify-content: center; height: 60px; padding: 0 30px; font-size: 16px; font-weight: 500; cursor: pointer; transition: 0.2s; } .tabs__item:hover, .tabs__item.active { color: #4A82C4; background-color: rgba(204, 236, 255, 0.3); } .tabs__wrap { margin-top: 40px; } .tabs__content { margin-top: 60px; } .tabs__content:first-child { margin-top: 0; } .tabs_light .tabs__list { color: #5C5D60; background: #F5F5F5; } .tabs_light .tabs__item { color: #5C5D60; } .tabs_light .tabs__item.active, .tabs_light .tabs__item:hover { color: #FFFFFF; background: #484848; } .tabs_light .tabs__content table tr:nth-child(odd) { background-color: #F5F5F5; } .products-slider { margin-top: 120px; } .products-slider__wrap { margin-top: 40px; } .products-slider__list { padding: 0 95px; } .products-slider__item { padding: 8px; } .products-slider__item .card { height: auto; } .products-slider__item .card__wrap { overflow: initial; padding: 10px; } .products-slider__item .card__images > .card__img { margin-bottom: 16px; } .products-slider__item .card__info:hover .card__info-text { top: initial; bottom: 100%; left: initial; right: -50px; } .products-slider .slick-dots { margin-top: 20px; } .products-slider .slick-dots li { margin: 0 7px; position: relative; } .products-slider .slick-dots li:before { content: ''; width: 16px; height: 16px; border: 1px solid #4A82C4; position: absolute; top: -5px; left: -5px; border-radius: 50%; opacity: 0; transition: 0.2s; } .products-slider .slick-dots li button { width: 8px; height: 8px; background-color: #4A82C4; } .products-slider .slick-dots li.slick-active:before { opacity: 1; } .cart__title { display: flex; align-items: center; justify-content: space-between; } .cart__title-count { margin-right: auto; margin-left: 20px; color: #BDBDBD; } .cart__clear { display: inline-flex; align-items: center; color: #4A82C4; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; } .cart__clear span { padding: 2px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .cart__clear svg { width: 20px; height: 20px; stroke: #9FD6F7; margin-left: 15px; transition: 0.2s; } .cart__clear:hover span { border-color: currentColor; } .cart__clear:hover svg { stroke: #4A82C4; } .cart__row { display: flex; align-items: stretch; margin-top: 30px; } .cart__list { flex: 1 1 100%; } .cart__info { flex: 0 0 357px; margin-left: 20px; } .cart__info-wrap { background-color: #FFFFFF; box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.05); padding: 30px 30px 22px; } .cart__info-row { font-size: 14px; line-height: 22px; margin-top: 15px; position: relative; } .cart__info-flex { display: flex; align-items: center; justify-content: space-between; } .cart__info-devider { height: 1px; background-color: #EFF2F4; margin: 20px 0; } .cart__info-border-top { margin-top: 20px; padding-top: 20px; border-top: 1px solid #EFF2F4; } .cart__info-btn { font-size: 12px; color: #4A82C4; letter-spacing: 0.2em; text-transform: uppercase; border-bottom: 1px solid transparent; transition: 0.2s; } .cart__info-btn:hover { border-color: currentColor; } .cart__info-pricelbl { font-size: 16px; font-weight: bold; } .cart__info-priceval { font-size: 24px; font-weight: bold; white-space: nowrap; } .cart__info-bonuslbl { color: #607C8E; } .cart__info-bonusval { color: #607C8E; font-size: 16px; } .cart__button { margin: 30px 0 0 0; } .cart__info-fastbuy { margin-top: 25px; text-align: center; } .cart__fastbuy { display: inline-flex; align-items: center; color: #4A82C4; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; } .cart__fastbuy span { padding: 2px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .cart__fastbuy svg { width: 30px; height: 30px; stroke: #9FD6F7; margin-left: 15px; transition: 0.2s; } .cart__fastbuy:hover span { border-color: currentColor; } .cart__fastbuy:hover svg { stroke: #4A82C4; } .cart__info-bonuses { background-color: rgba(204, 236, 255, 0.1); margin-left: -30px; margin-right: -30px; padding: 15px 96px 12px 30px; position: relative; } .cart__info-action { width: 36px; height: 36px; border-radius: 50%; background-color: rgba(204, 236, 255, 0.3); display: flex; align-items: center; justify-content: center; cursor: pointer; position: absolute; right: 30px; } .cart__info-action svg { width: 20px; height: 20px; stroke: #4A82C4; } .cart__info-action_close { top: 8px; background-color: transparent; } .cart__info-action_ok { bottom: 22px; } .cart__info-bonuses-val { display: inline-flex; align-items: center; white-space: nowrap; } .cart__info-bonuses-val span { font-weight: bold; font-size: 14px; } .cart__info-del { width: 20px; height: 20px; margin-left: 10px; } .cart__info-del svg { width: 20px; height: 20px; stroke: #9FD6F7; transition: 0.2s; } .cart__info-del:hover svg { stroke: #4A82C4; } .cart__info-promocode { background-color: rgba(204, 236, 255, 0.1); margin-left: -30px; margin-right: -30px; padding: 15px 96px 12px 30px; position: relative; } .cart__info-promocode-wrap { margin: 10px 0 8px; } .cart__info-promocode-input { width: 100%; height: 36px; border: 1px solid #CCECFF; padding: 0 15px; font-family: "Gotham Pro", sans-serif; font-size: 16px; outline: none; transition: 0.2s; } .cart__info-promocode-input:focus { border-color: #4A82C4; } .cart__info-promocode-name { color: #4A82C4; text-transform: uppercase; margin-top: 5px; } .cart__product { background: #FFFFFF; padding: 10px; position: relative; transition: 0.2s; } .cart__product:hover { box-shadow: 0px 10px 30px rgba(51, 51, 51, 0.05); z-index: 1; } .cart__product:not(:last-child) { margin-bottom: 10px; } .cart__product-row { display: flex; min-width: 0; align-items: stretch; } .cart__product-row .card__images { flex: 0 0 230px; width: 230px; min-width: 0; margin-right: 46px; margin-bottom: 26px; } .cart__product-row .card__text { height: 2.6em; -webkit-line-clamp: 2; } .cart__product-row .card__prices { flex-direction: column-reverse; align-items: flex-start; position: absolute; right: 180px; top: 30px; } .cart__product-row .card__oldprice { margin-left: 0; margin-bottom: 7px; } .cart__product-row .card__actions { opacity: 1; top: 13px; right: 13px; } .cart__product-row .card__count { position: absolute; bottom: 13px; right: 13px; margin: 0; } .cart__product-content { flex: 1 1 100%; position: relative; } .cart__product-wrap { max-width: 240px; height: 100%; } .cart_light .cart__clear { color: #C41D1E; } .cart_light .cart__clear svg { stroke: #C41D1E; } .cart_light .cart__info-wrap { padding: 20px; border: 1px solid #F5F5F5; box-shadow: none; } .cart_light .cart__info-btn { color: #C41D1E; } .cart_light .cart__info-action_ok { background-color: #F5F5F5; } .cart_light .cart__info-action svg { stroke: #C41D1E; } .cart_light .cart__info-del svg { stroke: #F9DEE0; } .cart_light .cart__info-promocode-name { color: #C41D1E; } .cart_light .cart__info-promocode-input { border-color: #E7E7E7; } .cart_light .cart__fastbuy { color: #C41D1E; } .cart_light .cart__fastbuy svg { stroke: #C41D1E; } @keyframes shake { 10%, 90% { transform: translate3d(-1px, 0, 0); } 20%, 80% { transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { transform: translate3d(-4px, 0, 0); } 40%, 60% { transform: translate3d(4px, 0, 0); } } .header_opencats ~ .wrapper .cabinet__sidebar .cabinet__manager, .header_opencats ~ .wrapper .cabinet__sidebar .cabinet__navs { top: 140px; } .cabinet__line { display: block; width: 100%; height: 1px; margin-bottom: 20px; background-color: #eff2f4; } .cabinet__info-btn { display: none; } .cabinet__new-request-btn { margin-bottom: 30px; } .cabinet__row { display: flex; align-items: stretch; margin-top: 30px; } .cabinet__sidebar { flex: 0 0 252px; } .cabinet__sidebar_right { margin-left: auto; } .cabinet__navs { position: sticky; top: 80px; } .cabinet__navs-wrap { background: #F9FAFD; border-radius: 0px 10px; padding: 22px 15px; } .cabinet__navs-item { padding: 8px 15px; transition: 0.2s; } .cabinet__navs-item:hover, .cabinet__navs-item.active { background-color: rgba(204, 236, 255, 0.3); } .cabinet__navs-item_mt25 { margin-top: 25px; } .cabinet__navs-link { display: flex; align-items: center; font-size: 14px; line-height: 22px; } .cabinet__navs-link svg { width: 30px; height: 30px; stroke: #333; margin-right: 10px; } .cabinet__content { position: relative; margin: 0 20px; flex: 1 1 100%; max-width: 505px; } .cabinet__content_full { margin-right: 0; max-width: 100%; } .cabinet__content_wide { max-width: 630px; } .cabinet__excel-label input { display: none; } .cabinet__title { display: flex; align-items: center; text-transform: uppercase; font-size: 16px; line-height: 1.5; font-weight: 500; margin: 0 0 30px; } .cabinet__title svg { margin-left: 10px; color: #333333; } .cabinet__title span { color: #4A82C4; } .cabinet__title_sm-indent { margin-bottom: 10px; } .cabinet__form:not(:last-child) { margin-bottom: 50px; } .cabinet__form-row { margin-bottom: 10px; font-size: 14px; line-height: 1.5; } .cabinet__form-row_button { margin-top: 20px; display: flex; justify-content: flex-end; } .cabinet__form-row_radio .input-radio { display: inline-block; margin-right: 80px; } .cabinet__form-row_radio .input-radio div { font-size: 14px; } .cabinet__form-row_2col { display: flex; } .cabinet__form-row_2col > * { flex: 1; } .cabinet__form-row_flex { display: flex; align-items: center; } .cabinet__form-row.disabled { display: none; } .cabinet__form-line { height: 1px; background-color: #EFF2F4; margin: 30px 0; } .cabinet__form.error textarea { border-color: #f00; } .cabinet__form.no-editable .textarea-text__field.textarea { background-color: #F9FAFB; } .cabinet__form.no-editable .cabinet__form-row, .cabinet__form.no-editable .cabinet__part-row, .cabinet__form.no-editable .cabinet__radio-item { pointer-events: none; } .cabinet__form.no-editable .input-text { background-color: #F9FAFB; } .cabinet__form.no-editable .input-text__label, .cabinet__form.no-editable .textarea-text__label { color: #c2c2c2 !important; } .cabinet__form.no-editable .input-text__border:before { border: 1px solid #DFE6EA !important; } .cabinet__form.no-editable .input-text__field { background-color: transparent; } .cabinet__form.no-editable .input-text .cabinet__info-icon svg, .cabinet__form.no-editable .textarea-text .cabinet__info-icon svg { opacity: 0.3; } .cabinet__form.no-editable .select2-selection.select2-selection--single { border: 1px solid #DFE6EA !important; background-color: #F9FAFB; } .cabinet__form.no-editable .select2__wrap-title { position: relative; z-index: 10; color: #c2c2c2 !important; } .cabinet__form.no-editable .textarea { background-color: #F9FAFB; border: 1px solid #DFE6EA; } .cabinet__form.no-editable .cabinet__label-file { display: none; } .cabinet__form.no-editable .cabinet__photo-clear-btn { opacity: 0.4; pointer-events: none; } .cabinet__form.no-editable .checkbox__label { pointer-events: none; } .cabinet__form.no-editable .cabinet__input-file { display: none; } .cabinet__form.no-editable .cabinet__input-video-file { display: none; } .cabinet__separator { margin-left: 10px; margin-right: 10px; } .cabinet__manager { position: sticky; top: 80px; } .cabinet__checkbox-list { display: flex; flex-wrap: wrap; } .cabinet__checkbox-item { width: 50%; margin-bottom: 20px; } .cabinet__radio-item { width: 50%; margin-bottom: 30px; } .cabinet__radio-item.error .radio__label { color: #f00; } .cabinet__radio-item.error .radio__label:before { border-color: #f00; } .cabinet__radio-item input { display: block; height: 0; width: 0; } .cabinet__radio-item input:checked + label { color: #333333; } .cabinet__radio-item input:checked + label::before { border-color: #4A82C4; } .cabinet__radio-item input:checked + label::after { background-color: #4A82C4; } .cabinet__radio-item label { position: relative; display: flex; align-items: center; cursor: pointer; } .cabinet__radio-item label::before { content: ''; box-sizing: border-box; display: block; width: 20px; height: 20px; margin-right: 12px; border: 1px solid #DFE6EA; border-radius: 50%; transition: 0.35s all; } .cabinet__radio-item label::after { content: ''; position: absolute; top: 5px; left: 5px; display: block; width: 10px; height: 10px; background-color: transparent; border-radius: 50%; transition: 0.35s all; } .cabinet__part-header-row { display: flex; justify-content: space-between; margin-bottom: 10px; } .cabinet__part-text { flex-shrink: 0; font-size: 12px; font-weight: 400; line-height: 18px; letter-spacing: 0.2em; color: #4A82C4; text-transform: uppercase; } .cabinet__part-text_1 { width: 27%; } .cabinet__part-text_2 { width: 43%; } .cabinet__part-text_3 { width: 25%; } .cabinet__part-row { display: flex; align-items: center; justify-content: space-between; margin-bottom: 16px; } .cabinet__part-row_disabled { padding-bottom: 10px; } .cabinet__part-row_disabled .cabinet__part-wrap_1 { width: 200px; } .cabinet__part-row_disabled .cabinet__part-wrap_2 { margin-left: 10px; margin-right: 20px; flex-grow: 1; width: auto; } .cabinet__part-row_disabled .cabinet__part-wrap_3 { flex-shrink: 0; width: 36px; } .cabinet__part-wrap_1 { width: 27%; } .cabinet__part-wrap_2 { width: 43%; } .cabinet__part-wrap_3 { display: flex; align-items: center; justify-content: space-between; width: 25%; } .cabinet__counter { display: flex; } .cabinet__counter-decrease-btn, .cabinet__counter-increase-btn { display: flex; justify-content: center; align-items: center; width: 30px; height: 30px; padding: 0; background-color: rgba(204, 236, 255, 0.3); border: none; cursor: pointer; } .cabinet__counter-number { width: 48px; font-size: 20px; font-weight: 400; line-height: 19px; color: #333333; text-align: center; border: none; } .cabinet__counter-number::-webkit-outer-spin-button, .cabinet__counter-number::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .cabinet__counter-number:focus { outline: none; } .cabinet__part-remove-btn { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; border: none; border-radius: 50%; background: rgba(204, 236, 255, 0.3); cursor: pointer; } .cabinet__part-btn-block { display: flex; justify-content: flex-end; margin-top: 4px; } .cabinet__part-btn-block_top-indent { margin-top: 20px; } .cabinet__part-btn-block_red .cabinet__add-part-btn { color: #DB3C39; } .cabinet__part-btn-block_red .cabinet__add-part-plus { background-color: rgba(249, 222, 224, 0.3); } .cabinet__part-btn-block_red .cabinet__add-part-plus svg { stroke: #DB3C39; } .cabinet__add-part-btn { display: flex; align-items: center; padding: 0; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; text-transform: uppercase; background-color: transparent; border: none; cursor: pointer; } .cabinet__add-part-plus { display: flex; align-items: center; justify-content: center; width: 36px; height: 36px; margin-left: 20px; border-radius: 50%; background: rgba(204, 236, 255, 0.3); } .cabinet__desc { margin-top: -25px; margin-bottom: 10px; font-size: 11px; font-weight: 400; line-height: 11px; color: #607C8E; } .cabinet__caption { margin-bottom: 10px; font-size: 14px; font-weight: 400; line-height: 14px; color: #333333; } .cabinet__caption span { color: #4A82C4; } .cabinet__input-file-block { width: 100%; padding-top: 20px; padding-bottom: 10px; position: relative; border-bottom: 1px solid #EFF2F4; } .cabinet__input-file-block.has-photo .cabinet__input-file, .cabinet__input-file-block.has-photo .cabinet__input-video-file { width: 0; } .cabinet__input-file-block.has-photo .cabinet__label-file { display: none; } .cabinet__input-file-block.has-photo .cabinet__photo-info { display: flex; } .cabinet__input-file-block.no-photo { padding-bottom: 0; } .cabinet__input-file-block.no-photo .cabinet__label-file { display: none; } .cabinet__input-file-block.no-video { padding-bottom: 0; } .cabinet__input-file-block.no-video .cabinet__label-file { display: none; } .cabinet__input-file-block.error .cabinet__caption { color: #f00; } .cabinet__input-file-block.error .cabinet__caption span { color: #f00; } .cabinet__input-file-block.error .cabinet__label-file { border-color: #f00; } .cabinet__input-file-block.disabled { display: none; } .cabinet__excel-label { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 24px; background: rgba(74, 130, 196, 0.05); border: 1px dashed #4A82C4; border-radius: 10px; cursor: pointer; } .cabinet__excel-label svg { margin-bottom: 12px; } .cabinet__excel-label p { margin: 0; text-align: center; max-width: 340px; font-size: 14px; font-weight: 400; line-height: 17px; color: #4A82C4; } .cabinet__excel-label span { text-decoration: underline; } .cabinet__excel-desc { margin-top: 32px; margin-bottom: 24px; font-size: 14px; font-weight: 400; line-height: 17px; color: #333; } .cabinet__excel-block { display: flex; gap: 22px; } .cabinet__excel-left-block { width: 56%; } .cabinet__excel-left-block img { width: 100%; height: auto; } .cabinet__excel-right-block { flex-grow: 1; } .cabinet__excel-title { margin-bottom: 8px; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #333; text-transform: uppercase; } .cabinet__excel-img { width: 100%; } .cabinet__excel-link { position: relative; display: flex; align-items: center; padding-left: 30px; height: 60px; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; text-transform: uppercase; background: #CCECFF; border-radius: 10px; } .cabinet__excel-link svg { margin-left: 15px; stroke: #4A82C4; } .cabinet__excel-link::before { position: absolute; bottom: -80px; right: -13px; content: ''; display: block; width: 170px; height: 180px; background-image: url("/local/templates/main/assets/styles/../img/style/sample.png"); } .cabinet__video { width: 230px; height: 150px; margin-right: 32px; } .cabinet__input-file, .cabinet__input-video-file { opacity: 0; position: absolute; width: 100%; height: 58px; cursor: pointer; } .cabinet__label-file { display: flex; width: 100%; height: 58px; border: 1px solid #9FD6F7; } .cabinet__icon-download { display: flex; justify-content: center; align-items: center; width: 58px; height: 56px; background: rgba(204, 236, 255, 0.3); border-right: 1px solid #9FD6F7; } .cabinet__icon-download svg { stroke: #4A82C4; } .cabinet__text-file { display: flex; align-items: center; justify-content: center; flex-grow: 1; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; text-transform: uppercase; } .cabinet__photo-info { display: none; } .cabinet__photo-img { width: 230px; height: 150px; margin-right: 32px; object-fit: contain; } .cabinet__photo-right-block { display: flex; flex-direction: column; justify-content: center; } .cabinet__photo-preview-btn, .cabinet__photo-clear-btn, .cabinet__video-preview-btn { display: flex; align-items: center; padding: 0; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; text-transform: uppercase; border: none; background-color: transparent; cursor: pointer; } .cabinet__photo-preview-btn:disabled, .cabinet__photo-clear-btn:disabled, .cabinet__video-preview-btn:disabled { opacity: 0.3; } .cabinet__photo-preview-btn, .cabinet__video-preview-btn { margin-bottom: 32px; } .cabinet__icon-btn { flex-grow: 0; display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; margin-right: 16px; border-radius: 50%; background-color: rgba(204, 236, 255, 0.3); } .cabinet__icon-btn svg { stroke: #4A82C4; } .cabinet__btn { max-width: none !important; margin-bottom: 10px; } .cabinet__info-icon { line-height: 0; cursor: pointer; } .cabinet__info-icon svg { stroke: #4A82C4; } .cabinet__wrapper { position: absolute; top: 18px; right: 18px; } .cabinet__wrapper:hover .cabinet__wrapper-info { visibility: visible; opacity: 1; } .cabinet__wrapper-info { visibility: hidden; opacity: 0; position: absolute; right: -13px; bottom: calc(100% + 5px); width: 266px; padding: 10px 13px; font-size: 11px; font-weight: 400; line-height: 15px; color: #333333; border-radius: 5px; background: #FFFFFF; border: 1px solid #EFF2F4; box-shadow: 0px 0px 15px rgba(48, 131, 215, 0.1); transition: 0.35s all; z-index: 100; pointer-events: none; } .cabinet__wrapper-info::before { content: ''; position: absolute; bottom: -5px; right: 18px; width: 0; height: 0; border-top: 5px solid #FFFFFF; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; } .cabinet__back-link { display: inline-flex; align-items: center; margin-bottom: 26px; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; } .cabinet__back-link svg { margin-right: 15px; } .cabinet__back-link-mob { display: none; align-items: center; margin-bottom: 30px; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; } .cabinet__back-link-mob svg { margin-right: 5px; } .cabinet__text-mob-hidden { margin-left: 5px; } .cabinet__version-block { display: flex; justify-content: flex-end; } .cabinet__version-item { margin-left: 12px; padding: 15px 20px; background: #FFFFFF; border: 1px solid #CCECFF; } .cabinet__version-item.active { border-color: #4A82C4; } .cabinet__version-title { margin-bottom: 8px; text-transform: uppercase; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; } .cabinet__version-date { font-size: 10px; font-weight: 400; line-height: 10px; color: rgba(96, 124, 142, 0.5); } .cabinet__part-count { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; font-size: 20px; font-weight: 400; line-height: 19px; color: #333333; border-radius: 50%; background: #F9FAFB; } .cabinet__no-request h3 { text-transform: uppercase; font-size: 16px; line-height: 1.5; font-weight: 500; color: #999999; } .cabinet__block { margin-bottom: 50px; } .cabinet__block.error .cabinet__title { color: #f00; } .cabinet__block.error .cabinet__title span { color: #f00; } .cabinet__block.valid .cabinet__title svg { color: #178F3D; } .cabinet__error-message { display: flex; align-items: center; font-size: 11px; font-weight: 400; line-height: 15.4px; color: #f00; } .cabinet__error-message svg { flex-shrink: 0; margin-right: 5px; } .cabinet_light .cabinet__navs-wrap { background-color: #F5F5F5; } .cabinet_light .cabinet__navs-item.active, .cabinet_light .cabinet__navs-item:hover { background: #FFFFFF99; } .cabinet_light .cabinet__navs-item.active .cabinet__navs-link, .cabinet_light .cabinet__navs-item:hover .cabinet__navs-link { color: #000; } .cabinet_light .cabinet__navs-link { font-size: 12px; color: #9E9E9E; } .cabinet_light .cabinet__info-icon svg { stroke: #9E9E9E; } .cabinet_light .cabinet__info-icon:hover svg { stroke: #C41D1E; } .cabinet_light .cabinet__radio-item label::before { width: 16px; height: 16px; border-color: #E7E7E7; } .cabinet_light .cabinet__radio-item input:checked + label::before { border-color: #FFF200 !important; } .cabinet_light .cabinet__radio-item input:checked + label::after { top: 3px; left: 3px; background: #FFF200; } .cabinet_light .cabinet__radio-item input:checked + label { color: #231F20; } .cabinet_light .cabinet__part-text { color: #5C5D60; } .cabinet_light .cabinet__add-part-btn, .cabinet_light .cabinet__add-part-plus { color: #5C5D60; } .cabinet_light .cabinet__photo-preview-btn, .cabinet_light .cabinet__photo-clear-btn, .cabinet_light .cabinet__video-preview-btn { color: #5C5D60; } .cabinet_light .cabinet__icon-btn { background-color: #F5F5F5; } .cabinet_light .cabinet__icon-btn svg { stroke: #5C5D60; } .cabinet_light .cabinet__label-file { border-color: #C41D1E; } .cabinet_light .cabinet__label-file:hover { border-color: #ED1C24; } .cabinet_light .cabinet__label-file:hover .cabinet__icon-download { border-right-color: #ED1C24; background: #ED1C24; } .cabinet_light .cabinet__label-file:hover .cabinet__icon-download svg { stroke: #FFFFFF; } .cabinet_light .cabinet__icon-download { border-right-color: #C41D1E; background: #FFFFFF; } .cabinet_light .cabinet__icon-download svg { stroke: #C41D1E; } .cabinet_light .cabinet__text-file { color: #484848; } .cabinet_light .cabinet__back-link { color: #5C5D60; } .cabinet_light .cabinet__back-link svg { stroke: #5C5D60; } .cabinet_light .cabinet__excel-label { border: 1px dashed #9E9E9E; background-color: #F5F5F5; color: #231F20; } .cabinet_light .cabinet__excel-label p { color: #231F20; } .cabinet_light .cabinet__excel-link { background-color: #F5F5F5; color: #231F20; } .cabinet_light .cabinet__excel-link svg { stroke: #231F20; } .cabinet_light .cabinet__caption span { color: #f00; } .cabinet_dark { background-color: #231F20; color: #FFFFFF; } .cabinet_dark h1 { color: #FFFFFF; } .manager__back { padding: 10px 0; align-items: center; font-size: 12px; letter-spacing: 0.2em; line-height: 1; color: #4A82C4; position: sticky; top: 0; background-color: #FFFFFF; display: none; } .manager__back svg { transform: scale(-1, 1); stroke: #9FD6F7; width: 30px; height: 30px; margin-right: 15px; } .manager__info ~ .manager__contacts { margin-top: 40px; } .manager__img { border-radius: 40px 0 0 0; overflow: hidden; line-height: 1; } .manager__img img, .manager__img picture { display: block; } .manager__content { background-color: rgba(204, 236, 255, 0.3); padding: 20px; line-height: 1.5; } .manager__content_transp { background-color: transparent; } .manager__name { font-family: "LetoSans", sans-serif; font-weight: bold; font-size: 18px; line-height: 20px; letter-spacing: 0.05em; color: #000; margin: 20px 0 10px; } .manager__phone { font-size: 16px; font-weight: 300; line-height: 1.62; color: #000; } .manager__button { display: block; border: 1px solid #4A82C4; padding: 14px; color: #4A82C4; font-size: 12px; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; text-align: center; margin-top: 15px; } .manager__button:hover { background-color: #4A82C4; color: #FFFFFF; } .manager__contacts { background-color: rgba(249, 250, 251, 0.5); padding-bottom: 40px; border-radius: 40px 0 0 0; } .manager__contacts ~ .manager__contacts { margin-top: 40px; } .manager__title { font-size: 16px; text-transform: uppercase; color: #000; } .manager__contact { margin-top: 20px; color: #000; } .manager__contact-title { font-size: 16px; font-weight: bold; line-height: 1.57; } .manager__contact-address { line-height: 1.5; margin: 10px 0; } .manager__contact-phone { font-size: 16px; font-weight: 300; line-height: 1.62; color: #000; } .manager__widget { position: fixed; bottom: 30px; right: 10px; background: #ECF6FE; box-shadow: 0px 3px 5px rgba(51, 51, 51, 0.03), 0px 5px 20px rgba(51, 51, 51, 0.08); padding: 15px 30px 10px 82px; max-width: 220px; display: none; } .manager__widget-photo { position: absolute; top: 10px; left: 10px; width: 60px; height: 60px; border-radius: 50%; overflow: hidden; } .manager__widget-photo picture, .manager__widget-photo img { width: 100%; height: 100%; object-fit: cover; } .manager__widget-ready { background-color: #FFFFFF; padding: 5px 10px; border-radius: 6px 6px 6px 0; position: relative; left: -5px; } .manager__widget-ready:before { content: ''; border: 6px solid transparent; border-left: 6px solid #FFFFFF; border-top: 6px solid #FFFFFF; position: absolute; top: 100%; left: 0; } .manager__widget-name { font-family: "LetoSans", sans-serif; font-weight: bold; font-size: 12px; letter-spacing: 0.05em; color: #000; margin-top: 10px; } .manager__widget-labael { font-family: "LetoSans", sans-serif; color: #828282; font-size: 10px; margin-top: 5px; } .manager__widget-close { position: absolute; top: 5px; right: 5px; } .manager__widget-close svg { width: 20px; height: 20px; stroke: #9FD6F7; transition: 0.2s; } .manager__widget-close:hover svg { stroke: #4A82C4; } .manager_light .manager__content { background-color: #F5F5F5; } .manager_light .manager__contacts { padding: 30px 15px 20px; border: 1px solid #E7E7E7; border-top-left-radius: 30px; border-bottom-right-radius: 30px; background-color: #FFFFFF; } .manager__widget_light { background: #FEF3D9; box-shadow: 0px 5px 20px 0px #33333314, 0px 3px 5px 0px #33333308; } .fancybox-close-small { display: none; } .fancybox-slide--image .fancybox-content { background-color: #fff; } .fancybox__content :focus { outline: none !important; } .modal { width: 100%; max-width: 610px; padding: 60px 110px 40px; position: relative; background-color: #FFFFFF; text-align: center; display: none; } .modal--ajax { display: inline-block; } .modal_size { padding: 60px 80px 80px; } .modal__title { text-align: center; font-size: 20px; text-transform: uppercase; font-weight: 500; } .modal__title_single { padding-bottom: 20px; } .modal__text { margin-top: 20px; font-size: 14px; line-height: 1.5; } .modal__text_huge { max-width: 590px; margin-left: auto; margin-right: auto; margin-bottom: 0; } .modal__form { margin-top: 40px; } .modal__form_cols { display: flex; flex-wrap: wrap; justify-content: space-between; } .modal__form_cols .input-text__label { letter-spacing: 0; } .modal__form_cols .input-text__field { padding-left: 20px; } .modal__form_cols .input-text__label { left: 20px; } .modal__form-row { width: 100%; margin-top: 10px; text-align: left; } .modal__form-row_btn { display: flex; justify-content: center; margin-top: 30px; } .modal__form-row_btn_full .form-button { max-width: 100%; } .modal__form-row_link { margin-top: 20px; text-align: center; } .modal__form-row_33 { width: 32.333333%; } .modal__form-row_50 { width: 49.3%; } .modal__form-row_25 { width: 24.1%; } .modal__form-row_t-indent { margin-top: 20px; } .modal__form-row .textarea { height: 100px; padding: 22px 20px; border: 1px solid #4A82C4; } .modal__form-row .textarea::placeholder { color: #4A82C4; } .modal__form-row .textarea:focus { margin-top: 0 !important; } .modal__form-row_light-gray .textarea { min-height: 60px; height: auto; border-color: #E7E7E7; padding: 22px 30px; resize: vertical; resize: none; } .modal__form-row_light-gray .textarea:focus { border-color: #E7E7E7; } .modal__form-row_light-gray .textarea.not-empty { border-color: #E7E7E7; } .modal__form-row_light-gray .textarea::placeholder { color: #9E9E9E; font-size: 12px; letter-spacing: 0.2em; } .modal__form-row_gray .textarea { min-height: 60px; height: auto; border-color: #BDBDBD; padding: 22px 30px; resize: vertical; } .modal__form-row_gray .textarea::placeholder { color: #BDBDBD; font-size: 12px; letter-spacing: 0.2em; } .modal__form-row .select2__wrap.has-value .select2__wrap-title { top: 10px; } .modal__form-row .select2__wrap.select2__wrap_letter .select2-container--default .select2-selection--single { padding-left: 30px; } .modal__form-row .select2__wrap.select2__wrap_letter .select2-dropdown { padding: 10px 24px; } .modal__form-row .select2__wrap-title { position: absolute; top: 23px; left: 20px; letter-spacing: 0; } .modal__form-row .select2__wrap-title_letter { left: 30px; letter-spacing: .2em; } .modal__form-row .select2-selection__rendered { padding-left: 0 !important; } .modal__form-row .input-check span { padding-top: 2px; } .modal__social-text { width: 100%; margin: 20px 0 0; font-size: 16px; font-weight: 400; line-height: 26px; text-align: left; } .modal__form-col { display: flex; flex-direction: column; align-items: center; } .modal__form-col button:last-child { margin-top: 15px; } .modal__close-wrap { position: absolute; top: 20px; right: 20px; } .modal__close { display: inline-flex; align-items: center; color: #4A82C4; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; } .modal__close span { display: none; } .modal__close svg { width: 30px; height: 30px; stroke: #333; transition: 0.2s; } .modal__close:hover svg { stroke: #4A82C4; } .modal__link { display: inline-block; font-size: 14px; border-bottom: 1px solid transparent; } .modal__link:hover { border-color: currentColor; } .modal__bottom { position: relative; margin-top: 40px; margin-bottom: -10px; padding: 30px 0 10px; } .modal__bottom:before { content: ''; width: 800px; height: 1px; background-color: #EFF2F4; position: absolute; top: 0; left: 50%; transform: translateX(-50%); } .modal__bottom-link { display: inline-flex; align-items: center; color: #4A82C4; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; } .modal__bottom-link span { padding: 3px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .modal__bottom-link svg { width: 30px; height: 30px; stroke: #9FD6F7; transition: 0.2s; margin-left: 15px; } .modal__bottom-link:hover span { border-color: currentColor; } .modal__bottom-link:hover svg { stroke: #4A82C4; } .modal__detailed { margin-top: 50px; } .modal__detailed .detailed__item { padding-right: 10px; } .modal__detailed .detailed__table-cell { flex-grow: 0; flex-shrink: 1; text-align: left; padding-right: 20px; } .modal__detailed .detailed__table-cell:nth-child(1) { flex-basis: 137px; } .modal__detailed .detailed__table-cell:nth-child(2) { flex-basis: 410px; } .modal__detailed .detailed__table-cell:nth-child(3) { flex-basis: 194px; } .modal__detailed .detailed__table-cell:nth-child(4) { flex-basis: 120px; } .modal__detailed .detailed__name:hover { color: #9FD6F7; } .modal__detailed .detailed__count { text-align: left; } .modal__detailed .detailed__price { text-align: left; } .modal__detailed .availability { justify-content: flex-start; } .modal__card { text-align: left; } .modal__card .card__button { margin: 0; } .modal__card .card__min-button { display: flex; justify-content: flex-start; margin: 30px 0 45px; } .modal__card .card__min-button .form-button { width: auto; } .modal__form-check { margin-top: 10px; } .modal__form-check:first-child { margin-top: 20px; } .modal__form-check .input-check span { padding-left: 28px; padding-top: 2px; text-align: left; } .modal_b { max-width: 1030px; } .modal_wide { max-width: 810px; } .modal_large { max-width: 1030px; padding: 60px 50px 120px; } .modal_huge { max-width: 1240px; padding: 50px 50px 60px; } .modal_added { padding: 60px; } .modal_success { padding: 50px 68px 50px 188px; } .modal_success .modal__title { text-align: left; } .modal_success .modal__text { text-align: left; } .modal_success .modal__svg { position: absolute; top: 50%; left: 68px; transform: translateY(-50%); } .modal_dealer { margin-bottom: 200px; } .modal__buttonrow { display: flex; justify-content: space-around; align-items: center; } .modal__buttonrow { margin-top: 25px; } .modal__buttonrow .modal__bottom-link_filled { background: #4A82C4; color: #fff; padding: 10px 20px; margin-right: 20px; } .modal__buttonrow .modal__bottom-link_filled span { padding: 0; border: none; } .modal__buttonrow .modal__bottom-link_filled:hover { background: #65a5f1; } .modal__buttonrow .modal__bottom-link_filled:hover svg { stroke: #fff; } .modal_request { text-align: left; padding: 22px 30px 30px !important; } .modal_request .request__wrap { padding: 0; box-shadow: none; } .modal__info-icon { margin-bottom: 20px; } .modal_remove-request { max-width: 415px; padding: 60px; } .modal__desc { margin-top: 20px; margin-bottom: 28px; font-size: 14px; font-weight: 400; line-height: 21px; color: #333333; } .modal__captcha-block { display: flex; justify-content: center; margin-top: 30px; } .modal__toggler-block { margin-bottom: 25px; } .modal__toggler-label { display: flex; justify-content: space-between; width: 100%; font-size: 14px; font-weight: 400; line-height: 18px; color: #0E0E0E; cursor: pointer; } .modal__toggler-label span { position: relative; display: block; width: 36px; height: 18px; background-color: gray; border-radius: 9px; transition: 0.35s background-color; } .modal__toggler-label span::before { position: absolute; top: 1px; left: 1px; content: ''; display: block; width: 16px; height: 16px; border-radius: 50%; background-color: #FFFFFF; transition: 0.35s left; } .modal__toggler-input { display: none; } .modal__toggler-input:checked + span { background-color: #4A82C4; } .modal__toggler-input:checked + span::before { left: 19px; } .modal#chat .select2-search.select2-search--dropdown { display: none; } .modal__size { margin-top: 30px; text-align: start; } .modal__size-item { margin-bottom: 30px; } .modal__size-text { color: #828282; font-size: 14px; font-weight: 400; line-height: normal; margin-bottom: 30px; } .modal__size-row { display: flex; flex-wrap: wrap; margin: -25px -5px 0; } .modal__size-label { display: block; position: relative; margin: 25px 5px 0; } .modal__size-label input { position: absolute; top: 0; left: 0; opacity: 0; height: 100%; width: 100%; z-index: 10; cursor: pointer; } .modal__size-label input:checked ~ .modal__size-value { border-color: #1E7FB9; } .modal__size-label input:disabled ~ .modal__size-value { border-color: #EFF2F4; color: #DFE6EA; } .modal__size-label input:hover ~ .modal__size-value { border-color: #1E7FB9; } .modal__size-label_disabled .modal__size-value { border-color: #EFF2F4; color: #DFE6EA; } .modal__size-value { border: 1px solid #DFE6EA; padding: 11px 15px; color: #333; font-size: 14px; font-weight: 400; line-height: normal; transition: border-color .3s linear; } .modal__size-flex { display: flex; margin: 35px -5px 0; } .modal__size-btn { width: calc(50% - 10px); margin: 0 5px; display: flex; align-items: center; text-align: center; justify-content: center; height: 60px; font-size: 12px; font-weight: 400; line-height: normal; letter-spacing: 2.4px; text-transform: uppercase; cursor: pointer; transition: color .3s linear, background-color .3s linear, border-color .3s linear; } .modal__size-btn:first-of-type { background-color: #fff; border: 1px solid #9FD6F6; color: #4A82C4; } .modal__size-btn:first-of-type:hover { background-color: #4A82C4; border-color: #4A82C4; color: #fff; } .modal__size-btn:last-of-type { color: #fff; border: 1px solid #1E7FB9; background-color: #1E7FB9; } .modal__size-btn:last-of-type:hover { background-color: #fff; color: #1E7FB9; } .modal__size-btn:last-of-type:hover .modal__size-icon { border-left: 1px solid #1E7FB9; } .modal__size-btn:last-of-type:hover .modal__size-icon svg { stroke: #1E7FB9; } .modal__size-btn:last-of-type strong { font-weight: 400; padding-left: 30px; } .modal__size-btn:disabled { opacity: .5; } .modal__size-icon { border-left: 1px solid #fff; padding: 0; width: 60px; height: 60px; margin-left: auto; display: flex; align-items: center; justify-content: center; } .modal__size-icon svg { stroke: #fff; } .modal-cookies-ag { padding: 15px; display: flex; justify-content: center; align-items: center; gap: 40px; position: fixed; z-index: 999; bottom: 0; left: 0; width: 100%; background-color: #F5F5F5; } .modal-cookies-ag.hidden { display: none !important; } .modal-cookies-ag__text { color: #484848; font-size: 16px; font-style: normal; font-weight: 400; line-height: 16px; margin: 0; } .modal-cookies-ag__text a { color: #4A82C4; text-decoration: underline; } .modal-cookies-ag__button { border-radius: 0; padding: 10px 20px; display: flex; justify-content: center; align-items: center; border: 1px solid #4A82C4; color: #4A82C4; text-transform: uppercase; font-size: 12px; font-style: normal; font-weight: 400; line-height: normal; letter-spacing: 2.4px; cursor: pointer; } .modal_light .modal__bottom-link { color: #484848; } .modal_light .modal__bottom-link svg { stroke: #484848; } .is-close { top: 10px !important; right: 10px !important; width: 30px; height: 30px; } .is-close svg { color: rgba(51, 51, 51, 0.5); } .informslider { background: #EFF2F4; padding: 120px 0 120px; } .informslider__main { display: flex; justify-content: flex-end; margin-top: 100px; font-family: "LetoSans", sans-serif; font-weight: 400; color: #9FD6F7; font-size: 16px; letter-spacing: 0.2em; text-transform: uppercase; } .informslider__list > .informslider__item:not(:first-child) { display: none; } .informslider__item { outline: none; } .informslider__img { padding-left: 220px; } .informslider__img picture { display: block; object-fit: cover; border-radius: 0 120px 0 0; overflow: hidden; } .informslider__content-wrap { position: absolute; bottom: 0; left: 0; } .informslider__content { width: 440px; min-height: 300px; background-color: #FFFFFF; padding: 30px; display: flex; flex-direction: column; transition: 0.2s; opacity: 1; } .informslider__title { font-size: 20px; font-weight: 500; line-height: 1.5; margin-bottom: 28px; text-transform: uppercase; color: #000; } .informslider__text { font-size: 14px; line-height: 1.5; font-weight: 300; margin-bottom: 25px; } .informslider__button { margin-top: auto; } .informslider__button .form-button { max-width: 250px; } .informslider .slick-active .informslider__content { animation-name: informsliderAnimate; animation-duration: 1s; } .informslider .slick-arrow { top: inherit; transform: none; bottom: -80px; right: -15px; width: 60px; height: 60px; display: flex; align-items: center; justify-content: center; } .informslider .slick-arrow svg { width: 30px; height: 30px; } .informslider .slick-arrow.prev { left: initial; right: 45px; } .informslider .slick-dots { position: absolute; right: 140px; bottom: -55px; margin: 0; } .informslider .slick-dots li { margin: 0 8px; position: relative; } .informslider .slick-dots li:before { content: ''; width: 16px; height: 16px; border: 1px solid #4A82C4; position: absolute; top: -5px; left: -5px; border-radius: 50%; opacity: 0; transition: 0.2s; } .informslider .slick-dots li button { width: 8px; height: 8px; background-color: #4A82C4; } .informslider .slick-dots li.slick-active:before { opacity: 1; } @keyframes informsliderAnimate { 0% { opacity: 0; transform: translateX(70px); } 100% { opacity: 1; -webkit-transform: none; transform: none; } } .allcats { background: #607C8E; padding: 100px 0; color: #FFFFFF; } .allcats__title { font-size: 40px; font-weight: 300; text-transform: uppercase; } .allcats__wrap { margin-top: 42px; } .allcats__row { position: relative; display: flex; align-items: stretch; padding: 40px; background-color: rgba(255, 255, 255, 0.03); max-height: 300px; overflow: hidden; transition: 0.2s; margin-top: 10px; } .allcats__row:hover { background-color: rgba(255, 255, 255, 0.1); } .allcats__row.active { max-height: 9999px; } .allcats__name { flex: 0 0 170px; } .allcats__name svg { width: 60px; height: 60px; } .allcats__name-text { font-size: 20px; line-height: 1.5; text-transform: uppercase; font-weight: 500; } .allcats__list { flex: 1 1 100%; display: flex; flex-wrap: wrap; } .allcats__list-col { flex: 0 0 148px; max-height: 100%; overflow: hidden; } .allcats__list-col:not(:last-child) { margin-right: 60px; } .allcats__list-elem:not(:first-child) { margin-top: 54px; } .allcats__list-name { font-size: 14px; line-height: 1.57; } .allcats__list-name svg { display: none; } .allcats__list-item { margin-top: 11px; } .allcats__list-link { font-size: 14px; font-weight: 300; line-height: 1.5; border-bottom: 1px solid transparent; } .allcats__list-link:hover { border-color: currentColor; } .allcats__button { display: inline-flex; width: 51px; height: 28px; border: 1px solid rgba(255, 255, 255, 0.2); border-radius: 15px; position: relative; align-items: center; justify-content: space-around; padding: 0 12px; cursor: pointer; transition: 0.2s; position: absolute; left: 40px; bottom: 40px; } .allcats__button span { width: 4px; height: 4px; background: rgba(255, 255, 255, 0.3); border-radius: 50%; transition: 0.2s; } .allcats__button:hover span { background-color: #FFFFFF; } .allcats__button:hover span:nth-child(2) { transform: translateY(4px); } .advantages { margin: 160px 0 70px; } .advantages__list { display: flex; flex-wrap: wrap; } .advantages__item { flex-grow: 0; flex-shrink: 1; margin-right: 63px; margin-bottom: 63px; flex-basis: calc(100% / 2 - (63px * (2 - 1)) / 2); max-width: calc(100% / 2 - (63px * (2 - 1)) / 2); display: flex; margin-bottom: 0; position: relative; } .advantages__item:nth-child(3n) { margin-right: 63px; } .advantages__item:nth-child(2n) { margin-right: 0; } .advantages__item:hover { cursor: pointer; } .advantages__item:hover .advantages__img-wrap { filter: grayscale(0%); } .advantages__item:hover .advantages__ico { background: rgba(255, 255, 255, 0.3); } .advantages__item:nth-child(even) { margin-top: 130px; } .advantages__img { flex: 1 1 100%; } .advantages__img-wrap { padding-top: 131.53%; overflow: hidden; position: relative; border-radius: 40px 0; filter: grayscale(100%); transition: 0.2s; } .advantages__img-wrap picture, .advantages__img-wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .advantages__desc { flex: 0 0 253px; margin-left: 20px; } .advantages__ico { border-radius: 20px 0; width: 100px; height: 75px; display: flex; align-items: center; justify-content: center; margin-bottom: 10px; transition: 0.2s; } .advantages__ico svg { width: 55px; height: 55px; stroke: none; fill: #FFFFFF; transition: 0.2s; } .advantages__name { font-size: 20px; line-height: 1.5; text-transform: uppercase; color: #FFFFFF; transition: 0.2s; } .advantages__text { font-size: 14px; line-height: 1.5; font-weight: 300; margin-top: 20px; } .special { padding: 50px 0; overflow: hidden; } .special__title { font-family: "LetoSans", sans-serif; font-weight: 300; font-size: 40px; color: #000; margin: 0; text-transform: uppercase; } .special__slider { margin-top: 50px; margin-left: -10px; margin-right: -10px; } .special__slider .slick-track, .special__slider .slick-list { overflow: visible; } .special__slider > .special__item { opacity: 1; width: 400px; } .special__slider > .special__item:not(:first-child) { display: none; } .special__item { display: block; padding: 10px; transition: 0.2s; opacity: 0.2; } .special__item:hover { z-index: 2; } .special__item:hover .special__wrap { box-shadow: 0px 0px 50px rgba(51, 51, 51, 0.1); } .special__item:hover .special__button { opacity: 1; } .special__item.slick-active { opacity: 1; } .special__wrap { background-color: #FFFFFF; transition: 0.2s; } .special__img-wrap { padding-top: 82.5%; overflow: hidden; position: relative; } .special__img-wrap picture, .special__img-wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .special__content { padding: 40px; } .special__name { font-size: 20px; line-height: 1.5; text-transform: uppercase; color: #000; height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .special__text { font-size: 14px; font-weight: 300; line-height: 1.5; margin-top: 20px; height: 4.4em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .special__button { transition: 0.2s; opacity: 0; margin-top: 40px; } .special__button .form-button { max-width: 100%; border-color: #4A82C4; } .special__button .form-button__ico { background-color: #4A82C4; border-color: #4A82C4; } .special__button .form-button__ico svg { stroke: #FFFFFF; } .special .slick-dots { margin-top: 20px; } .special .slick-dots li { margin: 0 7px; position: relative; } .special .slick-dots li:before { content: ''; width: 16px; height: 16px; border: 1px solid #4A82C4; position: absolute; top: -5px; left: -5px; border-radius: 50%; opacity: 0; transition: 0.2s; } .special .slick-dots li button { width: 8px; height: 8px; background-color: #4A82C4; } .special .slick-dots li.slick-active:before { opacity: 1; } .overview__slider { max-width: 90%; } .overview__slider > .overview__item:not(:first-child) { display: none; } .overview__item { position: relative; outline: none; } .overview__img { border-radius: 0 0 120px 0; overflow: hidden; } .overview__img-wrap { padding-top: 53.08%; overflow: hidden; position: relative; } .overview__img-wrap picture, .overview__img-wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .overview__img-wrap:before { content: ''; position: absolute; width: 100%; height: 100%; background: linear-gradient(360deg, #C4C4C4 -5.09%, #000000 -5.09%, rgba(0, 0, 0, 0) 42.55%); top: 0; left: 0; z-index: 2; } .overview__block { position: absolute; width: 60px; height: 60px; z-index: 3; } .overview__block-dot { width: 60px; height: 60px; position: relative; } .overview__block-dot:after, .overview__block-dot:before { content: ''; border-radius: 50%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .overview__block-dot:before { width: 8px; height: 8px; background-color: #FFFFFF; } .overview__block-dot:after { width: 18px; height: 18px; border: 1px solid #FFFFFF; } .overview__block-content { background: rgba(51, 51, 51, 0.8); width: 300px; position: absolute; top: 30px; right: 100%; margin-right: 10px; } .overview__block-content:before { content: ''; border: 20px solid transparent; border-left: 20px solid rgba(51, 51, 51, 0.8); border-top: 0px solid rgba(51, 51, 51, 0.8); position: absolute; left: 100%; top: 0; } .overview__block-name { padding: 20px; font-size: 16px; font-weight: 300; line-height: 1.62; color: #FFFFFF; } .overview__block-button .form-button { max-width: 100%; border-color: #FFFFFF; border-left: none; border-bottom: none; border-right: none; color: #FFFFFF; } .overview__block-button .form-button svg { stroke: #FFFFFF; } .overview__block-button .form-button__ico { border-color: #FFFFFF; } .overview__block-button .form-button:hover { border-color: #000; color: #000; background-color: #FFFFFF; } .overview__block-button .form-button:hover .form-button__ico { background-color: transparent; border-color: #000; } .overview__block-button .form-button:hover .form-button__ico svg { stroke: #000; } .overview__thumbs { position: relative; z-index: 2; margin-top: -130px; } .overview__thumbs > .overview__thumb { width: 295px; } .overview__thumbs > .overview__thumb:not(:first-child) { display: none; } .overview__thumb { padding: 50px 10px 0 10px; position: relative; outline: none; cursor: pointer; } .overview__thumb-num { font-size: 80px; font-weight: 300; color: #FFFFFF; position: absolute; top: 0; right: 0; padding: 0 10px; line-height: 1; } .overview__thumb-img { position: relative; z-index: 2; border-radius: 0 0 0 40px; overflow: hidden; } .overview__thumb-img:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: linear-gradient(0deg, #000000 0%, rgba(0, 0, 0, 0) 41.3%); z-index: 1; } .overview__thumb-img picture, .overview__thumb-img img { display: block; width: 100%; } .overview__thumb-name { padding: 16px; width: 100%; color: #FFFFFF; position: absolute; bottom: 0; left: 0; z-index: 3; text-align: center; font-weight: normal; font-size: 14px; line-height: 1.57; } .overview .slick-arrow { top: 15px; z-index: 10; } .overview .slick-arrow svg { stroke: #FFFFFF; } .overview .slick-arrow.prev { left: 20px; } .overview .slick-arrow.next { right: initial; left: 70px; } .overview .slick-arrow.slick-disabled { cursor: pointer; } .overview .slick-arrow.slick-disabled svg { stroke: #FFFFFF; } .mainhelp { background-color: #EFF2F4; padding: 120px 0; } .mainhelp_mt { margin-top: -40px; } .mainhelp_pt { padding-top: 210px; } .mainhelp__row { display: flex; justify-content: center; } .mainhelp__img { flex: 0 0 500px; overflow: hidden; border-radius: 40px 0px; } .mainhelp__img picture, .mainhelp__img img { display: block; } .mainhelp__content { flex: 0 0 525px; padding-top: 50px; } .mainhelp__title { padding-left: 60px; font-family: "LetoSans", sans-serif; font-weight: 100; font-size: 40px; line-height: 1.1; text-transform: uppercase; color: #000; margin: 0; } .mainhelp__block { margin-top: 44px; background-color: #607C8E; padding: 43px 60px; color: #FFFFFF; } .mainhelp__subtitle { font-size: 20px; line-height: 1.5; text-transform: uppercase; max-width: 360px; } .mainhelp__text { margin-top: 15px; font-weight: 300; line-height: 1.5; font-size: 14px; max-width: 360px; } .mainhelp__button { margin-top: 25px; } .mainreviews { padding: 100px 0; overflow: hidden; } .mainreviews__title { font-family: "LetoSans", sans-serif; font-weight: 100; font-size: 40px; color: #000; margin: 0; text-transform: uppercase; padding-left: 60px; } .mainreviews__row { display: flex; margin-top: 40px; align-items: flex-start; } .mainreviews__content { flex: 1 1 100%; min-width: 0; } .mainreviews__slider > .mainreviews__item:not(:first-child) { display: none; } .mainreviews__item { outline: none; width: 100%; transition: 0.2s; } .mainreviews__item .mainreviews__user { display: none; } .mainreviews__item-wrap { padding: 60px; color: #FFFFFF; border-radius: 0px 0px 0px 40px; background-color: #607C8E; height: 418px; overflow: auto; position: relative; } .mainreviews__item-wrap.fancybox-content { max-width: 700px; padding: 40px; height: initial; } .mainreviews__item-wrap.fancybox-content .mainreviews__label { max-height: initial; } .mainreviews__item-wrap.fancybox-content .mainreviews__text { max-height: initial; } .mainreviews__item-wrap.fancybox-content .mainreviews__more { display: none; } .mainreviews__label { font-family: "LetoSans", sans-serif; font-size: 20px; line-height: 26px; text-transform: uppercase; margin-bottom: 20px; } .mainreviews__text { font-size: 16px; font-weight: 300; line-height: 1.62; } .mainreviews__list { flex: 0 0 505px; border-radius: 0px 40px 40px 0px; border: 1px solid #EFF2F4; margin-left: 20px; padding: 30px; } .mainreviews__users { height: 347px; padding-right: 15px; overflow-y: auto; scroll-snap-type: y mandatory; } .mainreviews__users::-webkit-scrollbar { width: 5px; } .mainreviews__users::-webkit-scrollbar-track { box-shadow: none; background-color: rgba(239, 242, 244, 0.4); } .mainreviews__users::-webkit-scrollbar-thumb { background-color: #4A82C4; border-radius: 3px; } .mainreviews__user { display: flex; align-items: center; border-radius: 20px; background: #FFFFFF; padding: 19px 19px 19px 39px; margin-bottom: 4px; scroll-snap-align: end; transition: 0.2s; border: 1px solid #F9FAFB; cursor: pointer; user-select: none; } .mainreviews__user:hover, .mainreviews__user.active { border-color: #9FD6F7; padding-left: 19px; } .mainreviews__user:hover .mainreviews__user-info, .mainreviews__user.active .mainreviews__user-info { padding-right: 0; } .mainreviews__user-photo { flex: 0 0 73px; width: 73px; height: 73px; margin-right: 20px; transition: 0.2s; border-radius: 50%; overflow: hidden; } .mainreviews__user-photo img, .mainreviews__user-photo picture { width: 100%; display: block; } .mainreviews__user-info { flex: 1 1 100%; color: #000; max-width: 270px; } .mainreviews__user-name { font-family: "LetoSans", sans-serif; font-weight: bold; font-size: 16px; letter-spacing: 0.05em; } .mainreviews__user-desc { font-size: 12px; line-height: 1.5; margin-top: 7px; } .mainreviews__button { margin-top: 40px; } .mainreviews__button .form-button { max-width: 100%; } .mainreviews__more { font-family: "LetoSans", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; align-items: center; display: none; position: absolute; bottom: 30px; left: 25px; } .mainreviews__more svg { width: 30px; height: 30px; stroke: #FFFFFF; margin-left: 15px; } .socialblock { background: url("/local/templates/main/assets/styles/../img/style/socialblock_bg.jpg") no-repeat center center; background-size: cover; } .socialblock_mb { margin-bottom: -120px; } .socialblock__list { display: flex; align-items: stretch; justify-content: flex-end; } .socialblock__item { flex: 0 0 200px; border-left: 1px solid rgba(255, 255, 255, 0.3); padding: 120px 34px 180px; text-align: center; transition: 0.2s; } .socialblock__item:last-child { border-right: 1px solid rgba(255, 255, 255, 0.3); } .socialblock__item:hover { background: linear-gradient(180deg, rgba(72, 72, 72, 0.8) 0%, rgba(37, 40, 43, 0.8) 100%); backdrop-filter: blur(20px); } .socialblock__item:hover .socialblock__item-list { opacity: 1; } .socialblock__logo { width: 100px; height: 100px; display: inline-flex; align-items: center; justify-content: center; border: 1px solid #FFFFFF; border-radius: 25px; transition: 0.2s; } .socialblock__logo svg { width: 70px; height: 70px; fill: #FFFFFF; transition: 0.2s; } .socialblock__logo-name { color: #FFFFFF; font-size: 12px; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; margin-top: 15px; transition: 0.2s; } .socialblock__item-list { text-align: left; margin-top: 44px; opacity: 0; transition: 0.2s; } .socialblock__item-link { display: flex; align-items: center; color: #FFFFFF; font-size: 14px; transition: 0.2s; } .socialblock__item-link svg { width: 30px; height: 30px; stroke: #FFF200; margin-left: 13px; opacity: 0; transition: 0.2s; } .socialblock__item-link:hover { color: #FFF200; } .socialblock__item-link:hover svg { opacity: 1; } .mapblock { width: 100%; height: 100vh; background-color: #FFFFFF; display: none; padding-top: 40px; overflow: hidden; } .mapblock__wrap { display: flex; flex-direction: column; height: 100%; } .mapblock__back { border-right: 1px solid #EFF2F4; padding-right: 15px; display: none; } .mapblock__back svg { width: 30px; height: 30px; stroke: #333; transform: scale(-1, 1); } .mapblock__filter { margin-left: auto; order: 99; display: none; position: relative; } .mapblock__filter .header__control-dot { bottom: 7px; } .mapblock__filter svg { width: 30px; height: 30px; stroke: #333; } .mapblock__search-wrap { position: relative; } .mapblock__search-result { z-index: 99 !important; display: block; } .mapblock__search-result:before { content: ''; width: 100vw; height: 100%; background-color: #fff; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; } .mapblock__search-result .search-result__wrap { padding: 25px; max-height: 45vh; overflow: initial; display: flex; flex-direction: column; } .mapblock__search-result .search-result__content { margin-bottom: 0; border: none; overflow-y: auto; padding-bottom: 0; } .mapblock__search-result .search-result__more { padding-left: 0; } .mapblock__search-result .search-result__more { margin-top: 30px; } .mapblock__search-cities { display: flex; flex-wrap: wrap; align-items: flex-start; } .mapblock__search-cities-item { flex-grow: 0; flex-shrink: 1; margin-right: 22px; margin-bottom: 22px; flex-basis: calc(100% / 4 - (22px * (4 - 1)) / 4); max-width: calc(100% / 4 - (22px * (4 - 1)) / 4); } .mapblock__search-cities-item:nth-child(5n) { margin-right: 22px; } .mapblock__search-cities-item:nth-child(4n) { margin-right: 0; } .mapblock__search-cities-item:nth-child(1) span { color: #4A82C4; } .mapblock__search-cities-link { font-size: 14px; line-height: 1; color: #333; transition: 0.2s; cursor: pointer; } .mapblock__search-cities-link:hover { color: #4A82C4; } .mapblock__title { font-size: 20px; font-weight: 500; color: #333; text-transform: uppercase; margin: 0; } .mapblock__close { display: flex; align-items: center; color: #4A82C4; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; transition: 0.2s; position: absolute; top: 0px; right: 15px; line-height: 1; } .mapblock__close span { border-bottom: 1px solid transparent; padding: 3px 0; transition: 0.2s; } .mapblock__close svg { width: 20px; height: 20px; stroke: #9FD6F7; margin-left: 20px; transition: 0.2s; } .mapblock__close:hover span { border-color: currentColor; } .mapblock__close:hover svg { stroke: #4A82C4; } .mapblock__map-wrap { flex: 1 1 100%; background-color: #ccc; position: relative; } .mapblock__map { height: 100%; } .mapblock__map > ymaps { height: 100% !important; } .mapblock__map > ymaps > ymaps { height: 100% !important; } .mapblock__content { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .mapblock__content .container { height: 100%; pointer-events: none; } .mapblock__sidebar { position: absolute; top: 0; right: 0; pointer-events: initial; width: 505px; height: 100%; background-color: #FFFFFF; z-index: 3; padding: 30px; } .mapblock__balloon { display: flex; flex-direction: column; height: 100%; padding: 20px; } .mapblock__balloon-title { font-weight: 500; font-size: 16px; line-height: 130%; padding-bottom: 17px; } .mapblock__balloon-text { font-size: 12px; line-height: 150%; color: #6c7d8a; padding-bottom: 5px; } .mapblock__balloon-site { font-size: 12px; color: #4A82C4; padding-bottom: 5px; } .mapblock__balloon-site a { color: #C41D1E; } .mapblock__balloon-phone { padding-bottom: 5px; } .mapblock__balloon-phone a { font-size: 12px; color: #C41D1E; transition: .2s; } .mapblock__balloon-url { font-size: 12px; font-family: "LetoSans", sans-serif; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; display: flex; color: #4A82C4; margin-top: auto; cursor: pointer; } .mapblock__balloon-url:not(:first-of-type) { padding-top: 10px; } .mapblock__balloon-url svg { stroke: #4A82C4; padding-left: 10px; box-sizing: content-box; } .mapblock ymaps [class*=balloon] { box-shadow: none; } .mapblock ymaps [class*=balloon__layout] { background-color: #F9FAFB; } .mapblock ymaps [class*=balloon__content] { font-family: "Gotham Pro", sans-serif; background: transparent; padding: 0; } .mapblock ymaps [class*=b-cluster-tabs__section_type_na] { background-color: #fff; border-right: none; padding: 20px 0 20px 20px; } .mapblock ymaps [class*=b-cluster-content] { font-family: "Gotham Pro", sans-serif; } .mapblock ymaps [class*=b-cluster-tabs__menu-item_current_yes] { background-color: #fff; } .mapblock ymaps [class*=b-cluster-tabs__menu-item-text] { color: #000; font-size: 13px; line-height: 150%; } .mapblock ymaps [class*=b-cluster-tabs__menu-item_current_yes] [class*=b-cluster-tabs__menu-item-text] { color: #4A82C4; } .mapblock ymaps [class*=balloon_layout_normal] [class*=b-cluster-tabs__menu] { overflow-y: auto; } .mapblock ymaps [class*=balloon_layout_normal] [class*=b-cluster-tabs__menu]::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #F6F6F6; } .mapblock ymaps [class*=balloon_layout_normal] [class*=b-cluster-tabs__menu]::-webkit-scrollbar { width: 4px; background-color: #F6F6F6; border-radius: 3px; } .mapblock ymaps [class*=balloon_layout_normal] [class*=b-cluster-tabs__menu]::-webkit-scrollbar-thumb { background-color: #4A82C4; border-radius: 3px; background-clip: unset; } .mapblock ymaps [class*=balloon__tail] { background-color: #F9FAFB; } .mapblock ymaps [class*=balloon__tail]:after { background-color: #F9FAFB; } .mapblock ymaps .balloon__tail-white { background-color: #fff; } .mapblock ymaps .balloon__tail-white:after { background-color: #fff; } .mapblock_dark { background-color: #231F20; } .mapblock_dark .mapblock__title { color: #FFFFFF; } .mapblock_dark .mapblock__close { color: #FFFFFF; } .mapblock_dark .mapblock__close svg { stroke: #FFFFFF; } .mapblock_dark .mapblock__search-cities-link { color: #DBDBDB; } .mapblock_dark .mapblock__search-cities-link:hover { color: #FFF200; } .mapblock_dark .mapblock__sidebar { background-color: #231F20F2; } .mapblock_dark .mapblock__ballon-site { color: #C41D1E; } .mapblock_dark .mapblock__ballon-site a { color: #C41D1E; } .mapblock_dark .mapblock__ballon-phone { color: #C41D1E; } .mapblock_dark .mapblock__ballon-phone a { color: #C41D1E; } .mapblock_dark ymaps [class*=b-cluster-tabs__menu-item_current_yes] [class*=b-cluster-tabs__menu-item-text] { color: #C41D1E; } .mapblock_dark ymaps [class*=balloon_layout_normal] [class*=b-cluster-tabs__menu]::-webkit-scrollbar-thumb { background-color: #C41D1E; } .mapblock_dark .cities__button { background-color: #484848; border-color: #484848; color: #9E9E9E; } .mapblock_dark .cities__button.active, .mapblock_dark .cities__button:hover { background: #231F20; color: #FFFFFF; } .mapblock_dark .pagination__more { color: #FFFFFF; } .mapblock_dark .search-result { background-color: #231F20; } .mapblock_dark .mapblock__search-result:before { background-color: #231F20; } .mapblock_dark .mapblock__search-cities-item:nth-child(1) span { color: #FFF200; } .mapblock_dark .filter { background: #231F20; } .mapblock_dark .filter__header { background: #231F20; } .mapblock_dark .filter__header-reset { color: #FFFFFF; } .mapblock_dark .filter__header-label { color: #E7E7E7; } .mapblock_dark .filter__header-back svg { stroke: #E7E7E7; } .mapblock_dark .filter__button { background-color: #484848; border-color: #5C5D60; color: #E7E7E7; } .mapblock_dark .filter__button-arrow svg { stroke: #E7E7E7; } .mapblock_dark .filter__button:hover { border-color: #FFF200; color: #FFFFFF; } .mapblock_dark .filter__button:hover .filter__button-arrow svg { stroke: #FFF200; } .mapblock_dark .filter__button.active { background-color: #484848; border-color: #5C5D60; color: #FFFFFF; } .mapblock_dark .filter__button.active:hover { border-color: #5C5D60; color: #FFFFFF; } .mapblock_dark .filter__button.active .filter__button-value { color: #FFF200; } .mapblock_dark .filter__button-reset svg { stroke: #FFFFFF; } .mapblock_dark .filter__button-reset:hover { background-color: transparent; } .mapblock_dark .filter__button-reset:hover svg { stroke: #FFF200; } .mapblock_dark .filter__priceblock { background-color: #484848; } .mapblock_dark .filter__priceblock::before { border-bottom-color: #484848; } .mapblock_dark .filter__priceblock-input { background-color: #484848; border-color: #F5F5F5; color: #FFFFFF; } .mapblock_dark .filter__priceblock-input:focus { border-color: #FFFFFF; } .mapblock_dark .filter__priceblock-clear { color: #FFFFFF; } .mapblock_dark .filter__priceblock-clear:hover { color: #FFF200; } .mapblock_dark .filter__priceblock-btn { background-color: #F5F5F5; border-color: #F5F5F5; color: #484848; } .mapblock_dark .filter__priceblock-btn:hover { background-color: #C41D1E; border-color: #C41D1E; color: #FFFFFF; } .map-places { height: 100%; } .map-places__wrap { display: flex; flex-flow: column; height: 100%; } .map-places__cities > .fs-wrap:first-child:not(.multiple) { margin-bottom: 10px; } .map-places__cities-title { font-size: 14px; font-weight: bold; margin-bottom: 20px; } .map-places__cities-search { display: flex; position: relative; } .map-places__cities-search input { width: 100%; padding: 0px 34px 0px 19px; border: 1px solid #CCECFF; border-radius: 10px; height: 32px; margin-bottom: 10px; transition: 0.2s; z-index: 2; background-color: #0000; } .map-places__cities-search input:hover { border: 1px solid #4A82C4; } .map-places__cities-search input:focus { border: 1px solid #4A82C4 !important; } .map-places__cities-search input:focus-visible { outline: none; } .map-places__cities-search svg { content: ''; position: absolute; width: 24px; height: 24px; stroke: #333; transition: 0.2s; right: 5px; top: 4px; z-index: 1; } .map-places__list { flex: 1 1 100%; min-height: 0; border-top: 1px solid #4A82C4; margin-top: 20px; } .map-places__list-wrap { height: 100%; overflow-y: auto; } .map-places__list-wrap::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #F6F6F6; } .map-places__list-wrap::-webkit-scrollbar { width: 4px; background-color: #F6F6F6; border-radius: 3px; } .map-places__list-wrap::-webkit-scrollbar-thumb { background-color: #4A82C4; border-radius: 3px; } .map-places__list-block { border-bottom: 1px solid #DFE6EA; padding: 20px 0; margin-right: 25px; } .map-places__list-item { cursor: pointer; } .map-places__list-item.active { cursor: initial; } .map-places__list-item.is-status { cursor: initial; } .map-places__list-item.is-status .map-places__item-text_address { cursor: initial; } .map-places__list-item.is-status:hover .map-places__item-name { color: inherit; } .map-places__list-item:hover .map-places__item-name { color: #4A82C4; } .map-places__item-name { font-size: 18px; font-weight: bold; line-height: 1; margin-bottom: 23px; transition: 0.2s; } .map-places__item-text { display: flex; margin-top: 6px; } .map-places__item-text_address { cursor: pointer; } .map-places__item-text_link a { padding-top: 3px; color: #4A82C4; } .map-places__item-text_link svg { stroke: currentColor; transform: scale(-1, 1); } .map-places__item-text svg { width: 20px; height: 20px; margin-right: 8px; min-width: 20px; } .map-places__item-text span { font-size: 12px; line-height: 1.5; padding-top: 1px; } .map-places__item-text p { margin-bottom: 0; } .map-places__item-text a:hover { color: #4A82C4; } .map-places__item-info { padding-top: 20px; display: none; } .map-places__item-info .map-places__item-text { margin-top: 17px; } .map-places__button { display: inline-block; border: 1px solid #CCECFF; padding: 15px 30px; font-size: 12px; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; } .map-places__button:hover { background-color: #4A82C4; border-color: #FFFFFF; color: #FFFFFF; } .map-places__line { width: 100%; height: 1px; background-color: #dfe6ea; margin: 25px 0 20px; } .map-places__back-wrap { margin-top: 20px; margin-bottom: -10px; } .map-places__back svg { transform: none; margin-left: 0; margin-right: 15px; } .map-places__statuses { display: flex; flex-wrap: wrap; margin: 20px -5px 0 -5px; } .map-places__status { margin: 5px; } .map-places__statusbtn { display: block; padding: 7px; font-weight: 700; background-color: rgba(23, 143, 61, 0.05); border-radius: 4px; cursor: pointer; white-space: nowrap; } .map-places__statusbtn.active { background-color: #178F3D; color: #fff; } .map-places__statusbtn_order { background-color: rgba(74, 130, 196, 0.05); color: #4A82C4; } .map-places__statusbtn_order.active { background-color: #4A82C4; color: #fff; } .map-places__statusbtn_define { background-color: rgba(93, 106, 137, 0.1); color: #5D6A89; } .map-places__statusbtn_define.active { background-color: #5D6A89; color: #fff; } .map-places__status-item { color: #178F3D; font-weight: 700; position: relative; padding-left: 20px; } .map-places__status-item:before { display: block; position: absolute; content: ""; width: 10px; height: 10px; left: 5px; top: 2px; } .map-places__status-item_buy:before { background-image: url("/local/templates/main/assets/styles/../img/sprites/sprite.svg#status_buy"); } .map-places__status-item_order { color: #4A82C4; } .map-places__status-item_order:before { background-image: url("/local/templates/main/assets/styles/../img/sprites/sprite.svg#status_order"); } .map-places__status-item_define { color: #5D6A89; } .map-places__status-item_define:before { background-image: url("/local/templates/main/assets/styles/../img/sprites/sprite.svg#status_define"); } .map-places__status-list { display: flex; margin: 10px 0; } .map-places_dark .map-places__list { border-top: 1px solid #FFFFFF; } .map-places_dark .map-places__list-wrap::-webkit-scrollbar-thumb { background-color: #FFF200; border-radius: 3px; } .map-places_dark .map-places__list-item:hover .map-places__item-name { color: #FFF200; } .map-places_dark .map-places__item-text_link a { color: #FFF200; } .map-places_dark .map-places__cities-search input { border: 1px solid #FFFFFF; color: #FFFFFF; } .map-places_dark .map-places__cities-search input::placeholder { color: #C4C4C4; } .map-places_dark .map-places__cities-search input:focus, .map-places_dark .map-places__cities-search input:hover { border-color: #FFF200 !important; } .map-places_dark .map-places__cities-search input:focus-visible { outline: none; } .map-places_dark .map-places__cities-search-icon { stroke: #FFFFFF; } .map-places_dark .map-places__statusbtn_order { color: #FFF200; background-color: rgba(255, 242, 0, 0.05); } .map-places_dark .map-places__statusbtn_order .active { background-color: transparent; color: #FFF200; border: 1px solid #FFF200; } .map-places_dark .map-places__status-item_order { color: #FFF200; } .map-places_dark .map-places__status-item_order::before { background-image: url("/local/templates/main/assets/styles/../img/sprites/sprite.svg#status_order_yellow"); } .map-places_dark .fs-wrap.fs-open .fs-label-wrap { border-color: #FFF200; } .map-places_dark .fs-wrap.fs-has-selected .fs-label-wrap { background-color: transparent; border-color: #FFF200 !important; } .map-places_dark .fs-wrap.multiple .fs-option.selected .fs-checkbox { border-color: #FFF200; background-color: #FFF200; } .map-places_dark .fs-wrap.multiple .fs-checkbox:before { background-image: url("/local/templates/main/assets/styles/../img/svg/ico_check-black.svg"); } .map-places_dark .fs-label-wrap { border: 1px solid #FFFFFF; } .map-places_dark .fs-label-wrap:hover, .map-places_dark .fs-label-wrap:focus { border-color: #FFF200; } .map-places_dark .fs-label-wrap .fs-label-count { color: #FFF200; } .map-places_dark .fs-label-wrap .fs-reset:hover { background-color: transparent; } .map-places_dark .fs-label-wrap .fs-reset:hover svg { stroke: #FFF200; } .map-places_dark .fs-label-wrap .fs-reset svg { stroke: #FFFFFF; } .map-places_dark .fs-search input { border: 1px solid #DBDBDB; } .map-places_dark .fs-search input:focus, .map-places_dark .fs-search input:hover { border-color: #FFF200; } .map-places_dark .fs-label-wrap .fs-label { color: #FFFFFF; } .map-places_dark .fs-arrow svg { stroke: #FFFFFF; } .map-places_dark .fs-dropdown { background-color: #484848; } .map-places_dark .fs-dropdown::before { border-bottom-color: #484848; } .map-places_dark .fs-dropdown input { background-color: #484848; border-color: #F5F5F5; color: #FFFFFF; } .map-places_dark .fs-dropdown input::placeholder { color: #C4C4C4; } .map-places_dark .fs-dropdown input:hover { border-color: #FFF200; } .map-places_dark .fs-dropdown input:focus { border-color: #FFFFFF; } .map-places_dark .fs-dropdown-clear { color: #FFFFFF; } .map-places_dark .fs-dropdown-clear:hover { color: #FFF200; } .map-places_dark .fs-dropdown-btn { background-color: #F5F5F5; color: #484848; } .map-places_dark .fs-dropdown-btn:hover { background-color: #C41D1E; color: #FFFFFF; } .map-places_dark .fs-dropdown .fs-options::-webkit-scrollbar-thumb { background-color: #9E9E9E; } .map-places_dark .fs-dropdown .fs-options::-webkit-scrollbar-track { background-color: #5C5D60; } .cities { margin-top: 10px; } .cities__list { display: flex; flex-wrap: wrap; } .cities__item { margin-right: 10px; margin-top: 20px; } .cities__item:last-child { margin-right: 0; } .cities__button { display: block; border: 1px solid #CCECFF; border-radius: 10px; padding: 11px 30px; cursor: pointer; } .cities__button.active, .cities__button:hover { background: #CCECFF; } .cities__more { margin: 20px 0; } .filter { background: #F9FAFB; } .filter__header { display: none; padding: 9px 0; background-color: #FFFFFF; border-bottom: 1px solid #DFE6EA; margin-bottom: 20px; } .filter__header-row { display: flex; align-items: center; justify-content: space-between; } .filter__header-back svg { width: 30px; height: 30px; stroke: #333; transform: scale(-1, 1); } .filter__header-label { margin-right: auto; margin-left: 20px; font-size: 16px; font-weight: 500; line-height: 1; } .filter__header-reset { color: #9FD6F7; font-size: 14px; } .filter__row { display: flex; justify-content: space-between; padding: 5px 0 15px 0; } .filter__left-block .filter__item { margin-right: 24px !important; } .filter__item { display: inline-block; position: relative; margin-top: 10px; vertical-align: top; } .filter__item_mobile { display: none; } .filter__item:not(:last-child) { margin-right: 10px; } .filter__item-checkbox { margin-top: 10px; } .filter__item-checkbox .checkbox-toggle { margin: 0; } .filter__item .fs-arrow svg { display: block; } .filter__select { position: relative; max-height: 32px; border-radius: 10px; border: 1px solid #CCECFF; overflow: hidden; scrollbar-width: none; background-color: #F9FAFD; color: #7b7b7b; } .filter__select:focus-visible { border: 1px solid #CCECFF !important; outline: none !important; } .filter__select option { display: flex; align-items: center; height: 30px; padding-right: 34px; padding-left: 17px; } .filter__select option:after { content: "-"; position: absolute; right: 15px; border-left: 1px black solid; color: #fff0; border-bottom: 1px black solid; height: 5px; width: 5px; transform: rotate(-45deg); } .filter__select option:checked { background-color: #F9FAFD; color: #7b7b7b; } .filter__button { display: flex; position: relative; align-items: center; padding: 8px 9px 8px 19px; height: 34px; border: 1px solid #CCECFF; border-radius: 10px; cursor: pointer; transition: 0.2s; } .filter__button:hover { border-color: #4A82C4; } .filter__button-label { margin-right: 10px; } .filter__button-value { display: none; margin-right: 10px; color: #4A82C4; } .filter__button.open .filter__button-arrow { transform: rotate(180deg); } .filter__button.active { padding: 10px 24px 9px 10px; background-color: #CCECFF; z-index: 2; } .filter__button.active:hover { border-color: #CCECFF; } .filter__button.active .filter__button-arrow { display: none; } .filter__button.active .filter__button-value, .filter__button.active .filter__button-reset { display: block; } .filter__button.active ~ .filter__button-reset { display: flex; } .filter__button-arrow { position: relative; width: 14px; height: 14px; top: 2px; transition: 0.2s; } .filter__button-arrow svg { width: 14px; height: 14px; stroke: #000; transition: 0.2s; } .filter__button-reset { display: none; cursor: pointer; position: absolute; top: 0px; right: 0px; z-index: 2; width: 31px; height: 34px; align-items: center; justify-content: center; border-radius: 0px 10px 10px 0; overflow: hidden; transition: 0.2s; } .filter__button-reset svg { width: 14px; height: 14px; stroke: #000; margin-top: 2px; transition: 0.2s; } .filter__button-reset:hover { background-color: #9FD6F7; } .filter__priceblock { position: absolute; top: 100%; left: 0; background-color: #FFFFFF; padding: 20px; margin-top: 9px; display: none; z-index: 999; } .filter__priceblock:before { content: ''; border: 8px solid transparent; border-bottom: 8px solid #FFFFFF; position: absolute; bottom: 100%; left: 10px; } .filter__priceblock-row { display: flex; align-items: center; justify-content: space-between; padding-bottom: 15px; } .filter__priceblock-row span { margin-right: 10px; font-weight: 300; } .filter__priceblock-input { display: block; width: 110px; height: 30px; border: 1px solid #DFE6EA; border-radius: 10px; text-align: center; font-family: "Gotham Pro", sans-serif; font-size: 12px; font-weight: 500; color: #333; outline: none; transition: 0.2s; -moz-appearance: textfield; -webkit-appearance: none; } .filter__priceblock-input::-webkit-inner-spin-button, .filter__priceblock-input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; } .filter__priceblock-input:focus { border-color: #CCECFF; } .filter__priceblock-input:not(:last-child) { margin-right: 20px; } .filter__priceblock-buttons { display: flex; align-items: center; justify-content: flex-end; padding-top: 10px; border-top: 1px solid #EFF2F4; } .filter__priceblock-clear { color: #9FD6F7; border-bottom: 1px solid transparent; margin-right: 20px; cursor: pointer; transition: 0.2s; } .filter__priceblock-clear:hover { color: #4A82C4; border-color: currentColor; } .filter__priceblock-btn { display: inline-block; color: #FFFFFF; background-color: #4A82C4; padding: 10px 20px; cursor: pointer; transition: 0.2s; } .filter__priceblock-btn:hover { background-color: #9FD6F7; } .filter_dark .fs-label-wrap { background-color: #484848; border-color: #5C5D60; } .filter_dark .fs-label-wrap .fs-label { color: #E7E7E7; } .filter_dark .fs-label-wrap .fs-arrow svg, .filter_dark .fs-label-wrap .fs-reset svg { stroke: #E7E7E7; } .filter_dark .fs-label-wrap .fs-reset:hover { background-color: transparent; } .filter_dark .fs-label-wrap .fs-reset:hover svg { stroke: #FFF200; } .filter_dark .fs-label-wrap .fs-label-count { color: #FFF200; } .filter_dark .fs-label-wrap:hover { border-color: #FFF200; } .filter_dark .fs-label-wrap:hover .fs-label { color: #FFFFFF; } .filter_dark .fs-label-wrap:hover .fs-arrow svg, .filter_dark .fs-label-wrap:hover .fs-reset svg { stroke: #FFF200; } .filter_dark .fs-wrap.fs-has-selected .fs-label-wrap { background: #484848; border-color: #5C5D60 !important; } .filter_dark .fs-dropdown { background-color: #484848; } .filter_dark .fs-dropdown::before { border-bottom-color: #484848; } .filter_dark .fs-dropdown input { background-color: #484848; border-color: #F5F5F5; color: #FFFFFF; } .filter_dark .fs-dropdown input::placeholder { color: #C4C4C4; } .filter_dark .fs-dropdown input:hover { border-color: #FFF200; } .filter_dark .fs-dropdown input:focus { border-color: #FFFFFF; } .filter_dark .fs-dropdown-clear { color: #FFFFFF; } .filter_dark .fs-dropdown-clear:hover { color: #FFF200; } .filter_dark .fs-dropdown-btn { background-color: #F5F5F5; color: #484848; } .filter_dark .fs-dropdown-btn:hover { background-color: #C41D1E; color: #FFFFFF; } .filter_dark .fs-wrap.fs-open .fs-label-wrap { border-color: #FFFFFF; } .filter_dark .fs-wrap.multiple .fs-option.selected .fs-checkbox { background-color: #FFF200; border-color: #FFF200; } .filter_dark .fs-wrap.multiple .fs-checkbox:before { background-image: url("/local/templates/main/assets/styles/../img/svg/ico_check-black.svg"); } .filter_dark .fs-dropdown .fs-options::-webkit-scrollbar-thumb { background-color: #9E9E9E; } .filter_dark .fs-dropdown .fs-options::-webkit-scrollbar-track { background-color: #5C5D60; } .filter_dark__button { background-color: #484848; border-color: #5C5D60; color: #E7E7E7; } .filter_dark__button-arrow svg { stroke: #E7E7E7; } .filter_dark__button:hover { border-color: #FFF200; color: #FFFFFF; } .filter_dark__button:hover .filter__button-arrow svg { stroke: #FFF200; } .filter_dark__button.active { background-color: #484848; border-color: #5C5D60; color: #FFFFFF; } .filter_dark__button.active:hover { border-color: #5C5D60; color: #FFFFFF; } .filter_dark__button.active .filter__button-value { color: #FFF200; } .filter_dark__button-reset svg { stroke: #FFFFFF; } .filter_dark__button-reset:hover { background-color: transparent; } .filter_dark__button-reset:hover svg { stroke: #FFF200; } .filter_light { background: #F5F5F5; } .filter_light .filter__priceblock-buttons { border-color: #5C5D60; } .filter_light .filter__priceblock-clear { color: #5C5D60; } .filter_light .filter__priceblock-btn { background-color: #C41D1E; } .filter_light .filter__priceblock-btn:hover { opacity: 0.8; } .filter_light .filter__header-reset { color: #C41D1E; } .filter_light .filter__header-label { font-weight: 400; } .filter_light .filter__priceblock-input { border: 1px solid #E7E7E7; } .filter_light .filter__priceblock-input:focus { border-color: #FFF200; } .filter_light .filter__button { background-color: #F5F5F5; border-color: #DBDBDB; color: #5C5D60; } .filter_light .filter__button.active { background-color: #F5F5F5; border-color: #FFF200; color: #231F20; } .filter_light .filter__button-value { color: #231F20; } .filter_light .filter__button svg { stroke: #5C5D60; } .filter_light .filter__button:hover { background-color: #F5F5F5; border-color: #FFF200; color: #231F20; } .filter_light .filter__button:hover svg { stroke: #231F20; } .filter_light .filter__button:hover .filter__button-arrow svg { stroke: #231F20; } .filter_light .filter__button-arrow svg { stroke: #5C5D60; } .filter_light .filter__button-reset:hover { background-color: #FFF200; } .filter_light .fs-label-wrap { background-color: #F5F5F5; border-color: #DBDBDB; } .filter_light .fs-label-wrap .fs-label { color: #5C5D60; } .filter_light .fs-label-wrap .fs-arrow svg, .filter_light .fs-label-wrap .fs-reset svg { stroke: #5C5D60; } .filter_light .fs-label-wrap .fs-reset:hover { background-color: transparent; } .filter_light .fs-label-wrap .fs-reset:hover svg { stroke: #FFF200; } .filter_light .fs-label-wrap .fs-label-count { color: #231F20; } .filter_light .fs-label-wrap:hover { background-color: #F5F5F5; border-color: #FFF200; } .filter_light .fs-label-wrap:hover .fs-label { color: #231F20; } .filter_light .fs-label-wrap:hover .fs-arrow svg, .filter_light .fs-label-wrap:hover .fs-reset svg { stroke: #231F20; } .filter_light .fs-wrap.fs-has-selected .fs-label-wrap { background: #F5F5F5; border-color: #FFF200 !important; } .filter_light .fs-dropdown { background-color: #F5F5F5; } .filter_light .fs-dropdown::before { border-bottom-color: #F5F5F5; } .filter_light .fs-dropdown input { background-color: #484848; border-color: #F5F5F5; color: #FFFFFF; } .filter_light .fs-dropdown input::placeholder { color: #C4C4C4; } .filter_light .fs-dropdown input:hover { border-color: #FFF200; } .filter_light .fs-dropdown input:focus { border-color: #FFFFFF; } .filter_light .fs-dropdown-clear { color: #FFFFFF; } .filter_light .fs-dropdown-clear:hover { color: #FFF200; } .filter_light .fs-dropdown-btn { background-color: #F5F5F5; color: #484848; } .filter_light .fs-dropdown-btn:hover { background-color: #C41D1E; color: #FFFFFF; } .filter_light .fs-wrap.fs-open .fs-label-wrap { border-color: #FFF200; } .filter_light .fs-option:hover .fs-wrap.multiple .fs-option .fs-checkbox { border-color: #FFF200; } .filter_light .fs-wrap.multiple .fs-option .fs-checkbox { border-color: #E7E7E7; } .filter_light .fs-wrap.multiple .fs-option.selected .fs-checkbox { background-color: #FFF200; border-color: #FFF200; } .filter_light .fs-wrap.multiple .fs-checkbox:before { background-image: url("/local/templates/main/assets/styles/../img/svg/ico_check-black.svg"); } .filter_light .fs-dropdown .fs-options::-webkit-scrollbar-thumb { background-color: #9E9E9E; } .filter_light .fs-dropdown .fs-options::-webkit-scrollbar-track { background-color: #C4C4C4; } .filter_light .fs-fastselect { border-color: #5C5D60; } .about-header { width: 100%; position: sticky; top: 0; z-index: 2; background-color: #FFFFFF; transition: transform 0.2s; } .about-header.scroll_top { transform: translateY(-100%); } .about-header__top { padding: 10px 0; } .about-header__back { display: inline-flex; align-items: center; font-size: 12px; line-height: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; transition: 0.2s; } .about-header__back svg { width: 30px; height: 30px; stroke: #9FD6F7; transform: scale(-1, 1); margin-right: 15px; transition: 0.2s; } .about-header__back span { border-bottom: 1px solid transparent; padding: 3px 0; transition: 0.2s; } .about-header__back:hover svg { stroke: #4A82C4; } .about-header__back:hover span { border-color: #4A82C4; } .about-header__list { padding: 20px 0; width: 100%; overflow-x: auto; } .about-header__list-wrap { display: flex; align-items: center; justify-content: space-between; } .about-header__item:not(:last-child) { margin-right: 40px; } .about-header__link { display: inline-block; padding: 3px 0; font-size: 14px; color: #333; border-bottom: 1px solid transparent; white-space: nowrap; } .about-header__link.active, .about-header__link:hover { color: #4A82C4; border-color: currentColor; } .about-header_dark { background-color: #231F20; } .about-header_dark .about-header__back { color: #FFFFFF; } .about-header_dark .about-header__back:hover { color: #FFF200; } .about-header_dark .about-header__back:hover span { border-color: #FFF200; } .about-header_dark .about-header__back:hover svg { stroke: #FFF200; } .about-header_dark .about-header__back svg { stroke: #FFFFFF; } .about-header_dark .about-header__link { color: #DBDBDB; } .about-header_dark .about-header__link:hover { color: #FFFFFF; } .about-main { overflow: hidden; } .about-main__row { display: flex; align-items: stretch; } .about-main__img { flex: 1 1 100%; position: relative; } .about-main__img picture, .about-main__img img { width: 740px; height: 100%; display: block; position: absolute; top: 0; right: 0; object-fit: cover; } .about-main__content { flex: 0 0 820px; margin-left: 20px; } .about-main__block { padding-top: 100px; padding-left: 120px; } .about-main__title { font-size: 40px; font-weight: 300; line-height: 1.25; color: #333; margin: 0; margin-bottom: 40px; position: relative; } .about-main__title:before { content: ''; width: 85px; height: 1px; background-color: #333; display: block; position: absolute; top: -31px; left: 0; } .about-main__text { max-width: 505px; margin-bottom: 20px; font-weight: 300; font-size: 16px; line-height: 1.62; color: #333; } .about-main__bottom-img { margin-top: 60px; } .about-main__bottom-img picture, .about-main__bottom-img img { display: block; } .about-main_dark { background-color: #231F20; } .about-main_dark .about-main__title { color: #FFFFFF; } .about-main_dark .about-main__title::before { background-color: #FFFFFF; } .about-main_dark .about-main__text { color: #C4C4C4; } .about-history { padding: 80px 0; overflow: hidden; } .about-history__title { font-family: "LetoSans", sans-serif; font-weight: 100; font-size: 40px; line-height: 1.1; margin: 0; text-transform: uppercase; } .about-history__subtitle { font-size: 12px; line-height: 1.5; color: #BDBDBD; margin-top: 5px; } .about-history__slider { margin-top: 50px; position: relative; width: 220px; margin-left: 370px; } .about-history__slider:after { content: ''; width: 100vw; height: 1px; background: linear-gradient(90deg, #FFFFFF 12.14%, #000000 49.48%, rgba(255, 255, 255, 0) 87.6%); display: block; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); z-index: -1; } .about-history__slider .slick-list, .about-history__slider .slick-track { overflow: visible; } .about-history__item { position: relative; width: 60px; padding-left: 60px; height: 230px; margin-right: 200px; padding-bottom: 66px; display: flex !important; align-items: flex-end; outline: none; } .about-history__item:after { content: ''; width: 11px; height: 11px; border-radius: 50%; background: #BDBDBD; position: absolute; bottom: -6px; left: 40px; transition: 0.2s; } .about-history__item.slick-center .about-history__year { color: #333; font-size: 60px; } .about-history__item.slick-center:after { background-color: #333; left: 30px; } .about-history__year { width: 100%; display: flex; align-items: center; transform: rotate(-90deg); color: #BDBDBD; font-size: 30px; line-height: 1; transform-origin: left bottom; min-width: 350px; transition: 0.2s; } .about-history__bottom { display: flex; align-items: flex-start; margin-top: 44px; } .about-history__text { flex: 0 0 400px; margin-right: 74px; font-size: 20px; font-weight: 500; text-transform: uppercase; line-height: 1.5; } .about-history__desc { flex: 1 1 100%; min-width: 0; } .about-history__desc-num { font-size: 20px; font-weight: 500; line-height: 1.5; margin-bottom: 20px; } .about-history__desc-text { font-size: 16px; font-weight: 300; line-height: 1.62; } .about-history_dark { background-color: #231F20; } .about-history_dark .about-history__title { color: #FFFFFF; } .about-history_dark .about-history__subtitle { color: #C4C4C4; } .about-history_dark .about-history__item.slick-center .about-history__year { color: #FFFFFF; } .about-history_dark .about-history__year { color: #9E9E9E; } .about-history_dark .about-history__item.slick-center:after { background-color: #FFF200; } .about-history_dark .about-history__item:after { color: #9E9E9E; } .about-history_dark .about-history__text { color: #FFFFFF; } .about-history_dark .about-history__desc-num { color: #FFFFFF; } .about-history_dark .about-history__desc-text { color: #C4C4C4; } .about-history_dark .about-history__slider:after { background: linear-gradient(90deg, rgba(35, 31, 32, 0) 0%, #FFFFFF 49.48%, rgba(35, 31, 32, 0) 100%); z-index: 0; } .about-history_dark .about-history__slider .slick-arrow svg { stroke: #9E9E9E; } .about-today { padding: 60px 0; } .about-today__title { text-align: right; font-family: "LetoSans", sans-serif; font-weight: bold; font-size: 87px; line-height: 1.1; text-transform: uppercase; } .about-today__num { font-family: "LetoSans", sans-serif; font-weight: bold; font-size: 87px; line-height: 1.1; } .about-today__name { font-size: 24px; line-height: 1.5; text-transform: uppercase; font-weight: 500; } .about-today__sub-name { font-size: 16px; line-height: 1.62; font-weight: 300; } .about-today__row { display: flex; align-items: flex-start; margin-top: 20px; } .about-today__text { flex: 1 1 100%; } .about-today__list { padding-left: 105px; border-top: 4px solid #333; padding-top: 10px; } .about-today__list-item { margin-top: 20px; display: flex; align-items: flex-start; } .about-today__list-num { flex: 0 0 40px; font-family: "LetoSans", sans-serif; font-size: 14px; font-weight: bold; margin-top: 6px; line-height: 1; } .about-today__list-text { flex: 1 1 100%; font-size: 20px; line-height: 1.5; } .about-today__sidebar { flex: 0 0 400px; margin-left: 124px; } .about-today__block { background: #F9FAFB; border-radius: 0px 40px; padding: 40px; } .about-today__block-title { font-size: 24px; line-height: 1.3; font-weight: 500; } .about-today__block-text { margin-top: 30px; } .about-today__block-label { font-size: 14px; line-height: 1.5; margin-bottom: 2px; } .about-today__block-link { font-size: 20px; font-weight: 500; line-height: 1.5; color: #4A82C4; text-transform: uppercase; border-bottom: 1px solid transparent; transition: 0.2s; } .about-today__block-link:hover { border-color: currentColor; } .about-today_dark { background-color: #231F20; } .about-today_dark .about-today__title { color: #FFFFFF; } .about-today_dark .about-today__num { color: #FFFFFF; } .about-today_dark .about-today__name { color: #FFFFFF; } .about-today_dark .about-today__sub-name { color: #FFFFFF; } .about-today_dark .about-today__list { border-top-color: #FFFFFF; } .about-today_dark .about-today__list-num { color: #FFFFFF; } .about-today_dark .about-today__list-text { color: #FFFFFF; } .about-today_dark .about-today__block { background: #4848484D; } .about-today_dark .about-today__block-title { color: #FFFFFF; } .about-today_dark .about-today__block-label { color: #C4C4C4; } .about-today_dark .about-today__block-link { color: #FFF200; } .about-mission { background-color: #333; margin: 220px 0 300px; padding: 80px 0; } .about-mission__row { display: flex; align-items: center; } .about-mission__image { flex: 1 1 100%; position: relative; } .about-mission__image-wrap { width: 820px; position: absolute !important; top: 50%; right: 0; transform: translateY(-50%); margin-top: -2px; } .about-mission__image-wrap picture, .about-mission__image-wrap img { width: 100%; display: block; } .about-mission__info { flex: 0 0 505px; margin-left: 125px; color: #FFFFFF; } .about-mission__label { font-size: 16px; font-weight: 300; line-height: 1.62; margin-bottom: 10px; } .about-mission__text { font-family: "LetoSans", sans-serif; font-size: 40px; line-height: 1.3; } .about-mission_dark { background-color: #F5F5F5; } .about-mission_dark .about-mission__label { color: #231F20; } .about-mission_dark .about-mission__text { color: #231F20; } .about-team { padding: 120px 0 130px; overflow: hidden; } .about-team__title { font-family: "LetoSans", sans-serif; font-weight: 300; font-size: 40px; margin-bottom: 20px; text-transform: uppercase; } .about-team__descr { font-size: 16px; font-weight: 300; line-height: 1.6; color: #333; max-width: 715px; } .about-team__wrap { margin-top: 44px; display: flex; align-items: flex-start; justify-content: flex-start; flex-wrap: wrap; } .about-team__wrap .slick-list { overflow: visible; } .about-team__wrap .slick-slide { transition: opacity 0.2s; } .about-team__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 4 - (20px * (4 - 1)) / 4); max-width: calc(100% / 4 - (20px * (4 - 1)) / 4); border-radius: 0 20px 0 20px; overflow: hidden; position: relative; cursor: pointer; } .about-team__item:nth-child(5n) { margin-right: 20px; } .about-team__item:nth-child(4n) { margin-right: 0; } .about-team__item:hover .about-team__image { filter: grayscale(0); } .about-team__item:hover .about-team__info { transform: translateY(0); } .about-team__item:nth-child(odd) { transform: translateY(60px); } .about-team__image { padding-top: 111.8644%; overflow: hidden; position: relative; filter: grayscale(1); transition: filter 0.2s; } .about-team__image picture, .about-team__image img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .about-team__info { position: absolute; z-index: 2; bottom: 0; left: 0; width: 100%; padding: 15px 20px; background-color: rgba(255, 255, 255, 0.8); transform: translateY(100%); transition: transform 0.2s; } .about-team__name { color: #333; font-size: 18px; line-height: 1.5; font-family: "LetoSans", sans-serif; } .about-team__post { font-size: 15px; line-height: 1.5; } .brands { background-color: #eff2f4; padding: 60px 0 80px; overflow: hidden; } .brands__title { font-family: "LetoSans", sans-serif; font-weight: 300; font-size: 40px; margin-bottom: 20px; text-transform: uppercase; } .brands__descr { font-size: 16px; font-weight: 300; line-height: 1.6; color: #333; max-width: 1030px; } .brands__wrap { margin-top: 42px; } .brands__slider { padding-top: 22px; } .brands__slider:not(:last-child) { margin-bottom: 40px; } .brands__slider-container { background-color: #fff; position: relative; overflow: hidden; } .brands__slider-wrap { position: relative; } .brands__slider-wrap > .brands__item:not(:first-child) { display: none !important; } .brands__slider-wrap:before { position: absolute; content: ''; width: 25%; height: 100%; top: 0; left: 0; right: 20%; box-shadow: 0px 10px 50px rgba(101, 101, 101, 0.1); z-index: 1; pointer-events: none; } .brands__slider-wrap .slick-list { overflow: visible; } .brands__slider-wrap .slick-current { filter: grayscale(0); } .brands__label { font-family: "LetoSans", sans-serif; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; max-width: 220px; text-align: center; margin-bottom: 20px; position: relative; user-select: none; } .brands__label .slick-arrow.prev { left: 20px; } .brands__label .slick-arrow.next { right: 20px; } .brands__item { height: 207px; display: flex !important; align-items: center; justify-content: center; background-color: #fff; filter: grayscale(1); transition: filter 0.2s; outline: none; padding: 25px; } .brands_dark { background-color: #484848; } .brands_dark .brands__descr { color: #FFFFFF; } .brands_dark .brands__slider .slick-arrow svg { stroke: #5C5D60; } .brands_dark .brands__slider .slick-arrow:hover svg { stroke: #ED1C24; } .partner-form { padding: 80px 0 0px; } .partner-form__wrap { display: flex; align-items: center; justify-content: flex-end; } .partner-form__wrap_hidden { display: none; } .partner-form__container { position: relative; background-color: #fff; flex: 0 1 925px; padding-left: 105px; border-left: 1px solid #000; } .partner-form__container:before { position: absolute; content: ''; width: 480px; height: 480px; top: 50%; left: 0; transform: translate(-267px, -50%); background: url("/local/templates/main/assets/styles/../img/style/form_wheel.png") no-repeat center center/contain; z-index: -1; } .partner-form__title { font-size: 40px; font-weight: 200; font-family: "LetoSans", sans-serif; text-transform: uppercase; line-height: 1.2; margin-bottom: 28px; max-width: 670px; } .partner-form__descr { font-size: 16px; max-width: 700px; font-weight: 300; line-height: 1.6; } .partner-form__form { margin-top: 42px; } .partner-form__inputs { display: flex; align-items: flex-start; justify-content: flex-start; margin-bottom: 10px; width: 100%; } .partner-form__inputs-col { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 2 - (20px * (2 - 1)) / 2); max-width: calc(100% / 2 - (20px * (2 - 1)) / 2); margin-bottom: 0; } .partner-form__inputs-col:nth-child(3n) { margin-right: 20px; } .partner-form__inputs-col:nth-child(2n) { margin-right: 0; } .partner-form__input:not(:last-child) { margin-bottom: 10px; } .partner-form__textarea { margin-bottom: 20px; } .partner-form__checks { margin-bottom: 20px; } .partner-form__check { max-width: 100%; margin-bottom: 10px; text-align: left; } .partner-form__check label { height: 20px; } .partner-form__check label span { height: 20px; padding-top: 2px; } .partner-form__check.error label span { color: #C41D1E; } .partner-form__success { height: 515px; display: none; flex-direction: column; align-items: center; justify-content: center; } .partner-form__success-icon { margin-bottom: 30px; } .partner-form__success-title { text-transform: uppercase; font-size: 40px; line-height: 46px; color: #000000; margin-bottom: 10px; } .partner-form__success-text { font-size: 20px; line-height: 150%; text-transform: uppercase; color: #484848; margin: 0; } .partner-form__success_active { display: flex; } .partner-form.partner-form_cooperation { padding: 60px 0 0; } .partner-form.partner-form_cooperation .partner-form__title { font-size: 40px; line-height: 40px; font-weight: 500; color: #484848; } .partner-form.partner-form_cooperation .input-check { display: flex; align-items: center; } .partner-form.partner-form_cooperation .input-check span { max-width: 360px; } .partner-form_dark { background-color: #231F20; padding-bottom: 80px; } .partner-form_dark .partner-form__container { background-color: #231F20; border-left-color: #E7E7E7; z-index: 1; } .partner-form_dark .partner-form__container::before { width: 270px; left: -3px; background: url("/local/templates/main/assets/styles/../img/style/form_wheel_dark.png") no-repeat center center/contain; z-index: 0; } .delivery-map { padding: 135px 0; background-color: #607C8E; color: #fff; } .delivery-map__title { text-transform: uppercase; font-family: "LetoSans", sans-serif; font-weight: 200; font-size: 40px; line-height: 1.3; text-align: right; } .delivery-map__container { position: relative; } .delivery-map__row { display: flex; align-items: flex-start; justify-content: space-between; max-width: 1170px; } .delivery-map__item { position: relative; } .delivery-map__value { font-family: "LetoSans", sans-serif; font-size: 60px; line-height: 1.3; } .delivery-map__sub { font-family: "LetoSans", sans-serif; font-size: 20px; line-height: 1.5; } .delivery-map__label { font-size: 12px; max-width: 220px; line-height: 1.5; } .delivery-map__main { position: absolute; top: -54px; left: 232px; } .delivery-map__main .delivery-map__value { font-size: 50px; } .delivery-map__main .delivery-map__item:before { position: absolute; content: ''; width: 11px; height: 11px; border-radius: 50%; background-color: #fff; right: 100%; top: 25px; transform: translateX(-25px); } .delivery-map__main .delivery-map__item:after { position: absolute; content: ''; width: 1px; height: 257px; background-color: #fff; right: 100%; top: 25px; transform: translateX(-30px); } .delivery-map_dark { background-color: #C41D1E; } .header_opencats ~ .wrapper .compare__fixed.fixed .compare__fixed-wrap { top: 135px; } .compare__fixed { min-height: 240px; } .compare__fixed.fixed .compare__fixed-wrap { width: 100%; position: fixed; top: 63px; background-color: #fff; z-index: 20; box-shadow: 0px 5px 10px rgba(51, 51, 51, 0.05); } .compare__fixed.fixed .compare__reset { display: none; } .compare__fixed.fixed .compare__header-arrows { right: initial; left: 190px; top: 10px; transform: none; z-index: 21; } .compare__fixed.fixed .compare__item { border-color: transparent; } .compare__cats { margin: 20px 0 0; background: #F9FAFD; } .compare__cats-item { display: inline-block; vertical-align: middle; } .compare__cats-link { display: inline-flex; align-items: center; font-size: 16px; font-weight: 500; color: #333; padding: 20px 30px; } .compare__cats-link span { color: #BDBDBD; margin-left: 10px; font-weight: normal; } .compare__cats-link:hover, .compare__cats-link.active { color: #4A82C4; } .compare__header .compare__item { padding-bottom: 26px; } .compare__header .compare__header-label { padding-bottom: 18px; } .compare__header-arrows { width: 92px; position: absolute; top: 0; right: 30px; height: 58px; transform: translateY(-58px); } .compare__header-arrows_clone { display: none; } .compare__counter { font-size: 16px; width: calc(50% - 23px); position: absolute; top: 73px; padding-left: 50px; display: none; } .compare__counter_left { left: 15px; } .compare__counter_right { right: 15px; } .compare__row { display: flex; align-items: stretch; } .compare__col { min-width: 0; position: relative; z-index: 2; } .compare__col_small { flex: 0 0 305px; } .compare__col_full { flex: 1 1 100%; min-width: 0; position: relative; z-index: 1; } .compare__col_header { display: flex; flex-direction: column; } .compare__col_clone { display: none; } .compare__reset { display: inline-flex; align-items: center; font-size: 12px; line-height: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; margin-top: 20px; } .compare__reset span { border-bottom: 1px solid transparent; padding: 3px 0; transition: 0.2s; } .compare__reset svg { width: 20px; height: 20px; stroke: #4A82C4; margin-left: 15px; transition: 0.2s; } .compare__reset:hover span { border-color: #4A82C4; } .compare__header-label { font-size: 20px; line-height: 1.3; color: #4A82C4; font-weight: 500; margin-top: auto; } .compare__slider .slick-track { display: flex; align-items: stretch; margin-left: 0; } .compare__slider .slick-track .slick-slide { height: initial; } .compare__item { padding: 10px 20px; border-left: 1px solid #CCECFF; } .compare__item-img { position: relative; } .compare__item-img img, .compare__item-img picture { display: block; width: 100%; height: 150px; object-fit: contain; } .compare__item-remove { width: 36px; height: 36px; border: 1px solid #EFF2F4; border-radius: 50%; display: flex; align-items: center; justify-content: center; position: absolute; top: 5px; right: 5px; cursor: pointer; transition: 0.2s; } .compare__item-remove svg { width: 20px; height: 20px; stroke: #333; transition: 0.2s; } .compare__item-remove:hover { border-color: #4A82C4; background-color: #4A82C4; } .compare__item-remove:hover svg { stroke: #FFFFFF; } .compare__item-name { margin-top: 17px; font-size: 14px; line-height: 1.3; color: #333; } .compare__params { border-top: 1px solid #4A82C4; border-bottom: 1px solid #4A82C4; overflow: hidden; } .compare__params .compare__row { align-items: center; border-bottom: 1px solid #F9FAFB; transition: 0.2s; } .compare__params .compare__row:hover { background-color: #F0F9FF; } .compare__params-slider .slick-track { display: flex; align-items: stretch; margin-left: 0; } .compare__params-slider .slick-track .slick-slide { height: initial; } .compare__param-label { padding: 15px 40px; font-size: 16px; line-height: 1.3; color: #333; font-weight: 500; } .compare__param { border-left: 1px solid #CCECFF; padding: 15px 30px; font-size: 16px; line-height: 1.3; color: #333; display: flex !important; align-items: center; min-height: 72px; } .compare__param .card__oldprice { margin-left: 0; } .compare__param select { display: block; width: 100%; height: 43px; border: 1px solid #CCECFF; border-radius: 10px; font-size: 16px; padding: 0 15px; outline: none; } .compare__param-price { font-size: 20px; line-height: 1.5; text-transform: uppercase; color: #4A82C4; font-weight: 500; } .compare__footer .compare__param { border: none; padding: 20px; } .compare_light .compare__cats { background: #F5F5F5; } .compare_light .compare__cats-link:hover, .compare_light .compare__cats-link.active { color: #C41D1E; } .compare_light .compare__header-arrows .slick-arrow svg { stroke: #9E9E9E; } .compare_light .compare__header-arrows .slick-arrow.slick-disabled svg { display: none; } .compare_light .compare__header-arrows .slick-arrow:hover svg { stroke: #5C5D60; } .compare_light .compare__reset { color: #C41D1E; } .compare_light .compare__reset svg { stroke: #C41D1E; } .compare_light .compare__reset:hover span { border-color: #C41D1E; } .compare_light .compare__header-label { color: #231F20; } .compare_light .compare__params { border-top-color: #484848; border-bottom-color: #484848; } .compare_light .compare__item { border-left: none; } .compare_light .compare__params .compare__row { border-bottom-color: #F5F5F5; } .compare_light .compare__params .compare__row:hover { background-color: #FFF20080; border-bottom-color: #FFF20080; } .compare_light .compare__param-label { color: #231F20; } .compare_light .compare__param { border-left: none; color: #231F20; } .compare_light .compare__param-price { color: #C41D1E; } .compare_light .compare__param select { border-color: #C4C4C4; } .reviews__list { display: flex; flex-wrap: wrap; align-items: stretch; margin: 20px 0 0; } .reviews__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 3 - (20px * (3 - 1)) / 3); max-width: calc(100% / 3 - (20px * (3 - 1)) / 3); position: relative; padding: 40px; } .reviews__item:nth-child(4n) { margin-right: 20px; } .reviews__item:nth-child(3n) { margin-right: 0; } .reviews__item:hover { z-index: 2; } .reviews__item:hover .reviews__item-wrap { position: absolute; padding: 40px; top: 0; left: 0; z-index: 2; max-height: 999px; min-height: 100%; overflow: visible; } .reviews__item:hover .reviews__item-wrap:before { box-shadow: 0px 10px 30px rgba(51, 51, 51, 0.05); } .reviews__item-wrap { max-height: 250px; overflow: hidden; } .reviews__item-wrap:before { content: ''; background-color: #fff; border: 1px solid #EFF2F4; width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: -1; transition: 0.2s; } .reviews__item-top { display: flex; } .reviews__item-img { flex: 0 0 73px; margin-right: 20px; } .reviews__item-img img { display: block; width: 73px; height: 73px; object-fit: cover; border-radius: 50%; overflow: hidden; } .reviews__item-desc { flex: 1 1 100%; } .reviews__item-author { font-family: "LetoSans", sans-serif; font-weight: 700; letter-spacing: 0.05em; font-size: 16px; margin-top: 5px; } .reviews__item-info { font-size: 12px; line-height: 1.5; color: #000; margin-top: 14px; } .reviews__item-body { margin-top: 20px; } .reviews__item-title { font-family: "LetoSans", sans-serif; font-size: 16px; line-height: 1.3; text-transform: uppercase; margin-bottom: 10px; } .reviews__item-text { font-size: 14px; line-height: 1.5; font-weight: 300; } .stock__list { display: flex; align-items: stretch; flex-wrap: wrap; margin-top: 20px; } .stock__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 3 - (20px * (3 - 1)) / 3); max-width: calc(100% / 3 - (20px * (3 - 1)) / 3); margin-bottom: 40px; position: relative; height: 542px; } .stock__item:nth-child(4n) { margin-right: 20px; } .stock__item:nth-child(3n) { margin-right: 0; } .stock__item:hover { z-index: 2; } .stock__item:hover .stock__item-wrap { max-height: 652px; box-shadow: 0px 0px 50px rgba(51, 51, 51, 0.1); } .stock__item:hover .stock__item-text { margin-bottom: 40px; } .stock__item:hover .form-button { max-height: 999px; opacity: 1; overflow: visible; } .stock__item-wrap { background-color: #fff; max-height: 100%; transition: 0.2s; } .stock__image-wrap { padding-top: 82.5%; overflow: hidden; position: relative; } .stock__image-wrap picture, .stock__image-wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .stock__item-body { padding: 40px; } .stock__item-title { font-size: 20px; font-weight: 500; line-height: 1.5; text-transform: uppercase; color: #000; height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .stock__item-text { margin-top: 20px; font-size: 14px; line-height: 1.5; font-weight: 300; margin-bottom: 0; transition: 0.2s; height: 4.6em; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; } .stock .form-button { max-width: 100%; max-height: 0; overflow: hidden; opacity: 0; } .news__list { margin-top: 20px; } .news__item { padding: 10px; display: flex; background-color: #fff; border: 1px solid #F9FAFB; margin-top: 10px; transition: 0.2s; } .news__item:hover { box-shadow: 0px 10px 30px rgba(51, 51, 51, 0.05); } .news__img { flex: 0 0 272px; margin-right: 30px; } .news__desc { flex: 1 1 100%; padding-top: 10px; } .news__title { font-size: 20px; line-height: 1.5; text-transform: uppercase; font-weight: 500; } .news__text { margin-top: 20px; font-size: 14px; line-height: 1.5; } .news__button { flex: 0 0 310px; align-self: flex-end; padding: 25px 30px; } .news__button .form-button { max-width: 100%; } .news_dark .news__item { background-color: #231F20; border-color: transparent; border-bottom-color: #484848; } .textpage__wrap { width: 100%; max-width: 820px; margin: 0 auto; font-size: 16px; font-weight: 300; line-height: 1.62; } .textpage__wrap_full { max-width: 100%; } .textpage__button .form-button { max-width: 320px; font-weight: 500; } .textpage__bottom { margin-top: 40px; } .textpage__back { display: inline-flex; align-items: center; font-size: 12px; font-weight: 500; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; transition: 0.2s; } .textpage__back svg { width: 30px; height: 30px; stroke: #9FD6F7; transform: scale(-1, 1); margin-right: 15px; transition: 0.2s; } .textpage__back span { border-bottom: 1px solid transparent; transition: 0.2s; } .textpage__back:hover svg { stroke: #4A82C4; } .textpage__back:hover span { border-color: #4A82C4; } .textpage h1, .textpage h2, .textpage h3, .textpage h4, .textpage h5 { margin: 0.7em 0; } .textpage h1 { font-size: 20px; } .textpage h2 { font-size: 18px; } .textpage p { margin: 1em 0; } .textpage ul { padding-left: 1em; margin: 1em 0; } .textpage table { text-align: left; margin: 1em 0; } .textpage table th { padding: 10px 15px; } .textpage table td { padding: 10px 15px; font-size: 14px; font-weight: 400; } .textpage a:not(.form-button):not(.textpage__back) { color: #4A82C4; border-bottom: 1px solid #4A82C4; } .textpage a:not(.form-button):not(.textpage__back):hover { border-color: transparent; } .textpage b, .textpage strong { font-weight: 700; } .textpage_light a:not(.form-button):not(.textpage__back) { color: #C41D1E; border-bottom: 1px solid #C41D1E; } .textpage_light .textpage__back { color: #231F20; } .textpage_light .textpage__back svg { stroke: #231F20; } .textpage_light .textpage__back:hover span { border-color: #231F20; } .register__title { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .register__login { display: flex; align-items: center; text-transform: initial; color: #4A82C4; text-transform: uppercase; font-size: 12px; letter-spacing: 0.2em; } .register__login span { border-bottom: 1px solid transparent; padding: 3px 0; transition: 0.2s; } .register__login svg { width: 30px; height: 30px; stroke: #9FD6F7; margin-left: 15px; transition: 0.2s; } .register__login:hover span { border-color: #4A82C4; } .register__login:hover svg { stroke: #4A82C4; } .register__row { display: flex; align-items: stretch; margin-top: 30px; } .register__col_left { flex: 0 0 505px; } .register__col_right { flex: 1 1 100%; margin-left: 60px; } .register__form-row:not(:last-child) { margin-bottom: 10px; } .register__form-row_button { margin-top: 20px; display: flex; justify-content: flex-end; position: relative; } .register__form-row_button .form-button { max-width: 315px; } .register__form-title { font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 30px 0; } .register__form-title_60 { margin-top: 60px; } .register__desc { font-size: 16px; font-weight: 300; line-height: 1.62; } .register__desc ul { margin: 25px 0; padding-left: 26px; list-style: none; } .register__desc ul li { position: relative; } .register__desc ul li:not(:last-child) { margin-bottom: 1.5em; } .register__desc ul li:before { content: ''; width: 16px; height: 1px; background-color: #4A82C4; position: absolute; left: -26px; top: 12px; } .register__info { position: absolute; width: 675px; left: calc(100% + 60px); top: 0; font-size: 14px; line-height: 1.5; } .header_opencats ~ .wrapper .checkout__sidebar .checkout__sticky, .header_opencats ~ .wrapper .checkout__sidebar .cart__info-wrap { top: 150px; } .checkout__row { display: flex; align-items: stretch; margin-top: 30px; } .checkout__sidebar_left { flex: 0 0 252px; } .checkout__sidebar_right { margin-left: auto; } .checkout__sidebar_right .cart__info-wrap { position: sticky; top: 80px; } .checkout__sticky { position: sticky; top: 80px; background: #F9FAFD; border-radius: 0px 10px; padding: 22px 15px; } .checkout__type { padding: 11px 15px; transition: 0.2s; } .checkout__type.active, .checkout__type:hover { background-color: rgba(204, 236, 255, 0.3); } .checkout__type.input-radio div { padding-left: 26px; font-size: 14px; line-height: 1.57; } .checkout__type.input-radio div:before { width: 16px; height: 16px; border: 1px solid #DFE6EA; left: 0; top: 1px; } .checkout__type.input-radio div:after { width: 8px; height: 8px; top: 6px; left: 5px; } .checkout__cart-link { display: flex; align-items: center; margin-top: 32px; margin-left: 15px; font-size: 14px; } .checkout__cart-link svg { width: 30px; height: 30px; margin-right: 10px; stroke: #333; transition: 0.2s; } .checkout__cart-link span { border-bottom: 1px solid transparent; padding: 3px 0; transition: 0.2s; } .checkout__cart-link:hover { color: #4A82C4; } .checkout__cart-link:hover svg { stroke: #4A82C4; } .checkout__cart-link:hover span { border-color: #4A82C4; } .checkout__content { margin: 0 20px; max-width: 505px; } .checkout__content hr { margin: 30px 0; border: 1px solid #EFF2F4; border-top: none; } .checkout__form-row:not(:last-child) { margin-bottom: 10px; } .checkout__form-row_20 { margin-top: 20px; } .checkout__products { background: #F9FAFB; padding: 60px 0; margin-top: 60px; margin-bottom: -120px; } .checkout__products .cart__product-row .card__images { flex: 0 0 220px; width: 220px; } .checkout_light .checkout__sticky { background: #F5F5F5; } .checkout_light .checkout__type.input-radio div { color: #5C5D60; } .checkout_light .checkout__type.input-radio div:before { border-color: #E7E7E7; } .checkout_light .checkout__type.active, .checkout_light .checkout__type:hover { background: #FFFFFF99; } .checkout_light .checkout__cart-link { color: #C41D1E; } .checkout_light .checkout__cart-link svg { stroke: #C41D1E; } .checkout_light .checkout__cart-link:hover span { border-color: #C41D1E; } .cluster { position: absolute; display: flex; flex-direction: column; z-index: 3; bottom: 0; width: 100%; min-height: 30vh; background-color: #fff; } .cluster__title { display: flex; align-items: center; justify-content: space-between; padding: 10px 15px; background-color: #EFF2F4; } .cluster__count { font-size: 14px; line-height: 13px; color: #4A82C4; } .cluster__close { position: relative; width: 30px; height: 30px; cursor: pointer; } .cluster__close:before, .cluster__close:after { content: ' '; position: absolute; left: 15px; width: 1px; height: 30px; background-color: #4A82C4; } .cluster__close:before { transform: rotate(45deg); } .cluster__close:after { transform: rotate(-45deg); } .cluster__slider { display: flex; flex-wrap: nowrap; align-items: center; overflow: auto; padding: 15px 0; -webkit-overflow-scrolling: touch; } .cluster__slider::-webkit-scrollbar { display: none; } .cluster__item { flex-shrink: 0; max-width: 20vw; overflow: hidden; font-size: 13px; line-height: 150%; color: #333; margin: 0 10px; white-space: nowrap; text-overflow: ellipsis; cursor: pointer; } .cluster__item.active { color: #4A82C4; } .cluster__shop { display: flex; flex-direction: column; flex-grow: 1; background-color: #F9FAFB; padding: 20px 30px; } .cluster__shop-name { font-weight: 500; font-size: 18px; line-height: 130%; padding-bottom: 20px; margin: 0; } .cluster__shop-address { display: -webkit-box; max-height: 70px; font-size: 12px; line-height: 150%; color: #6c7d8a; margin: 0 0 20px; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 4; -webkit-box-orient: vertical; } .cluster__shop-url { display: flex; align-items: center; font-size: 12px; line-height: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; margin-top: auto; cursor: pointer; } .cluster__shop-url svg { stroke: #4A82C4; padding-left: 15px; box-sizing: content-box; } .shop-card { position: fixed; z-index: 100; top: 51px; left: 0; width: 100%; height: calc(100% - 51px); background-color: #fff; padding: 30px; } .shop-card__wrap { display: flex; flex-flow: column; } .shop-card__name { font-size: 18px; font-weight: 500; line-height: 17px; color: #4A82C4; padding-bottom: 20px; } .shop-card__text { display: flex; margin-top: 6px; } .shop-card__text svg { width: 20px; height: 20px; margin-right: 8px; } .shop-card__text span { font-size: 12px; line-height: 1.5; padding-top: 1px; } .shop-card__text p { margin-bottom: 0; } .shop-card__text a:hover { color: #4A82C4; } .shop-card__info { padding-top: 20px; } .shop-card__info .map-places__item-text { margin-top: 17px; } .shop-card__button { display: block; text-align: center; border: 1px solid #CCECFF; padding: 15px 30px; font-size: 12px; line-height: 1; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; } .shop-card__button:hover { background-color: #4A82C4; border-color: #FFFFFF; color: #FFFFFF; } .shop-card__line { width: 100%; height: 1px; background-color: #dfe6ea; margin: 25px 0 20px; } .selection__filter { display: flex; align-items: center; justify-content: flex-start; background-color: #F9FAFB; padding: 22px 60px; margin-bottom: 20px; margin-top: 20px; } .selection__filter-item:not(:last-child) { margin-right: 60px; } .selection__list { display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 20px; } .selection__item { display: block; border: 1px solid #EFF2F4; flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 4 - (20px * (4 - 1)) / 4); max-width: calc(100% / 4 - (20px * (4 - 1)) / 4); } .selection__item:nth-child(5n) { margin-right: 20px; } .selection__item:nth-child(4n) { margin-right: 0; } .selection__item:hover { box-shadow: 0px 0px 50px rgba(51, 51, 51, 0.1); } .selection__item:hover .selection__arrow { opacity: 1; transform: translateX(0px); } .selection__item:hover .selection__image img:first-child { display: none; } .selection__item:hover .selection__image img:last-child { display: block; } .selection__image { text-align: center; padding-top: 20px; } .selection__image_pt { padding-top: 20px; } .selection__image img { display: block; height: 150px; object-fit: contain; width: 90%; margin: 0 auto; } .selection__image img:first-child { display: block; } .selection__image img ~ .selection__image-placeholder { display: none !important; } .selection__image img:last-child:not(:first-child) { display: none; } .selection__image-placeholder { display: block !important; } .selection__info { display: flex; align-items: flex-end; padding: 20px; } .selection__name { font-size: 20px; font-weight: 500; line-height: 1.5; margin-right: auto; text-transform: uppercase; } .selection__name_height { min-height: 60px; } .selection__arrow { margin-left: 15px; opacity: 0; transition: 0.2s; transform: translateX(-30px); } .selection__arrow svg { width: 30px; height: 30px; stroke: #4A82C4; transform: scale(-1, 1); } .selection_light .selection__arrow svg { stroke: #C41D1E; } .orders__filter { display: flex; align-items: center; justify-content: space-between; border: 1px solid #F9FAFB; padding: 20px; margin-top: -10px; } .orders__filter_warranty { padding-top: 10px; padding-bottom: 10px; } .orders__filter_warranty .orders__status { margin-top: 5px; margin-bottom: 5px; } .orders__filter_warranty .orders__filter-date { width: 90px; } .orders__filter-col { display: flex; align-items: center; } .orders__filter-lbl { font-size: 14px; font-weight: 500; padding-right: 20px; } .orders__filter-lbl_top { margin-top: 11px; align-self: flex-start; } .orders__filter-lbl_mobile { display: none; } .orders__status { display: inline-block; font-size: 12px; font-weight: bold; padding: 7px 8px; border-radius: 4px; margin-right: 5px; position: relative; cursor: pointer; text-align: center; } .orders__status_green { background: #E8F4EC; color: #178F3D; } .orders__status_red { background: #F9DEE0; color: #D62230; } .orders__status_gray { background: rgba(74, 130, 196, 0.05); color: #607C8E; } .orders__status_yellow { background: #FEF3D9; color: #FFB500; } .orders__status_light-gray { background: rgba(74, 130, 196, 0.05); color: #999999; } .orders__status_blue { background: #E4ECF6; color: #4A82C4; } .orders__status_pigeon-blue { background: #ECEFF1; color: #607C8E; } .orders__status_dark-blue { background: #E5E4EC; color: #524882; } .orders__status_orange { background: #FDE9DB; color: #EA6D1F; } .orders__status_black { background: #EBEBEB; color: #333333; } .orders__status span { opacity: 0; pointer-events: none; position: absolute; bottom: 100%; left: 50%; background-color: #fff; padding: 5px 12px; z-index: 2; white-space: nowrap; box-shadow: 0px 0px 30px -8px rgba(48, 131, 215, 0.15); border-radius: 4px; font-size: 13px; transition: 0.2s; margin-left: -13px; } .orders__status:hover span { opacity: 1; } .orders__wrap-status { display: flex; flex-wrap: wrap; } .orders__add-btn { max-width: 366px !important; } .orders__btn-block { display: flex; align-items: center; justify-content: space-between; margin-bottom: 20px; } .orders__btn-reset { display: inline-flex; align-items: center; align-self: flex-start; padding: 0; margin-top: 11px; color: #4A82C4; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; background-color: transparent; white-space: nowrap; border: none; cursor: pointer; } .orders__btn-reset span { padding: 2px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .orders__btn-reset svg { width: 20px; height: 20px; stroke: #9FD6F7; margin-left: 15px; transition: 0.2s; } .orders__btn-reset:hover span { border-color: currentColor; } .orders__btn-reset:hover svg { stroke: #4A82C4; } .orders__btn-reset_center { margin-top: 0; align-self: center; } .orders__filter-dates { display: flex; align-items: center; } .orders__filter-date { display: block; height: 30px; border: 1px solid #DFE6EA; border-radius: 10px; text-align: center; width: 110px; margin: 0 20px 0 10px; outline: none; color: #333333; font-size: 12px; font-family: "Gotham Pro", sans-serif; transition: 0.2s; } .orders__filter-date:last-child { margin-right: 0; } .orders__filter-date:focus { border-color: #CCECFF; } .orders__list { margin-top: 10px; } .orders__list ~ .pagination { margin-top: 20px; } .orders__list_scroll { overflow-x: auto; } .orders__list-row { display: flex; align-items: flex-start; padding: 20px 0; } .orders__list-row_head { align-items: flex-start; background: #F9FAFD; font-size: 13px; color: #999999; line-height: 1.3; } .orders__list-row_head .orders__list-col_6 { border-color: transparent; } .orders__list-row_head .orders__list-text-sm { font-weight: 700; color: #607C8E; } .orders__list-row_warranty { padding-left: 10px; padding-right: 10px; cursor: pointer; } .orders__list-row_warranty .orders__list-col { display: flex; flex-direction: column; align-items: flex-start; padding: 0px 10px; text-align: left; color: #607C8E; } .orders__list-row_warranty .orders__list-col b { margin-bottom: 7px; } .orders__list-row_warranty .orders__list-col_1 { flex: 0 0 160px; } .orders__list-row_warranty .orders__list-col_2 { flex: 0 0 135px; } .orders__list-row_warranty .orders__list-col_3 { flex: 0 0 140px; } .orders__list-row_warranty .orders__list-col_4 { flex: 0 0 165px; } .orders__list-row_warranty .orders__list-col_4-wide { flex: 0 0 230px; } .orders__list-row_warranty .orders__list-col_5 { flex: 0 0 135px; } .orders__list-row_warranty .orders__list-col_6 { flex: 0 0 auto; flex-grow: 1; flex-shrink: 1; border-left: none; } .orders__list-row_warranty .orders__list-col_7 { flex: 0 0 50px; border-left: 1px solid #EFF2F4; } .orders__list-row_warranty .orders__list-details { margin-top: -4px; padding: 0 5px 0 9px; background-color: #4A82C4; border-radius: 40px; min-height: 24px; } .orders__list-row_warranty .orders__list-details span { padding-right: 3px; color: #FFFFFF; } .orders__list-row_warranty .orders__status { padding: 7px; margin-top: -7px; } .orders__list-row_export { padding: 10px 20px 10px 15px; } .orders__list-row_export .orders__list-col { padding: 0 5px; min-height: auto; } .orders__list-row_export .orders__list-col_1 { flex: 0 0 30px; } .orders__list-row_export .orders__list-col_2 { flex: 0 0 210px; } .orders__list-row_export .orders__list-col_3 { flex: 1 1 auto; } .orders__list-row_export .orders__list-col_4 { flex: 0 0 140px; } .orders__list-row_export .orders__list-col_4 .orders__list-text-sm { text-align: center; } .orders__list-row_export .orders__list-col_5 { flex: 0 0 200px; text-align: left; } .orders__view { display: block; margin-bottom: 5px; line-height: 0; } .orders__view svg { color: #9FD6F6; transition: 0.35s all; } .orders__view:hover svg { color: #1E7FB9; } .orders__send { display: block; line-height: 0; opacity: 0; } .orders__list-col { padding: 0px 20px; min-height: 27px; } .orders__list-col_1 { flex: 0 0 153px; } .orders__list-col_2 { flex: 0 0 150px; } .orders__list-col_3 { flex: 0 0 170px; } .orders__list-col_4 { flex: 1 1 100%; } .orders__list-col_5 { flex: 0 0 140px; text-align: right; } .orders__list-col_6 { flex: 0 0 180px; border-left: 1px solid #EFF2F4; text-align: right; } .orders__list-col_6 .pagination__more svg { margin-left: 10px; } .orders__list-col_6 .pagination__more:not(:last-child) { margin-bottom: 10px; } .orders__list-col_row { justify-content: space-between; align-items: flex-start; flex-direction: row !important; } .orders__list-item { border: 1px solid #F9FAFB; margin-top: 10px; transition: 0.2s; } .orders__list-item.active { background: #FCFCFD; } .orders__list-item.active .orders__list-details svg { transform: rotate(180deg); } .orders__list-item.active .orders__list-row, .orders__list-item.active .orders__list-detail { background: #F1F3F8; } .orders__list-item_export { margin-top: 4px; border: 1px solid #F9FAFD; } .orders__list-item_export .orders__list-row { align-items: center; padding: 10px 20px 10px 15px; } .orders__list-item_export .orders__list-col { min-height: auto; padding: 0 5px; } .orders__list-item_export .orders__type { display: inline-block; width: auto; margin-bottom: 0; } .orders__list-item_export .orders__list-col_1 { flex: 0 0 30px; } .orders__list-item_export .orders__list-col_2 { flex: 0 0 210px; } .orders__list-item_export .orders__list-col_3 { flex: 1 1 auto; } .orders__list-item_export .orders__list-col_4 { flex: 0 0 140px; display: flex; justify-content: center; } .orders__list-item_export .orders__list-col_5 { flex: 0 0 200px; text-align: left; } .orders__list-item_export .orders__list-input { max-width: 117px; padding: 10px; font-size: 14px; font-weight: 400; line-height: 13px; text-align: center; color: rgba(51, 51, 51, 0.5); border: 1px solid #EFF2F4; } .orders__list-item_export .orders__list-input:focus-visible { outline: none; } .orders__list-item:hover { background: #FCFCFD; } .orders__list-item:hover .orders__send { opacity: 1; } .orders__list-details { display: flex; align-items: center; justify-content: space-between; cursor: pointer; min-height: 27px; user-select: none; } .orders__list-details span { font-weight: bold; color: #333333; } .orders__list-details svg { width: 20px; height: 20px; fill: #4A82C4; transition: 0.2s; } .orders__list-price { font-size: 16px; font-weight: bold; padding-top: 5px; } .orders__list-date { margin-top: 10px; width: 77px; line-height: 1.3; } .orders__list-text { padding-top: 7px; line-height: 1.3; } .orders__list-text-sm { max-width: 270px; font-size: 13px; font-weight: 400; line-height: 16px; } .orders__list-text-bold { margin-bottom: 0; line-height: 1.3; font-weight: 700; } .orders__list-detail { padding: 0 20px 20px; display: none; } .orders__detail { padding-top: 20px; display: flex; } .orders__detail:first-child { border-top: 1px solid #EFF2F4; } .orders__detail-col { flex: 0 0 303px; } .orders__detail-col_info { flex: 0 0 445px; } .orders__detail-info-lbl { color: #828282; line-height: 1.5; } .orders__detail-info-art { color: #333333; line-height: 1.5; } .orders__detail-info { display: flex; justify-content: space-between; line-height: 1.5; } .orders__detail-info-name { max-width: 210px; } .orders__detail-info-link:hover { color: #4A82C4; } .orders__detail-info-count { min-width: 70px; text-align: center; margin-left: auto; color: #828282; } .orders__detail-info-price { min-width: 100px; text-align: right; font-size: 14px; } .orders__info { display: none; } .orders__info-lbl { flex: 0 0 163px; color: #828282; } .orders__link { display: none; } .orders__link:not(:last-child) { margin-right: 30px; } .orders__wrap { display: flex; flex-wrap: wrap; justify-content: flex-end; padding-top: 16px; border-top: 1px solid #EFF2F4; margin: -4px; } .orders__wrap_left { justify-content: flex-start; } .orders__wrap-item { margin: 4px; padding: 7px; font-size: 12px; font-weight: 700; line-height: 11px; background: #FFFFFF; border: 1px solid #CCECFF; border-radius: 4px; } .orders__wrapper { position: relative; } .orders__wrapper:hover .orders__wrapper-info { visibility: visible; opacity: 1; } .orders__wrapper-info { visibility: hidden; opacity: 0; position: absolute; right: -10px; bottom: calc(100% + 5px); padding: 5px 13px; font-size: 13px; font-weight: 400; line-height: 14px; color: #4A82C4; white-space: nowrap; background: #FFFFFF; border: 1px solid #EFF2F4; border-radius: 5px; box-shadow: 0px 0px 15px rgba(48, 131, 215, 0.1); transition: 0.35s all; pointer-events: none; } .orders__wrapper-info::before { content: ''; position: absolute; bottom: -5px; right: 20px; width: 0; height: 0; border-top: 5px solid #FFFFFF; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; } .orders__text-mob { display: none; } .orders__sticky-block { position: sticky; top: 64px; padding-top: 10px; background-color: #ffffff; z-index: 50; } .orders__sticky-block .orders__filter { position: relative; margin-bottom: 5px; margin-top: 0; } .orders__sticky-block.is-sticky .orders__filter { padding-right: 70px; } .orders__sticky-block.is-sticky .orders__new-request-btn-mob { display: block !important; } .orders__sticky-block.is-sticky::before { content: ''; position: absolute; top: 100%; left: 0; right: 0; height: 40px; background: linear-gradient(180deg, rgba(169, 196, 233, 0.15) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; } .orders__new-request-btn-mob { position: absolute; top: 0; right: 0; display: none !important; width: 58px !important; } .orders__sort-btns { display: flex; flex-direction: column; margin-left: 3px; } .orders__sort-block { width: 100%; display: flex; } .orders__sort-block.ascending { color: #4A82C4; } .orders__sort-block.ascending .orders__ascending-btn svg { color: #4A82C4; } .orders__sort-block.descending { color: #4A82C4; } .orders__sort-block.descending .orders__descending-btn svg { color: #4A82C4; } .orders__sort-block_1 svg { color: #607C8E; } .orders__sort-block_2 svg { color: rgba(96, 124, 142, 0.5); } .orders__ascending-btn, .orders__descending-btn { padding: 1px; line-height: 0; border: none; background-color: transparent; cursor: pointer; } .orders__type-block { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; padding-bottom: 10px; } .orders__type-item { display: flex; flex-direction: column; align-items: center; padding: 8px 16px; background: #FFFFFF; box-shadow: 0px 0px 15px rgba(51, 51, 51, 0.05); border-radius: 4px; } .orders__type { display: flex; align-items: center; justify-content: center; width: 100%; margin-bottom: 8px; padding: 5px 6px; border-radius: 4px; } .orders__type span { display: flex; align-items: center; } .orders__type span::before { flex-shrink: 0; content: ''; display: block; width: 15px; height: 15px; margin-right: 4px; } .orders__type_yes { color: #178F3D; background-color: #E8F4EC; } .orders__type_yes span::before { background-image: url("/local/templates/main/assets/styles/../img/style/ico_type-check.svg"); } .orders__type_no { color: #333333; background-color: #EBEBEB; } .orders__type_no span::before { background-image: url("/local/templates/main/assets/styles/../img/style/ico_type-cross.svg"); } .orders__type_attention { color: #FFB500; background-color: #FEF3D9; } .orders__type_attention span::before { background-image: url("/local/templates/main/assets/styles/../img/style/ico_type-attention.svg"); } .orders__type_error { color: #D62230; background-color: #F9DEE0; } .orders__type_error span::before { background-image: url("/local/templates/main/assets/styles/../img/style/ico_type-error.svg"); } .orders__type-text { max-width: 178px; text-align: center; font-size: 12px; font-weight: 400; line-height: 14px; color: #607C8E; } .orders_light .orders__filter { background-color: #F5F5F580; } .orders_light .orders__filter-lbl { font-weight: 400; color: #5C5D60; } .orders_light .orders__filter-date { color: #5C5D60; background-color: #F5F5F5; border-color: #DBDBDB; } .orders_light .orders__status { font-weight: 400; color: #231F20 !important; } .orders_light .orders__status_yellow { background: #FEF3D9; } .orders_light .orders__status_green { background: #D4F1E0; } .orders_light .orders__status_green-white { background: #FFFFFF; border: 2px solid #27BA65; } .orders_light .orders__status_red { background: #F9DEE0; } .orders_light .orders__status_red-white { background: #FFFFFF; border: 2px solid #D62230; } .orders_light .orders__list-row_head { color: #5C5D60; background: #F5F5F5; } .orders_light .orders__list-details span { color: #231F20; } .orders_light .orders__list-details svg { stroke: #C41D1E; } .orders_light .orders__list-detail { padding: 0; } .orders_light .orders__detail { padding: 20px; } .orders_light .orders__detail:first-child { border-top: none; } .orders_light .orders__detail:not(:last-child) { border-bottom: 1px solid #FFFFFF; } .orders_light .orders__detail:last-child { border-bottom-left-radius: 10px; border-bottom-right-radius: 10px; } .orders_light .orders__list-item { background-color: #FFFFFF; border-color: transparent; border-bottom-color: #E7E7E7; } .orders_light .orders__list-item.active { border-bottom-color: transparent; } .orders_light .orders__list-item.active .orders__list-row { background: #F5F5F5; border-top-left-radius: 10px; border-top-right-radius: 10px; } .orders_light .orders__list-item.active .orders__list-detail { background: #F5F5F580; } .orders_light .orders__list-item.active .orders__list-details span { color: #C41D1E; } .orders_light .orders__list-date { display: flex; flex-direction: column; color: #5C5D60; } .orders_light .orders__list-date span { color: #231F20; } .orders_light .orders__list-text { color: #484848; } .orders_light .orders__btn-reset { color: #C41D1E; } .orders_light .orders__btn-reset svg { stroke: #C41D1E; } .orders_light .orders__btn-reset:hover { color: #FFF200; } .orders_light .orders__btn-reset:hover span { border-color: #FFF200; } .orders_light .orders__btn-reset:hover svg { stroke: #FFF200; } .orders_light .orders__btn-reset:active, .orders_light .orders__btn-reset.active { color: #FFF200; } .orders_light .orders__btn-reset:active span, .orders_light .orders__btn-reset.active span { border-color: transparent; } .orders_light .orders__btn-reset:active svg, .orders_light .orders__btn-reset.active svg { stroke: #FFF200; } .orders_light .orders__list-row_warranty .orders__list-details { background-color: #F9DEE0; } .orders_light .orders__list-row_warranty .orders__list-col { color: #5C5D60; } .orders_light .orders__view svg { color: #E7E7E7; } .orders_light .orders__view:hover svg, .orders_light .orders__view:active svg { color: #C4C4C4; } .orders_light .pagination__more { color: #231F20; } .orders_light .pagination__more svg { stroke: #231F20; } .orders_light .pagination__more_cancel { color: #C41D1E; } .orders_light .pagination__more_cancel svg { stroke: #C41D1E; } .posters__category:not(:last-child) { margin-bottom: 10px; } .posters__category.active > .posters__category-title svg { transform: rotate(180deg); } .posters__category-title { display: flex; align-items: center; justify-content: space-between; background: rgba(204, 236, 255, 0.3); padding: 15px 15px 15px 30px; color: #4A82C4; font-size: 15px; text-transform: uppercase; cursor: pointer; transition: 0.2s; } .posters__category-title:hover { background: rgba(204, 236, 255, 0.5); } .posters__category-title svg { width: 20px; height: 20px; stroke: #4A82C4; transition: 0.2s; } .posters__category-list { display: none; user-select: none; } .posters__category-list .posters__category { padding: 10px 0 0 30px; margin-bottom: 0; } .posters__item { border: 1px solid #F9FAFB; display: flex; padding: 15px 30px; margin-top: 8px; } .posters__name { padding-right: 20px; font-size: 16px; line-height: 1.5; color: #333333; } .posters__link { padding-right: 20px; font-size: 16px; line-height: 1.5; color: #4A82C4; border-bottom: 1px solid transparent; padding: 3px 0; transition: 0.2s; align-items: center; display: flex; } .posters__link svg { width: 30px; height: 30px; stroke: #4A82C4; margin-left: 13px; transition: 0.2s; } .posters__link:hover { color: #4A82C4; border-color: #4A82C4; } .posters__link:hover svg { stroke: #4A82C4; } .posters__download { display: flex; align-items: center; color: #4A82C4; text-transform: uppercase; letter-spacing: 0.2em; margin-left: auto; } .posters__download span { border-bottom: 1px solid transparent; padding: 3px 0; transition: 0.2s; } .posters__download svg { width: 30px; height: 30px; stroke: #9FD6F7; margin-left: 15px; transition: 0.2s; } .posters__download:hover { color: #4A82C4; } .posters__download:hover span { border-color: #4A82C4; } .posters__download:hover svg { stroke: #4A82C4; } .posters_light .posters__category-title { color: #9E9E9E; background: #F5F5F5; } .posters_light .posters__category-title:hover { background: #E7E7E7; } .posters_light .posters__category-title:hover .posters__category-name { color: #5C5D60; } .posters_light .posters__category-title svg { stroke: #9E9E9E; } .posters_light .posters__link { color: #C4C4C4; } .posters_light .posters__link svg { stroke: #C4C4C4; } .posters_light .posters__link:hover { color: #5C5D60; border-color: #5C5D60; } .posters_light .posters__link:hover svg { stroke: #5C5D60; } .posters_light .posters__download { color: #9E9E9E; } .posters_light .posters__download svg { stroke: #9E9E9E; } .posters_light .posters__download:hover { color: #5C5D60; } .posters_light .posters__download:hover span { border-color: #5C5D60; } .posters_light .posters__download:hover svg { stroke: #5C5D60; } .pricelist__item { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 5px; background: #fff; border: 1px solid #FCFCFD; padding: 15px 30px; transition: 0.2s; } .pricelist__item:hover { background: #FCFCFD; border-color: #F9FAFB; } .pricelist__name { flex: 1 1 100%; font-size: 16px; color: #333; line-height: 1.5; max-width: 420px; } .pricelist__controls { display: flex; align-items: center; justify-content: space-between; } .pricelist__control { flex: 1; display: flex; align-items: center; color: #4A82C4; } .pricelist__control span { font-size: 12px; line-height: 11px; text-align: right; letter-spacing: 0.2em; text-transform: uppercase; } .pricelist__control svg { width: 30px; height: 30px; stroke: #9FD6F7; margin-left: 15px; transition: 0.2s; } .pricelist__control:hover svg { stroke: #4A82C4; } .pricelist_light .pricelist__control { color: #9E9E9E; } .pricelist_light .pricelist__control svg { stroke: #9E9E9E; } .pricelist_light .pricelist__item:hover .pricelist__control { color: #5C5D60; } .pricelist_light .pricelist__item:hover .pricelist__control span { border-color: #5C5D60; } .pricelist_light .pricelist__item:hover .pricelist__control svg { stroke: #5C5D60; } .detailed { display: flex; align-items: flex-start; justify-content: space-between; margin-top: 40px; } .detailed_col { flex-direction: column; margin-top: 20px; } .detailed_col .detailed__image { margin-right: 0; margin-bottom: 20px; margin-left: auto; margin-right: auto; } .detailed_col .detailed__table { width: 100%; flex-basis: 100%; } .detailed_col .detailed__table-cell { flex-grow: 0; flex-shrink: 1; } .detailed_col .detailed__table-cell:nth-child(1) { flex-basis: 300px; } .detailed_col .detailed__table-cell:nth-child(2) { flex-basis: 110px; } .detailed_col .detailed__table-cell:nth-child(3) { flex-basis: 95px; } .detailed_col .detailed__table-cell:nth-child(4) { flex-basis: 100px; } .detailed_col .detailed__table-cell:nth-child(5) { flex-basis: 168px; } .detailed_col .detailed__table-cell:nth-child(6) { flex-basis: 120px; } .detailed__image { flex: 0 1 452px; margin-right: 20px; } .detailed__image-wrap { display: block; } .detailed__table { flex: 0 1 768px; } .detailed__table-cell { flex-grow: 0; flex-shrink: 1; } .detailed__table-cell:nth-child(1) { flex-basis: 180px; } .detailed__table-cell:nth-child(2) { flex-basis: 95px; } .detailed__table-cell:nth-child(3) { flex-basis: 140px; } .detailed__table-cell:nth-child(4) { flex-basis: 168px; } .detailed__table-cell:nth-child(5) { flex-basis: 120px; } .detailed__legend { display: flex; align-items: center; justify-content: space-between; padding: 16px 10px 16px 60px; background-color: #FCFCFD; } .detailed__legend-item { color: #999; font-size: 13px; line-height: 1.3; text-align: center; } .detailed__legend-item:nth-child(1) { text-align: left; } .detailed__item { padding-left: 60px; position: relative; display: flex; align-items: center; justify-content: space-between; padding-top: 15px; padding-bottom: 15px; border-bottom: 1px solid #F9FAFB; } .detailed__item-num { position: absolute; left: 0; top: 50%; transform: translateY(-50%); font-size: 14px; } .detailed__scheme { display: inline-block; margin-top: 8px; color: #999; border-bottom: 1px solid currentColor; font-size: 12px; } .detailed__caption-text { font-size: 14px; font-weight: 700; line-height: 1.2; } .detailed__name { font-size: 14px; line-height: 1.2; } .detailed__name span { display: none; margin-top: 6px; color: #999; font-size: 12px; } .detailed__name a:hover { cursor: pointer; color: #4A82C4; } .detailed__link { font-size: 14px; line-height: 1.2; color: #4A82C4; } .detailed__link:hover { color: #1764BF !important; } .detailed__count { text-align: center; font-size: 16px; } .detailed__vendor-code { text-align: center; color: #999; font-size: 12px; } .detailed__price { text-align: center; font-size: 16px; } .detailed__price span { font-weight: 600; } .detailed__price-old { text-align: center; color: #BDBDBD; font-size: 12px; margin-top: 8px; } .detailed__group_label { position: relative; } .detailed__group:hover .detailed__group-tooltip { display: block; } .detailed__analog-btn { display: flex; align-items: center; padding: 0; font-size: 10px; font-weight: 400; line-height: 12px; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; border: none; background-color: transparent; cursor: pointer; } .detailed__analog-btn span { display: flex; align-items: center; justify-content: center; width: 16px; height: 16px; margin-top: -2px; margin-left: 6px; color: #4A82C4; line-height: 0; border-radius: 50%; transition: 0.35s all; } .detailed__analog-btn span svg { transition: 0.35s all; } .detailed__group-tooltip { width: 100%; padding: 5px; background: #fff; position: absolute; bottom: 100%; margin-bottom: 20px; left: 0; border: 1px solid #DFE6EA; display: none; } .detailed__group-tooltip img { display: block; } .detailed__button .form-button_red { border-color: transparent; color: #f00; } .detailed__button .form-button_red:hover { border-color: #f00; } .detailed__button .form-button_analoque { border-color: transparent; } .detailed__button .form-button_analoque:hover { border-color: #9FD6F7; } .detailed__counter { width: 100%; padding: 5px; display: none; max-width: 295px; } .detailed__counter.active { display: flex; } .detailed__counter .count__input { width: 100%; } .detailed__caption { margin-bottom: 20px; font-size: 24px; text-transform: uppercase; } .detailed__item-wrap_show .detailed__analog-wrap { display: block; } .detailed__item-wrap_show .detailed__analog-btn span { background-color: #4A82C4; } .detailed__item-wrap_show .detailed__analog-btn span svg { color: #FFFFFF; transform: rotate(180deg); } .detailed__analog-wrap { display: none; background-color: #F9FAFB; } .detailed_dark .detailed__link { color: #f00; } .detailed_dark .detailed__link:hover { color: #C41D1E !important; text-decoration: underline; } .detailed_dark .detailed__item-wrap_show .detailed__analog-btn span { background-color: #f00; } .detailed_dark .detailed__analog-btn { color: #f00; } .detailed_dark .detailed__analog-btn span { color: #f00; } .detailed_dark .detailed__button a { color: #C41D1E; } .availability { display: flex; align-items: stretch; justify-content: center; } .availability__icon { flex: 0 0 15px; width: 15px; height: 15px; margin-right: 5px; background-position: center center; background-repeat: no-repeat; background-size: contain; font-size: 0; } .availability__text { font-size: 12px; } .availability__text:before { display: block; font-weight: 500; } .availability_false { color: #D62230; } .availability_false .availability__icon { background-image: url("/local/templates/main/assets/styles/../img/icons/icon_ava_false.svg"); } .availability_false .availability__text:before { content: 'нет в наличии'; } .availability_true { color: #27BA65; } .availability_true .availability__icon { background-image: url("/local/templates/main/assets/styles/../img/icons/icon_ava_true.svg"); } .availability_true .availability__text:before { content: 'в наличии'; } .card-price { margin-bottom: 40px; } .card-price__text { font-size: 14px; margin-bottom: 10px; } .card-price__input:not(:last-child) { margin-bottom: 10px; } .card-price__input .input-radio span { font-size: 24px; color: #4A82C4; } .card-price__input .input-radio span:before { top: 8px; } .card-price__input .input-radio span:after { top: 12px; } .change-password__title { display: flex; align-items: center; flex-wrap: wrap; justify-content: space-between; } .change-password__row { display: flex; align-items: stretch; margin-top: 30px; } .change-password__col_left { flex: 0 0 505px; } .change-password__col_right { flex: 1 1 100%; margin-left: 60px; } .change-password__form-row:not(:last-child) { margin-bottom: 10px; } .change-password__form-row_button { margin-top: 20px; display: flex; justify-content: flex-end; position: relative; } .change-password__form-row_button .form-button { max-width: 315px; } .change-password__form-title { font-size: 16px; text-transform: uppercase; font-weight: 500; margin: 30px 0; } .change-password__form-title_60 { margin-top: 60px; } .change-password__text { margin: 20px 0 5px; font-size: 14px; line-height: 20px; } .change-password__desc { margin: 0 0 25px; font-size: 14px; line-height: 20px; } .change-password__link-wrap { display: flex; justify-content: flex-end; margin-top: 25px; } .change-password__link { font-family: "LetoSans", sans-serif; color: #4A82C4; text-transform: uppercase; letter-spacing: 0.2em; font-size: 14px; font-weight: 400; line-height: 22px; } .change-password__link span { border-bottom: 1px solid transparent; padding: 2px 0; transition: 0.2s; } .change-password__link:hover span { border-color: #4A82C4; } .change-password_dark { background-color: #231F20; } .change-password_dark .change-password__title { color: #FFFFFF; } .change-password_dark .change-password__link { color: #FFFFFF; } .change-password_dark .change-password__link:hover span { border-color: #FFF200; } .change-password_dark .change-password__text { color: #FFFFFF; } .change-password_dark .change-password__desc { color: #F5F5F5; } .documentation-card { display: flex; flex-direction: column; padding-left: 10px; padding-right: 10px; padding-top: 10px; padding-bottom: 30px; border: 1px solid #F9FAFB; } .documentation-card:hover .documentation-card__title { color: #4A82C4; } .documentation-card__wrap-img { display: flex; justify-content: center; align-items: center; width: 100%; height: 150px; margin-bottom: 66px; } .documentation-card__wrap { padding-left: 10px; padding-right: 10px; } .documentation-card__img { width: 100%; height: 100%; object-fit: contain; } .documentation-card__type { display: block; margin-bottom: 15px; font-family: "Gotham Pro", sans-serif; font-size: 12px; font-weight: 400; line-height: 11px; color: #BDBDBD; } .documentation-card__title { font-family: "Gotham Pro", sans-serif; font-size: 14px; font-weight: 400; line-height: 18px; text-transform: uppercase; transition: 0.3s color; } .documentation-card_light:hover .documentation-card__title { color: #C41D1E; } .table__wrap { max-width: 100%; overflow: auto; } .table tr:first-child { border-bottom: none; } .table th, .table td { padding: 16px 10px; } .table th { text-align: left; color: #999; font-size: 13px; line-height: 1.3; background-color: #fcfcfd; font-weight: normal; } .table td > span { display: block; margin-top: 6px; color: #999; font-size: 12px; } .table_similar td { font-size: 14px; } .table_similar tr th:nth-child(n+2), .table_similar tr td:nth-child(n+2) { text-align: center; } .product-video__grid { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-column-gap: 25px; grid-row-gap: 25px; } .product-video__item { position: relative; cursor: pointer; } .product-video__item:hover .product-video__icon svg { fill: #ec2830; } .product-video__title { color: #000; font-weight: 800; font-size: 14px; line-height: 24px; } .product-video__img { position: relative; } .product-video__icon { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 1; top: 0; right: 0; bottom: 0; left: 0; } .product-video__icon svg { width: 35px; height: 35px; transition: 0.2s; fill: rgba(0, 0, 0, 0.5); stroke: #fff; } .spares__block { margin-top: 30px; } .spares__model { font-weight: 400; font-size: 22px; line-height: 21px; color: #d6222e; margin-bottom: 20px; } .spares__d-flex { display: flex; flex-wrap: wrap; margin: -40px 0 0 -40px; } .spares__col { flex-basis: 386px; width: 100%; margin: 40px 0 0 40px; } .spares__item { display: flex; align-items: center; width: 100%; height: 180px; border: 1px solid #ececec; } .spares__item:not(:last-child) { margin-bottom: 40px; } .spares__item:hover { box-shadow: 0 4px 20px 2px rgba(0, 0, 0, 0.1); } .spares__item_child1 img { width: 155px; height: auto; max-height: 165px; margin-right: 14px; } .spares__item_child2 { padding: 22px; } .spares__item_child2 img { width: 155px; height: auto; max-height: 165px; margin-right: 14px; } .spares__item_child3 { padding-left: 43px; } .spares__item_child3 img { width: 73px; height: auto; max-height: 165px; margin-right: 55px; } .spares__disable { width: 100%; max-width: 386px; height: 180px; margin: 20px 0 20px 40px; } .spares__title { display: block; font-weight: 400; font-size: 22px; line-height: 21px; color: #333333; margin-bottom: 10px; } .spares__link { font-size: 15px; line-height: 14px; color: #999999; text-decoration: underline; } #hidepanel { position: fixed; height: 100%; width: 100%; background-image: url("/local/templates/main/assets/styles/../img/style/preloader.gif"); background-size: 100px; background-color: #000; background-repeat: no-repeat; background-position: 50% 50%; opacity: 0.7; top: 0; left: 0; right: 0; bottom: 0; z-index: 999; } .preloader::before { content: ""; position: fixed; height: 100%; width: 100%; background-image: url("/local/templates/main/assets/styles/../img/style/preloader.gif"); background-size: 100px; background-color: rgba(255, 255, 255, 0.6); background-repeat: no-repeat; background-position: 50% 50%; top: 0; left: 0; right: 0; bottom: 0; z-index: 5; } .vin-block { margin-top: 27px; } .vin-block__download-btn { display: flex; align-items: center; justify-content: center; height: 52px; margin-bottom: 40px; font-family: "Gotham Pro", sans-serif; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; text-transform: uppercase; background: #CCECFF; border-radius: 10px; transition: 0.35s all; } .vin-block__download-btn svg { margin-left: 15px; stroke: #4A82C4; } .vin-block__download-btn:hover { opacity: 0.8; } .vin-block__form { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 30px; } .vin-block__title-block { display: flex; flex-direction: column; } .vin-block__row { display: flex; align-items: center; margin-bottom: 7px; } .vin-block__title { flex-shrink: 0; margin-right: 5px; margin-bottom: 0; font-size: 16px; font-weight: 400; line-height: 26px; color: #333333; } .vin-block__footnote { font-size: 11px; font-weight: 400; line-height: 17px; color: rgba(96, 124, 142, 0.7); } .vin-block__info-text { display: flex; align-items: center; cursor: pointer; } .vin-block__info-text p { display: none; } .vin-block__info-text span { display: block; width: 16px; height: 16px; background-image: url("/local/templates/main/assets/styles/../img/style/info.svg"); } .vin-block__input-block { display: flex; margin-left: 20px; margin-right: 18px; } .vin-block__input { width: 24px; height: 52px; margin-right: 6px; padding: 0; font-size: 16px; font-weight: 400; line-height: 16px; color: #000000; text-align: center; background: #FFFFFF; border: 1px solid #DFE6EA; transition: all 0.35s; } .vin-block__input_has-value { border-color: #4A82C4; } .vin-block__input:hover, .vin-block__input:focus { background-color: rgba(204, 236, 255, 0.2); border: 1px solid #4A82C4; } .vin-block__input:focus-visible { outline: none; } .vin-block__btn { display: flex; align-items: center; justify-content: center; width: 60px; height: 52px; padding: 0; text-align: center; background: #4A82C4; border: 1px solid #4A82C4; cursor: pointer; } .vin-block__btn svg { color: #ffffff; } .vin-block__btn p { display: none; } .vin-block__btn:disabled { cursor: auto; border: 1px solid #CCECFF; background: #FFFFFF; } .vin-block__btn:disabled svg { color: #DFE6EA; } .vin-block__btn:disabled p { color: #DFE6EA; } .vin-block__caption { margin-bottom: 30px; font-size: 20px; font-weight: 400; line-height: 30px; text-transform: uppercase; color: #333333; } .vin-block__caption_red { color: #D62230; } .vin-block__caption span { margin-left: 10px; color: #4A82C4; text-transform: none; border-bottom: 1px solid rgba(74, 130, 196, 0.4); } .vin-block__wrap { position: relative; } .vin-block__wrap.active .vin-block__info { position: absolute; top: 21px; left: 0; display: block; } .vin-block__text { margin-top: 0; margin-bottom: 0; font-size: 14px; font-weight: 400; line-height: 21px; color: #333333; } .vin-block__info { display: none; width: 340px; padding: 20px 15px; background: #FFFFFF; border: 1px solid #EFEFEF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); z-index: 5; } .vin-block__info p { margin-bottom: 0; font-size: 11px; font-weight: 400; line-height: 17px; color: #607C8E; } .vin-block__close-btn { position: absolute; top: 5px; right: 5px; display: block; width: 20px; height: 20px; padding: 0; background-color: transparent; background-image: url("/local/templates/main/assets/styles/../img/style/close.svg"); background-size: 20px 20px; background-position: center; background-repeat: no-repeat; border: none; cursor: pointer; } .vin-block__whole-vin { display: none; } .vin-block.vin-block_light .vin-block__download-btn { background: transparent; background-color: #F5F5F5; color: #231F20; } .vin-block.vin-block_light .vin-block__download-btn svg { stroke: #231F20; } .vin-block.vin-block_light .vin-block__download-btn:hover { background-color: #F9DEE0; color: #f00; } .vin-block.vin-block_light .vin-block__download-btn:hover svg { stroke: #f00; } .vin-block.vin-block_light .vin-block__input { border: 1px solid #C4C4C4; } .vin-block.vin-block_light .vin-block__input:hover, .vin-block.vin-block_light .vin-block__input:focus { border: 1px solid #f00; background-color: #F9DEE0; } .vin-block.vin-block_light .vin-block__input_has-value { border-color: #f00; } .vin-block.vin-block_light .vin-block__btn { background-color: transparent; border: 1px solid #f00; background-color: transparent; transition: all 0.35s; } .vin-block.vin-block_light .vin-block__btn svg { color: #f00; transition: all 0.35s; } .vin-block.vin-block_light .vin-block__btn p { color: #f00; border: none; } .vin-block.vin-block_light .vin-block__btn span { background-color: transparent; } .vin-block.vin-block_light .vin-block__btn:hover { background-color: #f00; } .vin-block.vin-block_light .vin-block__btn:hover svg { color: #FFFFFF; } .vin-block.vin-block_light .vin-block__btn:disabled { background-color: transparent; border: 1px solid #F9DEE0; } .vin-block.vin-block_light .vin-block__btn:disabled svg { color: #F9DEE0; } .vin-block.vin-block_light .vin-block__btn:disabled p { color: #E7E7E7; border-right: 1px solid #F9DEE0; } .vin-block.vin-block_light .vin-block__btn:disabled span { background-color: transparent; border: none; } .vin-block.vin-block_light .vin-block__footnote { color: rgba(92, 93, 96, 0.7); } .vin-block.vin-block_light .vin-block__caption span { color: #f00; border-bottom: 1px solid rgba(255, 0, 0, 0.4); } .vin-block.vin-block_light .vin-block__info-text span { background-image: url("/local/templates/main/assets/styles/../img/style/info-red.svg"); } .vin-block.vin-block_light .vin-block__info-text p { color: rgba(255, 0, 0, 0.7); } .brand-inner h3 { margin: 0 0 32px; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #333333; } .brand-inner p { margin-top: 0; margin-bottom: 20px; font-size: 14px; font-weight: 400; line-height: 21px; color: #0E0E0E; } .brand-inner__title { margin-bottom: 24px; font-size: 24px; font-weight: 400; line-height: 36px; color: #333333; } .brand-inner__wrap { display: flex; margin-bottom: 76px; } .brand-inner__wrap .brand-inner__col:nth-child(1) { flex-shrink: 0; width: 295px; } .brand-inner__wrap .brand-inner__col:nth-child(2) { flex-grow: 1; width: calc(100% - 295px); padding-left: 63px; } .brand-inner__wrap .slick-arrow.prev { left: -35px; } .brand-inner__card { margin-bottom: 24px; padding: 10px 10px 30px; background: #F9FAFB; } .brand-inner__card-img-block { width: 100%; height: 181px; margin-bottom: 30px; background: #FFFFFF; } .brand-inner__card-img-block picture { width: 100%; height: 100%; } .brand-inner__card-img-block img { width: 100%; height: 100%; object-fit: contain; } .brand-inner__name { font-size: 16px; font-weight: 400; line-height: 19px; color: #333333; text-align: center; } .brand-inner__text { margin-bottom: 26px; font-size: 14px; font-weight: 400; line-height: 21px; color: #0E0E0E; } .brand-inner__info-row { display: flex; align-items: baseline; margin-bottom: 4px; } .brand-inner__info-row span { width: 50%; padding-right: 20px; font-size: 12px; font-weight: 400; line-height: 18px; color: #333333; } .brand-inner__info-row b { font-size: 14px; font-weight: 700; line-height: 22px; color: #333333; } .brand-inner__img-wrap { display: flex; margin-top: 40px; margin-left: -7px; padding-right: 35px; } .brand-inner__img-wrap .slick-list { width: 100%; } .brand-inner__img-wrap .slick-track { margin-left: 0; } .brand-inner__img-block { display: block; padding-left: 7px; padding-right: 7px; width: 33.3333%; height: 180px; } .brand-inner__img-block:nth-child(n+4):not(.slick-slide) { display: none; } .brand-inner__img-block picture, .brand-inner__img-block img { width: 100%; height: 100%; object-fit: cover; } .brand-inner__header { padding-top: 20px; padding-bottom: 10px; margin-bottom: 14px; font-size: 24px; font-weight: 400; line-height: 36px; color: #333333; background-color: #FFFFFF; } .brand-inner__2col { display: flex; align-items: flex-start; } .brand-inner__2col .brand-inner__col:nth-child(1) { width: calc(100% - 295px); flex-grow: 1; padding-right: 20px; } .brand-inner__list { display: flex; flex-wrap: wrap; margin-left: -5px; margin-right: -5px; } .brand-inner__item { width: calc(100% / 3 - 10px); margin-bottom: 10px; margin-left: 5px; margin-right: 5px; } .brand-inner__link { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; padding: 12px 12px 12px 30px; font-size: 15px; font-weight: 400; line-height: 23px; color: #4A82C4; text-transform: uppercase; background-color: #CCECFF; } .brand-inner__link svg { flex-shrink: 0; color: #9FD6F7; } .brand-inner__link_dark { margin-top: 32px; color: #ffffff; background-color: #4A82C4; } .brand-inner__link_dark svg { color: #ffffff; } .brand-inner__more-btn { width: 100%; margin-top: 40px; padding: 15px; font-family: "LetoSans", sans-serif; display: flex; align-items: center; justify-content: center; color: #4A82C4; text-transform: uppercase; letter-spacing: 0.2em; background: #F9FAFD; border-radius: 10px; cursor: pointer; border: none; } .brand-inner__more-btn span { border-bottom: 1px solid transparent; padding: 2px 0; transition: 0.2s; } .brand-inner__more-btn svg { width: 30px; height: 30px; stroke: currentColor; transform: scale(-1, 1); margin-left: 15px; } .brand-inner__more-btn:hover span { border-color: currentColor; } .brand-inner_light .brand-inner__link { background: #FFFFFF; color: #231F20; padding: 10px; margin: 0; font-size: 14px; } .brand-inner_light .brand-inner__link svg { stroke: #231F20; } .brand-inner_light .brand-inner__link:hover { background-color: #F5F5F5; } .brand-inner_light .brand-inner__btn { margin-top: 40px; } .brand-inner_light .brand-inner__more-btn { background: #F5F5F580; color: #231F20; } .brand-inner_light .brand-inner__img-wrap .slick-arrow svg { stroke: #DBDBDB; } .brand-inner_light .brand-inner__img-wrap .slick-arrow:hover svg { stroke: #ED1C24; } .brand { padding-top: 10px; padding-bottom: 10px; } .brand__list { display: flex; margin-left: 40px; margin-right: 40px; padding-left: 10px; padding-right: 10px; } .brand__list .slick-list { width: 100% !important; } .brand__list .slick-slide { opacity: 0.2; } .brand__list .slick-slide.slick-active { opacity: 1; } .brand__list .slick-track { margin-left: 0; } .brand__list .slick-arrow.prev { left: -40px; } .brand__list .slick-arrow.next { right: -40px; } .brand__list .slick-arrow svg { stroke: #9E9E9E; } .brand__list .slick-arrow:hover svg { stroke: #ED1C24; } .brand__list .slick-dots { margin: 10px 0 30px; } .brand__list .slick-dots li { margin: 0 7px; } .brand__list .slick-dots li button { width: 8px; height: 8px; background-color: #FFFFFF; opacity: 0.6; cursor: pointer; } .brand__list .slick-dots li.slick-active button { position: relative; opacity: 1; } .brand__list .slick-dots li.slick-active button::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; border: 1px solid #FFFFFF99; border-radius: 50%; } .brand__item { width: 16.66%; padding-left: 5px; padding-right: 5px; margin-top: 20px; margin-bottom: 20px; } .brand__item:not(.slick-slide):nth-child(n+7) { display: none; } .brand__link { position: relative; display: block; height: 100px; padding: 10px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.05); border-radius: 10px; background-color: #FFFFFF; border: 1px solid #DBDBDB; transition: box-shadow .3s linear; } .brand__link picture { width: 100%; height: 100%; } .brand__link img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(100%) opacity(0.8); transition: filter .3s linear; } .brand__link:hover { box-shadow: 0px 10px 40px 0px #FFF20033; } .brand__link:hover img { filter: none; } .brand__link:hover .brand__icon-arrow { color: #ED1C24; } .brand__icon-arrow { position: absolute; bottom: 6px; right: 6px; color: #9E9E9E; transition: color .3s linear; } .current-block__title { display: flex; flex-direction: column; margin: 0; font-family: "LetoSans", sans-serif; font-weight: 300; font-size: 40px; color: #FFFFFF; text-transform: uppercase; } .current-block__title span { margin-bottom: 10px; font-size: 12px; font-weight: 400; line-height: 100%; letter-spacing: 0.2em; text-align: left; text-transform: none; color: #484848; opacity: 0.4; } .promotion { margin-bottom: 50px; padding-bottom: 100px; overflow: hidden; } .promotion__tabs { font-size: 14px; line-height: 1.5; margin-top: 40px; } .promotion__tabs-list { display: flex; align-items: center; gap: 6px; margin-bottom: 30px; list-style: none; } .promotion__tabs-item { padding: 12px 26px; flex-grow: 0; color: #9E9E9E; border: 1px solid #484848; border-radius: 10px; background-color: #484848; cursor: pointer; } .promotion__tabs-item.active { color: #FFFFFF; border: 1px solid #484848; background-color: #231F20; } .promotion__wrap { margin-top: 30px; } .promotion__slider { margin: 0 -10px; } .promotion__slider .slick-track, .promotion__slider .slick-list { overflow: visible; } .promotion__slider .slick-slide { margin: 0 10px; opacity: 0.2; } .promotion__slider .slick-slide.slick-active { opacity: 1; } .promotion__slider .slick-arrow { top: unset; bottom: -120px; width: auto; height: auto; display: flex; align-items: center; justify-content: center; padding: 14px; background-color: #231F20; border: 1px solid #FFFFFF; } .promotion__slider .slick-arrow svg { width: 30px; height: 30px; stroke: #FFFFFF; } .promotion__slider .slick-arrow:hover { border-color: #FFFFFF; background-color: #FFFFFF; } .promotion__slider .slick-arrow:hover svg { stroke: #231F20; } .promotion__slider .slick-arrow.prev { left: 10px; } .promotion__slider .slick-arrow.next { right: unset; left: 76px; } .promotion__slider .slick-arrow.slick-disabled { opacity: 0.4; } .promotion__slider .slick-arrow.slick-disabled:hover { border-color: unset; background-color: unset; } .promotion__slider .slick-dots { margin: 20px 0; } .promotion__slider .slick-dots li { margin: 0 7px; } .promotion__slider .slick-dots li button { width: 8px; height: 8px; background-color: #FFFFFF; opacity: 0.6; cursor: pointer; } .promotion__slider .slick-dots li.slick-active button { position: relative; opacity: 1; } .promotion__slider .slick-dots li.slick-active button::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; border: 1px solid #FFFFFF99; border-radius: 50%; } .promotion__slider_flex { display: flex; flex-wrap: wrap; margin: -20px -10px 0; } .promotion__slider_flex .promotion__item { width: calc(50% - 20px); margin: 20px 10px 0; } .promotion__item { background-color: #484848; border-top-left-radius: 40px; border-bottom-right-radius: 40px; overflow: hidden; } .promotion__content { padding: 30px; display: flex; flex-direction: column; gap: 12px; } .promotion__tag-list { display: flex; align-items: center; gap: 6px; } .promotion__tag-item { padding: 7px 10px; border-radius: 5px; font-weight: 400; font-size: 12px; line-height: 100%; color: #FFFFFF; background: #F5F5F54D; } .promotion__title { font-weight: 400; font-size: 20px; line-height: 150%; color: #FFFFFF; text-transform: uppercase; } .promotion__description { font-weight: 400; font-size: 14px; line-height: 150%; color: #9E9E9E; } .promotion__more { display: flex; align-items: center; gap: 15px; height: 30px; font-weight: 400; font-size: 12px; line-height: 100%; letter-spacing: 0.2em; color: #FFFFFF; text-transform: uppercase; } .promotion__more svg { display: none; width: 30px; height: 30px; stroke: #FFF200; } .promotion__item:hover { background-color: #231F20; } .promotion__item:hover .promotion__tag-item { color: #484848; background: #FFF200; } .promotion__item:hover .promotion__description { color: #FFFFFF; } .promotion__item:hover .promotion__more { color: #FFF200; } .promotion__item:hover .promotion__more svg { display: block; } .promotion__link { margin-top: 30px; margin-left: auto; } .action { border: 1px solid #DBDBDB; background: #FFFFFF; background-color: #FFFFFF; } .action svg { stroke: #5C5D60; } .action:hover { border-color: #FFF200 !important; background-color: #FFF200 !important; box-shadow: 0px 5px 30px 0px #0000001A; } .action:hover svg { stroke: #231F20 !important; } .action:active, .action.active { box-shadow: 0px 5px 30px 0px #0000001A; border-color: #FFFFFF !important; background-color: #FFFFFF !important; } .action:active svg, .action.active svg { stroke: #ED1C24 !important; fill: #ED1C24 !important; } .card__action_close { background-color: transparent; border-color: #F9DEE0; } .card__action_close.active { background-color: transparent; border-color: #F9DEE0; } .card__action_close svg { stroke: #C41D1E; } .link-dark { font-weight: 400; font-size: 12px; line-height: 100%; } .link-dark_menu { font-size: 12px; color: #DBDBDB; } .link-dark_menu:hover { color: #FFFFFF; } .link-dark_menu:active, .link-dark_menu.active { color: #DBDBDB; } .link-dark_link { display: flex; align-items: center; font-size: 14px; color: #FFFFFF; } .link-dark_link svg { width: 30px; height: 30px; stroke: #FFF200; margin-left: 13px; opacity: 0; transition: 0.2s; } .link-dark_link:hover { color: #FFF200; } .link-dark_link:hover span { color: #FFF200; } .link-dark_link:hover svg { opacity: 1; } .link-dark_link:active, .link-dark_link.active { color: #FFF200; } .link-dark_link:active span, .link-dark_link.active span { color: #FFF200; } .link-dark_link:active svg, .link-dark_link.active svg { opacity: 1; } .link-dark_upper { display: flex; align-items: center; letter-spacing: 0.2em; text-transform: uppercase; color: #FFFFFF; } .link-dark_upper span { padding: 2px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .link-dark_upper svg { width: 30px; height: 30px; stroke: #FFFFFF; margin-left: 13px; opacity: 0; transition: 0.2s; } .link-dark_upper:hover { color: #FFFFFF; } .link-dark_upper:hover span { border-color: #FFFFFF; } .link-dark_upper:hover svg { opacity: 1; } .link-dark_upper:active, .link-dark_upper.active { color: #FFFFFF; } .link-dark_upper:active span, .link-dark_upper.active span { border-color: transparent; } .link-dark_upper:active svg, .link-dark_upper.active svg { opacity: 1; } .link-dark_upper-ico { display: flex; align-items: center; letter-spacing: 0.2em; text-transform: uppercase; color: #C41D1E; } .link-dark_upper-ico span { padding: 2px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .link-dark_upper-ico svg { width: 30px; height: 30px; stroke: currentColor; transform: scale(-1, 1); margin-left: 15px; } .link-dark_upper-ico:hover { color: #FFF200; } .link-dark_upper-ico:hover span { border-color: #FFF200; } .link-dark_upper-ico:hover svg { opacity: 1; } .link-dark_upper-ico:active, .link-dark_upper-ico.active { color: #FFF200; } .link-dark_upper-ico:active span, .link-dark_upper-ico.active span { border-color: transparent; } .link-dark_upper-ico:active svg, .link-dark_upper-ico.active svg { opacity: 1; } .link-light_upper { display: flex; align-items: center; letter-spacing: 0.2em; text-transform: uppercase; color: #231F20; } .link-light_upper span { padding: 2px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .link-light_upper svg { width: 30px; height: 30px; stroke: #FFFFFF; margin-left: 13px; opacity: 0; transition: 0.2s; } .link-light_upper:hover { color: #231F20; } .link-light_upper:hover span { border-color: #231F20; } .link-light_upper:hover svg { opacity: 1; } .link-light_upper:active, .link-light_upper.active { color: #231F20; } .link-light_upper:active span, .link-light_upper.active span { border-color: transparent; } .link-light_upper:active svg, .link-light_upper.active svg { opacity: 1; } .link-light_upper-ico { display: flex; align-items: center; letter-spacing: 0.2em; text-transform: uppercase; color: #C41D1E; } .link-light_upper-ico span { padding: 2px 0; border-bottom: 1px solid transparent; transition: 0.2s; } .link-light_upper-ico svg { width: 30px; height: 30px; stroke: currentColor; transform: scale(-1, 1); margin-left: 15px; } .link-light_upper-ico:hover { color: #FFF200; } .link-light_upper-ico:hover span { border-color: #FFF200; } .link-light_upper-ico:hover svg { opacity: 1; } .link-light_upper-ico:active, .link-light_upper-ico.active { color: #FFF200; } .link-light_upper-ico:active span, .link-light_upper-ico.active span { border-color: transparent; } .link-light_upper-ico:active svg, .link-light_upper-ico.active svg { opacity: 1; } .widget-cart { position: fixed; top: 200px; right: 40px; z-index: 1; } .widget-cart__wrap { width: 90px; height: 90px; background-color: #FFFFFF; box-shadow: 0px 0px 10px rgba(71, 71, 71, 0.1); border-radius: 20px; display: flex; align-items: center; justify-content: center; } .widget-cart__wrap svg { stroke: #333; width: 50px; height: 50px; } .widget-cart__wrap:hover .widget-cart__total { right: 100%; opacity: 1; } .widget-cart__count { width: 30px; height: 30px; background-color: #4A82C4; border-radius: 50%; display: flex; align-items: center; justify-content: center; line-height: 1; font-size: 14px; color: #FFFFFF; position: absolute; bottom: 0; right: -15px; transition: 0.2s; } .widget-cart__total { position: absolute; top: 0; right: 0; white-space: nowrap; background: #CCECFF; border-radius: 10px 10px 0px 10px; font-size: 14px; line-height: 1; color: #4A82C4; margin-right: 5px; padding: 11px 15px; opacity: 0; transition: 0.2s; z-index: -1; } .widget-cart.animate .widget-cart__wrap svg { animation: shake 0.82s; } .widget-cart_light .widget-cart__count { background-color: #C41D1E; } .widget-cart_light .widget-cart__total { background: #F9DEE0; color: #C41D1E; } /*forms*/ .input-text { display: block; width: 100%; height: 60px; position: relative; cursor: text; overflow: hidden; } .input-text::after { content: ''; position: absolute; right: 1px; top: 1px; bottom: 1px; display: block; width: 22px; background: linear-gradient(270deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; } .input-text__field { width: calc(100% - 2px); height: 28px; padding-left: 30px; border: none; outline: none; font-size: 14px; font-family: "LetoSans", sans-serif; letter-spacing: 0.02em; color: #333; margin-top: 16px; transition: 0.2s; z-index: 55; } .input-text__field.not-empty, .input-text__field[placeholder], .input-text__field:focus { margin-top: 25px; } .input-text__field.not-empty ~ .input-text__label, .input-text__field[placeholder] ~ .input-text__label, .input-text__field:focus ~ .input-text__label { top: 10px; color: #4A82C4; } .input-text__field.not-empty ~ .input-text__border:before, .input-text__field[placeholder] ~ .input-text__border:before, .input-text__field:focus ~ .input-text__border:before { border-color: #4A82C4; } .input-text__field.not-empty ~ .input-text__showpass, .input-text__field[placeholder] ~ .input-text__showpass, .input-text__field:focus ~ .input-text__showpass { display: block; } .input-text__field_middle { padding-left: 20px; margin-top: 15px !important; } .input-text__field:disabled { background-color: transparent; } .input-text__field:required ~ .input-text__label, .input-text__field_blue ~ .input-text__label { color: #4A82C4; } .input-text__field:required ~ .input-text__border:before, .input-text__field_blue ~ .input-text__border:before { border-color: #4A82C4; } .input-text__field::placeholder { color: rgba(51, 51, 51, 0.3); } .input-text__label { color: #BDBDBD; font-family: "LetoSans", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; position: absolute; top: 23px; left: 30px; user-select: none; transition: 0.2s; white-space: nowrap; pointer-events: none; } .input-text__label_gray { color: #BDBDBD !important; } .input-text__label_no-required span { display: none; } .input-text__border:before { content: ''; width: 100%; height: 100%; border: 1px solid #DFE6EA; position: absolute; top: 0; left: 0; box-sizing: border-box; z-index: 56; pointer-events: none; } .input-text.error .input-text__field:valid ~ .input-text__label, .input-text.error .input-text__field:focus ~ .input-text__label { color: #f00; } .input-text.error .input-text__field:valid ~ .input-text__border:before, .input-text.error .input-text__field:focus ~ .input-text__border:before { border-color: #f00; } .input-text.error .input-text__field::placeholder { color: rgba(219, 60, 57, 0.4); } .input-text.error .input-text__label { color: #f00; } .input-text.error .input-text__label_gray { color: #f00 !important; } .input-text.error .input-text__border:before { border-color: #f00; } .input-text__showpass { display: none; width: 40px; height: 40px; position: absolute; top: 10px; right: 10px; cursor: pointer; } .input-text__showpass svg { width: 40px; height: 40px; stroke: #BDBDBD; position: absolute; top: 0; left: 0; } .input-text__showpass svg:nth-child(1) { opacity: 1; } .input-text__showpass svg:nth-child(2) { opacity: 0; } .input-text__showpass.active svg:nth-child(1) { opacity: 0; } .input-text__showpass.active svg:nth-child(2) { opacity: 1; } .input-text_info { overflow: visible; } .input-text_info::after { display: none; } .input-text_disabled { background: #F9FAFB; border: 1px solid #DFE6EA; } .input-text_disabled .cabinet__info-icon svg { opacity: 0.3; } .input-text_disabled::after { display: none; } .input-text_disabled .input-text__field { padding-right: 20px; } .input-text.input-text_default .input-text__label { color: #C4C4C4; } .input-text.input-text_default .input-text__border:before { border-color: #E7E7E7; } .input-text.input-text_default .input-text__field:hover ~ .input-text__border:before { border-color: rgba(196, 29, 30, 0.5); } .input-text.input-text_default .input-text__field.not-empty ~ .input-text__border:before, .input-text.input-text_default .input-text__field:focus ~ .input-text__border:before { border-color: rgba(196, 29, 30, 0.5); } .input-text.input-text_default .input-text__field.not-empty ~ .input-text__label, .input-text.input-text_default .input-text__field:focus ~ .input-text__label { color: #C41D1E; } .input-text_dark { background-color: #484848; } .input-text_dark::after { content: none; } .input-text_dark .input-text__border:before { border: 1px solid #5C5D60; } .input-text_dark .input-text__field { background-color: #484848; color: #FFFFFF; } .input-text_dark .input-text__field:required ~ .input-text__border:before { border-color: #5C5D60; } .input-text_dark .input-text__field:required ~ .input-text__label { color: #C4C4C4; } .input-text_light .input-text__border:before { border: 1px solid #E7E7E7; } .input-text_light .input-text__field { background: linear-gradient(90deg, rgba(231, 231, 231, 0.3) 0%, rgba(231, 231, 231, 0.3) 95.49%, rgba(231, 231, 231, 0) 100%); color: #231F20; } .input-text_light .input-text__field ~ .input-text__border:before { border-color: #E7E7E7; } .input-text_light .input-text__field ~ .input-text__label { color: #9E9E9E; } .form-button { display: flex; align-items: center; justify-content: space-between; padding: 0; background-color: transparent; color: #4A82C4; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; cursor: pointer; border: 1px solid #9FD6F7; transition: 0.2s; outline: none; width: 100%; max-width: 295px; user-select: none; } .form-button span { padding: 0 10px 0 30px; text-align: left; } .form-button:hover { border-color: #4A82C4; } .form-button:hover .form-button__ico { background-color: #4A82C4; border-color: #4A82C4; } .form-button:hover .form-button__ico svg { stroke: #FFFFFF; } .form-button:hover .form-button__ico_noborder { background-color: unset; border-color: unset; } .form-button:hover .form-button__ico_noborder svg { stroke: #4A82C4; } .form-button span.form-button__mob-hidden { padding: 0; } .form-button__ico { flex-shrink: 0; display: flex; align-items: center; justify-content: center; width: 58px; height: 58px; border-left: 1px solid #9FD6F7; margin: -1px; transition: 0.2s; } .form-button__ico svg { width: 30px; height: 30px; stroke: #4A82C4; transition: 0.2s; } .form-button__ico_noborder { border-left: none; width: 20px; height: 20px; } .form-button_white { color: #FFFFFF; border-color: #FFFFFF; } .form-button_white .form-button__ico { border-color: #FFFFFF; } .form-button_white .form-button__ico svg { stroke: #FFFFFF; } .form-button_white:hover { color: #333; border-color: #FFFFFF; background-color: #FFFFFF; } .form-button_white:hover .form-button__ico { border-color: #333; background-color: #FFFFFF; } .form-button_white:hover .form-button__ico svg { stroke: #333; } .form-button_blue { color: #FFFFFF; border-color: #FFFFFF; background-color: #4A82C4; margin-top: 10px; } .form-button_blue .form-button__ico { border-color: #FFFFFF; } .form-button_blue .form-button__ico svg { stroke: #FFFFFF; } .form-button_blue:hover { border-color: #4A82C4; } .form-button_blue:hover .form-button__ico { border-color: #FFFFFF; } .form-button_no-icon span { padding: 15px; display: block; width: 100%; text-align: center; } .form-button:disabled { filter: grayscale(100); opacity: .6; cursor: no-drop; } .form-button_small span { padding-left: 20px; } .form-button_small .form-button__ico { width: 40px; height: 40px; } .form-button_small .form-button__ico svg { width: 20px; height: 20px; } .form-button_red { color: #f00; border-color: #f00; } .form-button_red .form-button__ico { border-color: #f00; } .form-button_red .form-button__ico svg { stroke: #f00; } .form-button_red:hover { color: #f00; border-color: #f00; } .form-button_red:hover .form-button__ico { border-color: #f00; background-color: #f00; } .form-button_red:hover .form-button__ico svg { stroke: #FFFFFF; } .form-button_no-border { font-size: 10px; border: none; transition: 0.35s all; } .form-button_no-border span { width: 100%; padding: 3px; text-align: center; } .form-button_no-border:hover { opacity: 0.7; } .form-button_dark-red { border-color: #C41D1E; color: #C41D1E; } .form-button_dark-red .form-button__ico { border-color: #C41D1E; } .form-button_dark-red .form-button__ico svg { stroke: #C41D1E; } .form-button_dark-red:hover { color: #ED1C24; border-color: #ED1C24; } .form-button_dark-red:hover .form-button__ico { background-color: #ED1C24; border-color: #ED1C24; } .form-button_dark-red:hover .form-button__ico svg { stroke: #FFFFFF; } .form-button_red-white { color: #FFFFFF; } .form-button_red-white:hover { color: #FFFFFF; } .form-button_border { border-color: #FFFFFF; color: #FFFFFF; } .form-button_border .form-button__ico { border-color: #FFFFFF; } .form-button_border .form-button__ico svg { stroke: #FFFFFF; } .form-button_border:hover { color: #FFFFFF; border-color: #C41D1E; } .form-button_border:hover .form-button__ico { background-color: #C41D1E; border-color: #C41D1E; } .form-button_border:hover .form-button__ico svg { stroke: #FFFFFF; } .form-button_icon-white { color: #FFFFFF; border-color: #FFFFFF; } .form-button_icon-white .form-button__ico { background-color: #FFFFFF; border-color: #FFFFFF; } .form-button_icon-white .form-button__ico svg { stroke: #231F20; } .form-button_icon-white:hover, .form-button_icon-white:active { background-color: #ED1C24; color: #FFFFFF; border-color: #ED1C24; } .form-button_icon-white:hover .form-button__ico, .form-button_icon-white:active .form-button__ico { background-color: #ED1C24; border-color: #ED1C24; } .form-button_icon-white:hover .form-button__ico svg, .form-button_icon-white:active .form-button__ico svg { stroke: #FFFFFF; } .form-button_gray { color: #FFFFFF; border-color: #9E9E9E; } .form-button_gray .form-button__ico { background-color: transparent; border-color: #9E9E9E; } .form-button_gray .form-button__ico svg { stroke: #FFFFFF; } .form-button_gray:hover, .form-button_gray:active { color: #FFFFFF; border-color: #ED1C24; } .form-button_gray:hover .form-button__ico, .form-button_gray:active .form-button__ico { background-color: #ED1C24; border-color: #ED1C24; } .form-button_gray:hover .form-button__ico svg, .form-button_gray:active .form-button__ico svg { stroke: #FFFFFF; } .range__wrap { padding-top: 10px; } .range__input { width: 100%; margin: 0; -webkit-appearance: none; background-color: #CCECFF; height: 4px; outline: none; } .range__input::-webkit-slider-runnable-track { height: 4px; -webkit-appearance: none; color: #4A82C4; margin-top: -1px; } .range__input::-webkit-slider-thumb { width: 14px; -webkit-appearance: none; height: 14px; cursor: ew-resize; background-color: #4A82C4; border-radius: 50%; margin-top: -4px; } .range__input::-moz-range-progress { background-color: #4A82C4; } .range__input::-moz-range-track { background-color: #CCECFF; } .range__input::-ms-fill-lower { background-color: #4A82C4; } .range__input::-ms-fill-upper { background-color: #CCECFF; } .range__counts { display: flex; align-items: center; justify-content: space-between; color: #9FD6F7; font-size: 12px; } .range__val { text-align: right; font-size: 16px; font-weight: bold; color: #4A82C4; } .range_light .range__input { background-color: #E7E7E7; } .range_light .range__input::-webkit-slider-runnable-track { color: #C41D1E; } .range_light .range__input::-webkit-slider-thumb { background-color: #C41D1E; } .range_light .range__input::-moz-range-progress { background-color: #C41D1E; } .range_light .range__input::-moz-range-track { background-color: #E7E7E7; } .range_light .range__input::-ms-fill-lower { background-color: #C41D1E; } .range_light .range__input::-ms-fill-upper { background-color: #E7E7E7; } .range_light .range__val { color: #C41D1E; } .range_light .range__counts { color: #F9DEE0; } .checkbox-toggle { display: inline-block; position: relative; font-size: 14px; padding: 4px 0 4px 70px; cursor: pointer; margin-bottom: 10px; } .checkbox-toggle_sm { display: flex; margin-bottom: 0; padding: 4px 0 4px 0; } .checkbox-toggle_sm .checkbox-toggle__label { position: relative; display: flex; align-items: center; padding: 0 0 0 35px; font-size: 12px; line-height: 16px; } .checkbox-toggle_sm .checkbox-toggle__label:before { box-sizing: border-box; border-radius: 32px; width: 29px; height: 16px; } .checkbox-toggle_sm .checkbox-toggle__label:after { width: 12px; height: 12px; top: 2px; left: 2px; } .checkbox-toggle_sm .checkbox-toggle__field:checked ~ .checkbox-toggle__label:before { background-color: #4A82C4; } .checkbox-toggle_sm .checkbox-toggle__field:checked ~ .checkbox-toggle__label:after { left: 15px; background-color: #FFFFFF; } .checkbox-toggle__field { position: absolute; width: 0; height: 0; opacity: 0; } .checkbox-toggle__field:checked ~ .checkbox-toggle__label:before { border-color: #4A82C4; } .checkbox-toggle__field:checked ~ .checkbox-toggle__label:after { left: 29px; background-color: #4A82C4; } .checkbox-toggle__label { user-select: none; } .checkbox-toggle__label:before { content: ''; border: 1px solid #DFE6EA; border-radius: 12px; width: 48px; height: 22px; position: absolute; top: 0; left: 0; transition: 0.2s; } .checkbox-toggle__label:after { content: ''; background-color: #DFE6EA; border-radius: 50%; width: 18px; height: 18px; position: absolute; top: 3px; left: 3px; transition: 0.2s; } .checkbox-toggle:hover .checkbox-toggle__label:before { border-color: #4A82C4; } .checkbox-toggle:hover .checkbox-toggle__label:after { background-color: #4A82C4; } .checkbox-toggle_light .checkbox-toggle__label::before { border-color: #DBDBDB; background-color: #DBDBDB; } .checkbox-toggle_light .checkbox-toggle__label::after { border-color: #C4C4C4; background-color: #FFFFFF; } .checkbox-toggle_light .checkbox-toggle__field:checked ~ .checkbox-toggle__label:before { border-color: #231F20; background-color: #231F20; } .checkbox-toggle_light .checkbox-toggle__field:checked ~ .checkbox-toggle__label:after { border-color: #FFF200; background-color: #FFF200; } .checkbox-toggle_light:hover .checkbox-toggle__label:before { border-color: #231F20; } .checkbox-toggle_light:hover .checkbox-toggle__label:after { background-color: #231F20; } .input-check { display: block; cursor: pointer; } .input-check__checkbox { position: absolute; opacity: 0; width: 0; height: 0; -webkit-appearance: none; } .input-check__checkbox:checked + span:after { opacity: 1; } .input-check__checkbox:checked ~ label span:after { opacity: 1; } .input-check span { position: relative; padding-left: 40px; font-family: "LetoSans", sans-serif; font-size: 10px; line-height: 1.3; color: #828282; display: block; } .input-check span:before { position: absolute; content: ''; width: 18px; height: 18px; border: 1px solid #9FD6F7; left: 0; top: 0px; } .input-check span:after { position: absolute; content: ''; width: 14px; height: 10px; top: 5px; left: 3px; background: url("/local/templates/main/assets/styles/../img/icons/icon_check.svg") no-repeat center center/contain; transition: opacity 0.2s; opacity: 0; } .input-check span > a { text-decoration: underline; } .input-check_red span::before { border-color: rgba(196, 29, 30, 0.5); } .input-check_red span:after { background: url("/local/templates/main/assets/styles/../img/icons/icon_check_red.svg") no-repeat center center/contain; } .input-check_light span::before { border-color: #f7e2e2; } .input-check_light span:after { background: url("/local/templates/main/assets/styles/../img/icons/icon_check_red.svg") no-repeat center center/contain; } .input-check_dark span { color: #9E9E9E; } .input-check_dark span:before { width: 16px; height: 16px; border-radius: 5px; border-color: #9E9E9E; } .input-check_dark span:after { width: 18px; height: 18px; top: 0px; left: 0px; border-radius: 5px; border-color: #FFF200; background: url("/local/templates/main/assets/styles/../img/svg/ico_check-black.svg") no-repeat center center/contain; background-color: #FFF200; } .select { display: block; width: 100%; height: 60px; position: relative; } .select__field { width: 100%; height: 60px; padding-left: 30px; border: 1px solid #DFE6EA; outline: none; font-size: 12px; font-family: "LetoSans", sans-serif; letter-spacing: 0.02em; color: #333; transition: 0.2s; text-transform: uppercase; } .select__field option { text-transform: initial; font-size: 14px; } .select__field:hover, .select__field:focus { border-color: #4A82C4; } .select.error .select__field { border-color: #f00; } .select_light .select__field { color: #9E9E9E; } .select_light .select__field:hover, .select_light .select__field:focus { border-color: #E7E7E7; } .select2__wrap { display: block; width: 100%; height: 60px; position: relative; padding: 7px 30px; } .select2__wrap-title { color: #4A82C4; font-family: "LetoSans", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; user-select: none; transition: 0.2s; pointer-events: none; } .select2__wrap select { width: 100%; } .select2__wrap .select2-container--default .select2-selection--single { width: 100% !important; height: 100%; background-color: transparent; border: 1px solid #4A82C4; border-radius: 0; padding-top: 24px; padding-left: 20px; font-size: 14px; font-weight: 400; color: #333; font-family: "LetoSans", sans-serif; } .select2__wrap_middle .select2-container--default .select2-selection--single { padding-top: 14px; padding-left: 12px; } .select2__wrap .select2-container--default .select2-selection--single .select2-selection__arrow { width: 16px; height: 16px; background: url("data:image/svg+xml,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.84 6.08L8 9.92l4.16-3.84' stroke='%2325282B' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); top: 22px; right: 22px; transition: 0.2s; } .select2__wrap .select2-container--default .select2-selection--single .select2-selection__arrow b { display: none; } .select2__wrap .select2-container--open .select2-selection__arrow { transform: rotate(180deg); } .select2__wrap.disabled { pointer-events: none; } .select2__wrap.disabled .select2__wrap-title { position: relative; color: rgba(51, 51, 51, 0.3); z-index: 50; } .select2__wrap.disabled .select2-selection--single { background: #F9FAFB; border: 1px solid #DFE6EA; } .select2__wrap.disabled .select2-selection__arrow { opacity: 0.4; } .select2__wrap.error .select2-selection.select2-selection--single { border-color: #f00; } .select2__wrap.error .select2-selection.select2-selection--single .select2-selection__rendered { color: #f00; } .select2__wrap.error .select2__wrap-title { color: #f00; } .select2__wrap.select2__wrap_default.has-value .select2__wrap-title { top: 10px; color: #C41D1E; } .select2__wrap.select2__wrap_default.has-value .select2-selection--single { color: #484848; border: 1px solid rgba(196, 29, 30, 0.5); } .select2__wrap.select2__wrap_default.has-value .select2-container--default .select2-selection--single .select2-selection__rendered { color: #484848; } .select2__wrap.select2__wrap_default .select2__wrap-title { color: #C4C4C4; position: absolute; top: 23px; left: 30px; } .select2__wrap.select2__wrap_default .select2-selection--single { color: #C4C4C4; border: 1px solid #E7E7E7; } .select2__wrap.select2__wrap_default .select2-selection--single:hover { border-color: rgba(196, 29, 30, 0.5); } .select2__wrap.select2__wrap_default .select2-container--default .select2-selection--single .select2-selection__rendered { color: #C4C4C4; } .select2__wrap.select2__wrap_default .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid rgba(196, 29, 30, 0.5); } .select2-container { display: block; height: 100%; position: absolute; top: 0; left: 0; } .select2-dropdown { padding: 10px 20px; border: 1px solid #4A82C4; border-radius: 0; background: #f9fafd; } .custom-dropdown.select2-dropdown { border: 1px solid rgba(196, 29, 30, 0.5); background-color: #FFFFFF; } .custom-dropdown.select2-dropdown .select2-search__field { border: 1px solid rgba(196, 29, 30, 0.5) !important; } .custom-dropdown.select2-dropdown .select2-results__option--highlighted.select2-results__option--selectable { color: #C41D1E; } .custom-dropdown.select2-dropdown .select2-results > .select2-results__options::-webkit-scrollbar-thumb { background-color: #C41D1E; border-radius: 3px; } .select2-container--default { text-align: left; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { background: none; color: #4A82C4; } .select2-results__option--selectable { font-size: 14px; } .select2-results__option { padding: 8px 6px; } .select2-container--default .select2-search--dropdown .select2-search__field { border: 1px solid #4e85c5; height: 36px; outline: none; padding: 0 15px; } .select2-container--default .select2-results__option--selected { background: none; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar { width: 4px; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-track { background-color: #EFF2F4; } .select2-container--default .select2-results > .select2-results__options::-webkit-scrollbar-thumb { background-color: #4A82C4; border-radius: 3px; } .select_dark { background-color: #484848; } .select_dark .select__field { background-color: #484848; border: 1px solid #5C5D60; color: #C4C4C4; } .select2__wrap_light .select2__wrap-title { color: #9E9E9E; } .select2__wrap_light .select2-container--default .select2-selection--single { border: 1px solid #E7E7E7; } .select2-container--default .select2-results__option--highlighted.select2-results__option--selectable { color: #C41D1E; } .select2-dropdown { border-color: #E7E7E7; } .select2-container--default .select2-search--dropdown .select2-search__field { border-color: #E7E7E7; } .input-radio { display: block; cursor: pointer; } .input-radio input { position: absolute; opacity: 0; width: 0; height: 0; -webkit-appearance: none; } .input-radio input:checked + div:before { border-color: #4A82C4; } .input-radio input:checked + div:after { opacity: 1; } .input-radio input:checked + span:before { border-color: #4A82C4; } .input-radio input:checked + span:after { opacity: 1; } .input-radio div { position: relative; padding-left: 36px; font-size: 16px; line-height: 1.37; display: block; } .input-radio div:before { position: absolute; content: ''; width: 24px; height: 24px; border: 1px solid #DFE6EA; left: 0; top: -2px; border-radius: 50%; transition: 0.2s; } .input-radio div:after { position: absolute; content: ''; width: 12px; height: 12px; border-radius: 50%; top: 5px; left: 7px; background: #4A82C4; transition: opacity 0.2s; opacity: 0; } .input-radio div p { font-weight: 300; margin: 10px 0 0; font-size: 14px; } .input-radio span { position: relative; padding-left: 36px; font-size: 14px; line-height: 1.37; display: block; } .input-radio span:before { position: absolute; content: ''; width: 14px; height: 14px; border: 1px solid #DFE6EA; left: 3px; top: 1px; border-radius: 50%; transition: 0.2s; } .input-radio span:after { position: absolute; content: ''; width: 8px; height: 8px; border-radius: 50%; top: 5px; left: 7px; background: #4A82C4; transition: opacity 0.2s; opacity: 0; } .input-radio span p { font-weight: 300; margin: 10px 0 0; font-size: 14px; } .input-radio_light div:before { border-color: #E7E7E7; } .input-radio_light input:checked + div:before { border-color: #FFF200 !important; } .input-radio_light div:after { background: #FFF200; } .textarea { display: block; width: 100%; min-height: 120px; resize: none; border: 1px solid #DFE6EA; font-family: "LetoSans", sans-serif; font-size: 16px; padding: 10px 15px; transition: 0.2s; } .textarea:focus { outline: none; border-color: #4A82C4; } .textarea.error { border-color: #f00; } .textarea.not-empty { border-color: #4A82C4; } .textarea.not-empty ~ .input-text__label { top: 10px; } .textarea.not-empty:focus { margin-top: 25px; } .textarea.not-empty:focus ~ .input-text__label { top: 10px; color: #4A82C4; } .textarea.not-empty:focus ~ .input-text__border:before { border-color: #4A82C4; } .textarea.not-empty:focus ~ .input-text__showpass { display: block; } .textarea:required { border-color: #4A82C4; } .textarea_light { border: 1px solid #E7E7E7 !important; color: #231F20 !important; } .textarea_light::placeholder { color: #9E9E9E !important; } .textarea_dark { border: 1px solid #5C5D60 !important; color: #FFFFFF !important; background-color: #484848 !important; } .textarea_dark::placeholder { color: #C4C4C4 !important; } .textarea-text { position: relative; } .textarea-text__field.textarea { overflow: hidden; min-height: 60px; height: auto; margin-top: 0 !important; padding: 30px 40px 5px 30px; border-color: #4A82C4; } .textarea-text__field.textarea.not-empty ~ .textarea-text__label, .textarea-text__field.textarea:focus ~ .textarea-text__label { top: 10px; color: #4A82C4; } .textarea-text__field.textarea:disabled { background-color: transparent; } .textarea-text__field.textarea:required ~ .textarea-text__label { color: #4A82C4; } .textarea-text__field.textarea::placeholder { color: rgba(51, 51, 51, 0.3); } .textarea-text__field.textarea.no-required ~ .textarea-text__label { color: #4A82C4; } .textarea-text__label { color: #BDBDBD; font-family: "LetoSans", sans-serif; font-size: 12px; line-height: 16px; letter-spacing: 0.2em; text-transform: uppercase; position: absolute; top: 23px; left: 30px; user-select: none; transition: 0.2s; white-space: nowrap; pointer-events: none; } .textarea-text__label_gray { color: #BDBDBD !important; } .textarea-text__label_no-required span { display: none; } .textarea-text_light .textarea-text__label { color: #9E9E9E !important; } .fs-wrap { display: block; line-height: 1; outline: none; } .fs-wrap .fs-reset { display: none; } .fs-wrap.fs-default .fs-reset { display: none; } .fs-wrap.fs-has-selected .fs-label-wrap { background: #CCECFF; border-color: #CCECFF !important; padding: 0 24px 0 10px; } .fs-wrap.fs-has-selected .fs-reset { display: flex; } .fs-wrap.fs-has-selected .fs-arrow { display: none; } .fs-wrap.fs-open .fs-label-wrap { border-color: #4A82C4; } .fs-label-wrap { width: 100%; position: relative; background-color: transparent; border: 1px solid #CCECFF; border-radius: 10px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; display: flex; align-items: center; justify-content: space-between; cursor: pointer; padding: 0px; transition: 0.2s; } .fs-label-wrap:hover { border-color: #4A82C4; } .fs-label-wrap .fs-label { display: flex; align-items: center; justify-content: space-between; padding: 0px 34px 0px 19px; height: 32px; text-overflow: ellipsis; white-space: nowrap; overflow: hidden; font-size: 12px; flex: 1 1 100%; line-height: 1; color: #333333; } .fs-label-wrap .fs-label-count { font-weight: 500; color: #4A82C4; padding: 0 5px 0 10px; margin-right: 6px; } .fs-label-wrap .fs-reset { line-height: 1; width: 31px; height: 34px; display: flex; align-items: center; justify-content: center; position: absolute; top: -1px; right: -1px; transition: 0.2s; border-radius: 0 10px 10px 0; display: none; } .fs-label-wrap .fs-reset:hover { background-color: #9FD6F7; } .fs-label-wrap .fs-reset svg { width: 14px; height: 14px; stroke: #000; } .fs-dropdown { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; width: 290px; position: absolute; background: #FFFFFF; box-shadow: 0px 10px 30px rgba(51, 51, 51, 0.05); margin-top: 8px; z-index: 1000; padding: 20px; } .fs-dropdown:before { content: ''; border: 8px solid transparent; border-bottom: 8px solid #FFFFFF; position: absolute; bottom: 100%; left: 10px; } .fs-dropdown .fs-options { max-height: 284px; overflow: auto; margin-bottom: 5px; } .fs-dropdown .fs-options::-webkit-scrollbar-track { -webkit-box-shadow: none; background-color: #F6F6F6; } .fs-dropdown .fs-options::-webkit-scrollbar { width: 4px; background-color: #F6F6F6; border-radius: 3px; } .fs-dropdown .fs-options::-webkit-scrollbar-thumb { background-color: #4A82C4; border-radius: 3px; } .fs-dropdown__bottom { display: flex; align-items: center; justify-content: flex-end; padding-top: 15px; margin-top: 18px; border-top: 1px solid #F6F6F6; } .fs-dropdown__bottom span { font-size: 14px; color: #B7B7B7; cursor: pointer; transition: 0.2s; } .fs-dropdown__bottom span:hover { color: #333; } .fs-dropdown__bottom .button { padding: 6px 23px; margin-left: 20px; } .fs-arrow { position: absolute; width: 14px; height: 14px; right: 9px; transition: 0.2s; pointer-events: none; } .fs-arrow svg { width: 14px; height: 14px; stroke: #000; } .fs-open .fs-arrow { transform: rotate(180deg); } .fs-fastselect { display: flex; flex-wrap: wrap; font-size: 12px; padding-bottom: 9px; margin-bottom: 15px; border-bottom: 1px solid #EFF2F4; } .fs-fastselect__btn { margin-left: 20px; border-bottom: 1px solid currentColor; cursor: pointer; transition: 0.2s; } .fs-fastselect__btn:hover { border-color: transparent; } .fs-search { cursor: default; position: relative; margin-bottom: 15px; } .fs-search input { box-shadow: none !important; outline: none; border: 1px solid #DFE6EA; padding: 0 10px; width: 100%; height: 34px; border-radius: 10px; -webkit-appearance: none; font-family: "Gotham Pro", sans-serif; font-size: 12px; transition: 0.2s; } .fs-search input:focus { border-color: #4A82C4; } .fs-search-ico { display: none; } .fs-option { padding: 5px 0; cursor: default; cursor: pointer; word-break: break-all; font-size: 12px; margin-bottom: 6px; } .fs-option-label { padding-top: 2px; } .fs-option:first-child { padding-top: 0; } .fs-option:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; } .fs-optgroup-label { padding: 6px 8px; cursor: default; font-weight: bold; text-align: center; background-color: #f8f8f8; } .fs-no-results { padding: 5px 0 15px; } .fs-option.disabled { opacity: 0.4; cursor: default; } .fs-option.hl { background-color: #f5f5f5; } .fs-wrap.multiple .fs-option { position: relative; display: flex; } .fs-wrap.multiple .fs-option .fs-checkbox { position: relative; flex: 0 0 16px; width: 16px; height: 16px; border: 1px solid #DFE6EA; margin-right: 10px; border-radius: 5px; } .fs-wrap.multiple .fs-checkbox { display: block; width: 30px; top: 0; left: 0; bottom: 0; transition: 0.2s; } .fs-wrap.multiple .fs-checkbox:before { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-image: url("data:image/svg+xml,%3Csvg width='14' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 5l4 4 8-8' stroke='%23fff' stroke-width='1.5'/%3E%3C/svg%3E"); background-size: 10px 10px; background-position: 2px 2px; background-repeat: no-repeat; transition: 0.2s; opacity: 0; } .fs-wrap.multiple .fs-option.selected .fs-checkbox { border-color: #4A82C4; background-color: #4A82C4; } .fs-wrap.multiple .fs-option.selected .fs-checkbox:before { opacity: 1; } .fs-wrap.multiple .hidden { display: none; } .fs-wrap .hidden { display: none; } .datepicker { border: none; box-shadow: 0px 0px 30px -8px rgba(48, 131, 215, 0.15); border-radius: 10px; width: 280px; padding: 15px; font-family: "Gotham Pro", sans-serif; } .datepicker--day-name { color: #999999; text-transform: lowercase; } .datepicker--cell { border-radius: 30px; height: 37px; } .datepicker--cell.-selected-, .datepicker--cell.-selected-.-current-, .datepicker--cell.-selected-.-focus- { background: #ED1C24 !important; } .datepicker--cell.-current- { color: #C41D1E !important; } .datepicker--nav-action path { stroke: #231F20; } .datepicker--nav { border: none; margin-bottom: 10px; } .datepicker--days-names { margin-bottom: 8px; } .datepicker--pointer { border-color: transparent; } .checkbox__input { display: block; height: 0; width: 0; } .checkbox__input:checked + label::before { background: #4A82C4; border-color: #4A82C4; } .checkbox__input:checked + label::after { visibility: visible; opacity: 1; } .checkbox__input:disabled + label { color: rgba(51, 51, 51, 0.3); } .checkbox__input:disabled + label::before { background: #ffffff; border-color: #EFF2F4; } .checkbox__input:disabled:checked + label::after { visibility: visible; opacity: 1; background-image: url("/local/templates/main/assets/styles/../img/icons/icon_check-g.svg"); } .checkbox__label { position: relative; display: flex; align-items: center; font-size: 12px; font-weight: 400; line-height: 18px; color: #333333; cursor: pointer; } .checkbox__label::before { content: ''; display: block; width: 24px; height: 24px; margin-right: 10px; background: #FFFFFF; border: 1px solid #CCECFF; border-radius: 5px; transition: 0.35s all; } .checkbox__label::after { visibility: hidden; opacity: 0; position: absolute; top: 50%; left: 5px; content: ''; display: block; width: 16px; height: 11px; background-image: url("/local/templates/main/assets/styles/../img/icons/icon_check-w.svg"); transform: translateY(-50%); } .checkbox_light .checkbox__label::before { width: 16px; height: 16px; border-color: #E7E7E7; } .checkbox_light .checkbox__input:checked + label::before { background-color: #FFF200; border-color: #FFF200; } .checkbox_light .checkbox__label::after { width: 12px; height: 12px; top: 9px; left: 4px; border-radius: 5px; background: url("/local/templates/main/assets/styles/../img/svg/ico_check-black.svg") no-repeat center center/contain; } .error .checkbox__label { color: #f00; } .error .checkbox__label::before { border: 1px solid #f00; } .textarea { height: 140px; padding: 30px; font-size: 14px; font-weight: 400; line-height: 18px; color: #333333; letter-spacing: 0.02em; background-color: #ffffff; border: 1px solid #4A82C4; } .textarea::placeholder { color: rgba(51, 51, 51, 0.3); } .textarea:disabled { background: #F9FAFB; border: 1px solid #dfe6ea; } .textarea.not-empty { border-color: #4A82C4; } .textarea__light { border: 1px solid #E7E7E7; } .textarea__light:focus { border-color: #C41D1E; } .textarea__light.not-empty { border-color: #C41D1E; } .textarea__light.not-empty:focus { margin: 0 !important; } .request__wrap { padding: 20px; margin-bottom: 20px; background: #FFFFFF; box-shadow: 0px 0px 20px rgba(51, 51, 51, 0.05); border-radius: 0px; } .request__row { display: flex; align-items: baseline; justify-content: space-between; margin-bottom: 5px; } .request__id { font-size: 13px; font-weight: 700; line-height: 13px; color: #607C8E; } .request__date { font-size: 13px; font-weight: 400; line-height: 13px; color: rgba(96, 124, 142, 0.5); } .request__number { font-size: 16px; font-weight: 400; line-height: 24px; color: #333333; } .request__text { font-size: 13px; font-weight: 400; line-height: 20px; color: #333333; } .request__text.blue { color: #4A82C4; } .request__status-wrap { display: flex; flex-wrap: wrap; margin-left: -3px; margin-right: -3px; margin-top: 2px; margin-bottom: 7px; } .request__status { display: inline-block; margin: 3px; padding: 7px 12px; font-size: 12px; font-weight: 700; line-height: 11px; border-radius: 4px; } .request__status_green { background: #E8F4EC; color: #178F3D; } .request__status_red { background: #F9DEE0; color: #D62230; } .request__status_gray { background: rgba(74, 130, 196, 0.05); color: #607C8E; } .request__status_yellow { background: #FEF3D9; color: #FFB500; } .request__status_light-gray { background: rgba(74, 130, 196, 0.05); color: #999999; } .request__status_blue { background: #E4ECF6; color: #4A82C4; } .request__status_pigeon-blue { background: #ECEFF1; color: #607C8E; } .request__status_dark-blue { background: #E5E4EC; color: #524882; } .request__status_orange { background: #FDE9DB; color: #EA6D1F; } .request__status_black { background: #EBEBEB; color: #333333; } .request__desc { margin-top: 0; margin-bottom: 60px; font-size: 12px; font-weight: 400; line-height: 16px; color: #333333; } .request__footnote { margin: 0; font-size: 12px; font-weight: 400; line-height: 16px; color: #333333; } .request__footnote span { color: #4A82C4; font-size: 16px; } .request__btn { margin-bottom: 10px; } .request__remove-btn { margin-left: auto; display: flex; align-items: center; padding: 0; font-size: 12px; font-weight: 400; line-height: 13px; letter-spacing: 0.2em; color: #DB3C39; text-transform: uppercase; border: none; background-color: transparent; cursor: pointer; } .request__remove-btn_center { margin-top: 30px; margin-right: auto; } .request__remove-btn-icon { display: flex; justify-content: center; align-items: center; width: 36px; height: 36px; margin-left: 16px; border-radius: 50%; background: rgba(249, 222, 224, 0.3); } .request__remove-btn-icon svg { stroke: #DB3C39; } .request__description { margin-bottom: 20px; font-size: 12px; font-weight: 400; line-height: 16px; color: #333333; } .request__description a { color: #4A82C4; } .request__description b { display: block; font-size: 16px; font-weight: 700; line-height: 21px; } .request__version { display: block; margin-bottom: 20px; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; text-transform: uppercase; } .request__version-item { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-bottom: 10px; padding: 14px 20px; background: #FFFFFF; border: 1px solid #CCECFF; } .request__version-item.active { border: 1px solid #4A82C4; } .request__version-title { font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #4A82C4; } .request__version-date { font-size: 12px; font-weight: 400; line-height: 12px; color: rgba(96, 124, 142, 0.5); } .request__wrapper { position: relative; } .request__wrapper:hover .request__wrapper-info { visibility: visible; opacity: 1; } .request__wrapper-info { visibility: hidden; opacity: 0; position: absolute; right: 0; bottom: calc(100% + 5px); padding: 5px 13px; font-size: 13px; font-weight: 400; line-height: 14px; color: #4A82C4; white-space: nowrap; background: #FFFFFF; border: 1px solid #EFF2F4; border-radius: 5px; box-shadow: 0px 0px 15px rgba(48, 131, 215, 0.1); transition: 0.35s all; pointer-events: none; } .request__wrapper-info::before { content: ''; position: absolute; bottom: -5px; right: 15px; width: 0; height: 0; border-top: 5px solid #FFFFFF; border-bottom: 0; border-left: 5px solid transparent; border-right: 5px solid transparent; } .request_light .request__id { color: #484848; } .main-office { padding-top: 120px; padding-bottom: 100px; } .main-office_no-indent { padding-top: 0; padding-bottom: 80px; } .main-office__title { margin-bottom: 20px; font-size: 40px; font-weight: 250; line-height: 52px; text-transform: uppercase; } .main-office__title_sm { font-family: "Gotham Pro", sans-serif; font-size: 24px; font-weight: 500; line-height: 36px; } .main-office__content { display: flex; min-height: 383px; } .main-office__info-block { flex-grow: 1; display: flex; flex-direction: column; padding: 40px; background-color: #F9FAFB; } .main-office__text { max-width: 362px; margin-bottom: 8px; font-size: 16px; font-weight: 400; line-height: 19px; } .main-office__text_t-indent { margin-top: 25px; } .main-office__address { display: flex; align-items: center; margin-bottom: 24px; font-size: 16px; font-weight: 500; line-height: 26px; } .main-office__address svg { margin-right: 8px; } .main-office__phone { font-size: 32px; font-weight: 500; line-height: 36px; transition: 0.35s all; } .main-office__phone:hover { opacity: 0.8; } .main-office__img-block { display: flex; flex-shrink: 0; width: 59%; } .main-office__img-block .slick-arrow { top: unset; bottom: -100px; width: auto; height: auto; display: flex; align-items: center; justify-content: center; padding: 14px; background-color: #231F20; border: 1px solid #FFFFFF; } .main-office__img-block .slick-arrow svg { width: 30px; height: 30px; stroke: #FFFFFF; } .main-office__img-block .slick-arrow:hover { border-color: #ED1C24; background-color: #ED1C24; } .main-office__img-block .slick-arrow.prev { left: unset; right: 66px; } .main-office__img-block .slick-arrow.next { right: 0; } .main-office__img-block .slick-arrow.slick-disabled { opacity: 0.4; } .main-office__img-block .slick-arrow.slick-disabled:hover { border-color: unset; background-color: unset; } .main-office__img-block .slick-dots { margin: 20px 0; } .main-office__img-block .slick-dots li { margin: 0 7px; } .main-office__img-block .slick-dots li button { width: 8px; height: 8px; background-color: #FFFFFF; opacity: 0.6; cursor: pointer; } .main-office__img-block .slick-dots li.slick-active button { position: relative; opacity: 1; } .main-office__img-block .slick-dots li.slick-active button::after { position: absolute; content: ""; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 18px; height: 18px; border: 1px solid #FFFFFF99; border-radius: 50%; } .main-office__img-block .slick-track { height: 100%; } .main-office__img-item { line-height: 0; } .main-office__img-item:nth-child(n+2):not(.slick-slide) { display: none; } .main-office__img-item picture { width: 100%; height: 100%; } .main-office__img-item img { width: 100%; height: 100%; object-fit: cover; } .main-office__info-item { display: flex; flex-direction: column; margin-bottom: 30px; color: #484848; } .main-office__email { font-weight: 500; line-height: 36px; font-size: 24px; text-transform: uppercase; } .main-office__time { font-weight: 500; line-height: 36px; font-size: 24px; text-transform: uppercase; } .main-office__btn.form-button { max-width: 320px; } .main-office.main-office_cooperation { padding: 60px 0; } .main-office.main-office_cooperation .main-office__content { background-color: #F5F5F5; } .main-office.main-office_cooperation .main-office__info-block { background-color: transparent; } .main-office.main-office_cooperation .main-office__img-item { border-radius: 0 30px 0 30px; overflow: hidden; } .main-office.main-office_cooperation .main-office__text { font-weight: 300; line-height: 120%; margin-bottom: 4px; } .main-office.main-office_cooperation .main-office__phone { font-size: 24px; text-transform: uppercase; } .main-office_dark .main-office__info-block { background-color: #48484880; } .main-office_dark .main-office__text { color: #E7E7E7; } .main-office_dark .main-office__address svg { fill: #FFFFFF; } .vacancies { padding-top: 20px; } .vacancies__img-block { height: 320px; margin-bottom: 40px; line-height: 0; border-radius: 0 80px 0 80px; overflow: hidden; } .vacancies__img-block img { width: 100%; height: 100%; object-fit: cover; } .vacancies__title { margin-bottom: 20px; font-size: 20px; font-weight: 400; line-height: 30px; color: #333; text-align: center; } .vacancies__text { max-width: 820px; margin: 0 auto 60px; font-size: 16px; font-weight: 400; line-height: 26px; color: #333; } .vacancies__info-block-list { display: flex; margin-bottom: 100px; padding-top: 40px; padding-bottom: 40px; border-top: 1px solid #607C8E; border-bottom: 1px solid #607C8E; } .vacancies__info-block-item { display: flex; width: 33.33333%; } .vacancies__info-block-item:not(:last-child) { border-right: 1px solid #607C8E; } .vacancies__info-block-item:nth-child(2) .vacancies__info-block-item-wrap { margin-left: auto; margin-right: auto; } .vacancies__info-block-item:last-child .vacancies__info-block-item-wrap { margin-left: auto; padding-left: 15px; } .vacancies__info-block-item-wrap { display: flex; flex-direction: column; } .vacancies__info-number { font-size: 80px; font-weight: 400; line-height: 77px; color: #333; } .vacancies__info-text { font-size: 16px; font-weight: 400; line-height: 26px; color: #333; } .vacancies__feature-list { display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-bottom: 100px; } .vacancies__feature-item { display: flex; flex-direction: column; min-height: 214px; padding: 20px; background-color: #4A82C414; transition: 0.35s all; } .vacancies__feature-item:hover { background-color: #4A82C426; } .vacancies__feature-item:hover .vacancies__desc-wrap { opacity: 1; } .vacancies__top-block { display: flex; align-items: flex-start; justify-content: space-between; } .vacancies__bottom-block { display: flex; justify-content: space-between; align-items: flex-end; margin-top: auto; } .vacancies__number { flex-shrink: 0; font-size: 12px; font-weight: 400; line-height: 18px; color: #4A82C4; } .vacancies__desc-wrap { max-width: 200px; text-align: right; opacity: 0; transition: 0.35s all; } .vacancies__desc { font-size: 12px; font-weight: 400; line-height: 18px; color: #333; } .vacancies__caption { text-align: end; font-size: 18px; font-weight: 700; line-height: 22px; color: #4A82C4; text-transform: uppercase; } .vacancies__caption br { display: none; } .vacancies__list { display: flex; flex-direction: column; } .vacancies__item { position: relative; display: flex; justify-content: space-between; margin-bottom: 10px; padding: 40px; background-color: #F9FAFB; transition: 0.35s all; } .vacancies__item:hover { background-color: #EFF2F4; } .vacancies__left-block { display: flex; flex-direction: column; width: 51%; } .vacancies__header { margin-bottom: 32px; font-size: 40px; font-weight: 300; line-height: 50px; color: #333; } .vacancies__link { display: flex; align-items: center; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; text-transform: uppercase; color: #4A82C4; } .vacancies__link svg { margin-left: 20px; stroke: #9FD6F6; } .vacancies__small-desc { width: 44%; max-height: 104px; overflow: hidden; margin: 0; font-size: 16px; font-weight: 400; line-height: 26px; color: #333; } .vacancies__btn { display: flex; justify-content: center; align-items: center; width: 100%; height: 60px; margin-top: 10px; color: #4A82C4; letter-spacing: 0.2em; background-color: #F9FAFD; text-transform: uppercase; border: none; cursor: pointer; } .vacancies__btn svg { margin-left: 20px; stroke: #9FD6F6; } .vacancies__content h2 { font-size: 20px; font-weight: 400; line-height: 30px; color: #333; } .vacancies__content ul { max-width: 820px; margin-bottom: 60px; padding-left: 15px; } .vacancies__content li { margin-bottom: 12px; font-size: 16px; font-weight: 400; line-height: 26px; color: #333; } .vacancies__content li:last-child { margin-bottom: 0; } .vacancies__content li::marker { color: #9FD6F6; padding-right: 24px; } .vacancies .form-button { max-width: 382px; } .vacancies_dark .vacancies__title { color: #FFFFFF; } .vacancies_dark .vacancies__text { color: #FFFFFF; } .vacancies_dark .vacancies__info-block-list { border-top: 1px solid #484848; border-bottom: 1px solid #484848; } .vacancies_dark .vacancies__info-block-item:not(:last-child) { border-right: 1px solid #484848; } .vacancies_dark .vacancies__info-number { color: #FFFFFF; } .vacancies_dark .vacancies__info-text { color: #FFFFFF; } .vacancies_dark .vacancies__feature-item { cursor: pointer; background-color: #2F2C2C; } .vacancies_dark .vacancies__feature-item:hover { background-color: #484848; } .vacancies_dark .vacancies__feature-item:hover .vacancies__caption { color: #FFF200; } .vacancies_dark .vacancies__feature-item:hover .vacancies__bottom-block svg { stroke: #FFF200; } .vacancies_dark .vacancies__number { color: #FFF200; } .vacancies_dark .vacancies__desc { color: #FFFFFF; } .vacancies_dark .vacancies__caption { color: #F5F5F5; } .vacancies_dark .vacancies__bottom-block svg { stroke: #F5F5F5; } .vacancies_dark .vacancies__item { background-color: #2F2C2C; } .vacancies_dark .vacancies__item:hover { background-color: #484848; } .vacancies_dark .vacancies__item:hover .vacancies__header { color: #FFF200; } .vacancies_dark .vacancies__item:hover .vacancies__small-desc { color: #FFFFFF; } .vacancies_dark .vacancies__item:hover .vacancies__link svg { opacity: 1; } .vacancies_dark .vacancies__header { color: #FFFFFF; transition: color .3s linear; } .vacancies_dark .vacancies__small-desc { color: #F5F5F5; transition: color .3s linear; } .vacancies_dark .vacancies__link { color: #FFFFFF; } .vacancies_dark .vacancies__link svg { transition: opacity .3s linear; opacity: 0; stroke: #FFFFFF; } .vacancies_dark .vacancies__btn { background-color: #2F2C2C; color: #FFFFFF; } .vacancies_dark .vacancies__btn svg { stroke: #FFFFFF; } .vacancies_dark .vacancies__btn span { padding-bottom: 2px; border-bottom: 1px solid transparent; transition: border-color .3s linear; } .vacancies_dark .vacancies__btn:hover { color: #FFF200; } .vacancies_dark .vacancies__btn:hover span { border-color: #FFF200; } .vacancies_dark .vacancies__btn:hover svg { stroke: #FFF200; } .vacancies_dark .vacancies__content h2 { color: #FFFFFF; } .vacancies_dark .vacancies__content ul li { color: #E7E7E7; } .vacancies_dark .vacancies__content ul li::marker { color: #FFF200; } .messengers { position: fixed; right: 40px; bottom: 30px; z-index: 1000; } .messengers__list { display: flex; flex-direction: column; align-items: flex-end; } .messengers__item { position: relative; display: flex; justify-content: space-between; align-items: center; width: 44px; height: 44px; margin-top: 7px; padding: 9px 9px 9px 20px; border-radius: 102px; transition: 0.3s width; } .messengers__item_blue { background-color: #2AABEE; } .messengers__item_green { background-color: #25D366; } .messengers__text { visibility: hidden; opacity: 0; font-size: 16px; font-weight: 400; line-height: 20.88px; color: #FFFFFF; } .messengers__icon { position: absolute; top: 50%; right: 9px; transform: translateY(-50%); } .messengers__icon_tel { right: 12px; } .timer { margin: 20px 0; border-radius: 10px; background-color: #F9FAFB; padding: 5px; } .timer__title { display: inline-block; font-size: 10px; font-style: normal; font-weight: 400; line-height: normal; color: #607C8E; margin-bottom: 10px; } .timer__row { display: flex; align-items: start; } .timer__flex { display: flex; padding: 0 5px; } .timer__item { width: 41px; color: #607C8E; display: flex; flex-direction: column; align-items: center; } .timer__numb { font-size: 28px; font-weight: 500; line-height: 36px; text-transform: uppercase; } .timer__text { font-size: 10px; font-weight: 400; line-height: normal; } .timer__dots { color: #607C8E; font-size: 22px; font-style: normal; font-weight: 400; line-height: 36px; text-transform: uppercase; margin: 0 8px; } .timer__btn { cursor: pointer; display: flex; align-items: center; justify-content: center; background-color: transparent; border: none; padding: 0; border-radius: 50%; margin-left: auto; width: 40px; height: 40px; background-color: #4A82C4; color: #9FD6F7; transition: color .3s linear; } .timer__btn:hover { color: #fff; } .timer_light { background-color: #F5F5F5; } .timer_light .timer__title { color: #231F20; } .timer_light .timer__item { color: #5C5D60; } .timer_light .timer__btn { background-color: #C41D1E; color: #FFFFFF; } .timer_light .timer__btn:hover { opacity: 0.8; } .cooperation__title { font-family: "Gotham Pro", sans-serif; font-weight: 400; font-size: 24px; line-height: 100%; margin-bottom: 20px; color: #231F20; } .intro { padding-bottom: 60px; } .intro__wrap { display: flex; border-radius: 60px 0 60px 0; overflow: hidden; } .intro__img { width: 100%; max-width: 788px; } .intro__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .intro__content { width: 100%; max-width: 452px; padding: 30px; background-color: #C41D1E; color: #FFFFFF; } .intro__title { font-family: "Gotham Pro", sans-serif; font-weight: 900; font-size: 71px; line-height: 75px; color: #FFFFFF; margin-bottom: 25px; } .intro__text { font-weight: 700; font-size: 25px; line-height: 150%; text-transform: uppercase; margin-top: 0; margin-bottom: 125px; } .intro__row { display: flex; flex-wrap: wrap; justify-content: space-between; } .intro__item { padding-top: 10px; border-top: 2px solid #FFFFFF; } .intro__item span { font-family: "LetoSans", sans-serif; font-weight: 100; font-size: 41px; line-height: 100%; text-transform: uppercase; } .intro__item p { margin: 0; font-family: "LetoSans", sans-serif; font-size: 14px; line-height: 135%; } .intro__item:last-child { width: 100%; display: flex; align-items: center; } .intro__item:last-child span { margin-right: 18px; } .intro__item:not(:last-child) { width: 100%; max-width: 167px; margin-bottom: 30px; } .intro__item:not(:last-child) span { display: inline-block; margin-bottom: 10px; } .dealership { padding: 60px 0; color: #484848; } .dealership__head { display: flex; justify-content: space-between; align-items: center; margin-bottom: 80px; } .dealership__title { max-width: 623px; font-size: 40px; line-height: 40px; color: #484848; margin-bottom: 0; } .dealership__text { margin: 0; max-width: 440px; font-size: 16px; line-height: 26px; } .dealership__row { display: flex; flex-wrap: wrap; margin: -30px -15px 0; } .dealership__item { padding: 20px; border-radius: 30px 0 30px 0; font-size: 16px; line-height: 26px; margin: 30px 15px 0; background-color: #F5F5F5; } .dealership__item p { margin: 0; } .dealership__item_border { border-radius: 0 30px 0 30px; background-color: #FFFFFF; border: 1px solid #E7E7E7; } .dealership__item:nth-child(1) { max-width: 298px; } .dealership__item:nth-child(2) { max-width: 366px; } .dealership__item:nth-child(3) { max-width: 516px; } .dealership__item:nth-child(4) { max-width: 336px; } .dealership__item:nth-child(5) { max-width: 264px; } .dealership__item:nth-child(6) { max-width: 339px; } .dealership__item:nth-child(7) { max-width: 211px; } .dealership__item:last-child { border-radius: 30px 0 30px 0; } .process { padding: 60px 0; color: #484848; } .process__wrap { display: flex; justify-content: space-between; } .process__col { width: 100%; max-width: 700px; } .process__title { font-size: 40px; line-height: 40px; color: #484848; margin-bottom: 0; } .process__list { list-style-type: none; } .process__item { padding: 18px 0; border-top: 1px solid #DBDBDB; display: flex; justify-content: space-between; align-items: center; font-size: 20px; line-height: 150%; text-transform: uppercase; } .process__item-numb { font-weight: 500; color: #DBDBDB; } .process__item-text { font-weight: 500; } .process__callback { margin-top: 32px; } .process__callback-text { font-weight: 300; margin: 14px 0 0; font-size: 12px; line-height: 150%; text-align: end; } .process__btn.form-button { max-width: 100%; } .conditions { padding: 60px 0; color: #484848; } .conditions__title { font-weight: 500; font-size: 40px; line-height: 40px; color: #484848; margin-bottom: 30px; } .conditions__row { display: flex; flex-wrap: wrap; margin: -15px -15px 0; } .conditions__item { width: calc(33.333% - 30px); margin: 15px 15px 0; border: 1px solid #E7E7E7; padding: 20px; border-radius: 0 30px 0 30px; } .conditions__numb { display: block; margin-bottom: 8px; font-weight: 500; font-size: 20px; line-height: 150%; color: #C41D1E; } .conditions__text { margin: 0; font-size: 16px; line-height: 26px; } .partner-reviews { padding: 60px 0; color: #484848; } .partner-reviews__title { text-align: end; font-size: 40px; line-height: 40px; color: #484848; margin-bottom: 30px; } .partner-reviews__wrap { position: relative; background-color: #F5F5F5; display: flex; padding: 60px 100px 100px 40px; } .partner-reviews__img { position: absolute; top: -75px; left: 40px; width: 100%; max-width: 482px; border-radius: 0 30px 0 30px; overflow: hidden; } .partner-reviews__img img { display: block; width: 100%; height: 100%; object-fit: cover; } .partner-reviews__slider { width: 100%; max-width: 562px; margin-left: auto; } .partner-reviews__slider .slick-arrow { top: auto; bottom: -80px; width: 30px; height: 30px; font-size: 0; padding: 0; border: none; background-color: transparent; transform: none; cursor: pointer; } .partner-reviews__slider .slick-arrow svg { width: 100%; height: 100%; } .partner-reviews__slider .slick-prev { right: -40px; } .partner-reviews__slider .slick-next { right: -80px; } .partner-reviews__item:not(:first-child):not(.slick-slide) { display: none; } .partner-reviews__logo { width: 100%; max-width: 144px; margin-bottom: 40px; } .partner-reviews__logo img { width: 100%; height: 100%; object-fit: cover; } .partner-reviews__subtitle { font-weight: 500; font-size: 20px; line-height: 150%; margin-bottom: 10px; } .partner-reviews__text { font-weight: 300; font-size: 14px; line-height: 150%; margin: 0; } @media (min-width: 768px) { .main__wrap.active .main__title span:nth-child(1) { animation: title1-1 1.2s 0.3s forwards, title1-2 1s 3.5s forwards; } .main__wrap.active .main__title span:nth-child(2) { animation: title2-1 1.2s 0.3s forwards, title2-2 1s 3.5s forwards; } .main__wrap.active .main__descr { animation: descr-op 1s 4.5s forwards; } .main__wrap.active .main__image_first .main__image-wrap { animation: image1-1 1s 1.8s forwards, image1-2 1s 3.5s forwards; } .main__wrap.active .main__image_first .main__image-wrap img { animation: image1-inner-1 1s 1.8s forwards, image1-inner-2 1s 3.5s forwards; } .main__wrap.active .main__image_second .main__image-wrap { animation: image2-1 1s 1.5s forwards, image2-2 1s 3.5s forwards; } .main__wrap.active .main__image_second .main__image-wrap img { animation: image2-inner 1s 3.5s forwards; } .main__wrap.active .main__bike_mot { animation: bikes1-1 1s 1.9s forwards, bikes1-2 1s 3.5s forwards; } .main__wrap.active .main__bike_byc { animation: bikes2-1 1s 1.9s forwards, bikes2-2 1s 3.5s forwards; } .main__wrap.active .main__info { animation: animup 1s 3.5s forwards; } .main__wrap.active .main__button { animation: animup2 1s 3.5s forwards; } .catalog__filter .filter .container { padding: 0; } .category-list { display: block !important; } .filter { display: block !important; } .messengers__item:hover { width: 204px; } .messengers__item:hover .messengers__text { visibility: visible; opacity: 1; transition: 0.2s opacity 0.2s; } } @media (min-width: 1023px) { .header__menu { display: none !important; } } @media (min-width: 1024px) { .brand-inner__2col .brand-inner__col:nth-child(1) .brand-inner__header { position: sticky; top: 60px; z-index: 10; } .brand-inner__2col .brand-inner__col:last-child { position: sticky; top: 60px; flex-shrink: 0; width: 295px; } } @media (min-width: 1025px) { .card .card__hide-content { display: none; } } @media screen and (max-height: 768px) and (min-width: 1180px) { .main { height: calc(100vh - 40px); } } @media screen and (min-width: 1920px) { .main { max-width: 1920px; margin: auto; font-size: calc((100vw / 1920) * 9); } .main__images { max-width: 1920px; } .main__image { width: 100%; left: 0; right: 0; margin: auto; transform: translate(0, 50%); } .main__image_first .main__image-wrap { width: 170em; } .main__bike_mot { transform: translate(-128em, -10em); } .main__bike_byc { transform: translate(105em, -10em); } @keyframes image1-2 { 100% { max-height: 60em; transform: translate(-40%, 23em) scale(0.466); border-radius: 18em 0 18em 0; } } @keyframes image2-2 { 100% { transform: translate(calc(10% + 15rem), -2.2em) scale(0.566); } } } @media screen and (min-width: 2048px) { .main { font-size: calc((100vw / 2048) * 9); } } @media screen and (min-width: 2400px) { .main { font-size: calc((100vw / 2400) * 9); } } @media (max-width: 1750px) { .overview__thumbs { max-width: 1100px; } } @media (max-width: 1500px) { .about-main__img picture, .about-main__img img { width: 600px; } .about-main__content { flex: 0 0 760px; } .about-main__block { padding-top: 80px; padding-left: 100px; } } @media (max-width: 1440px) { .register__col_left { flex: 0 0 450px; } .register__info { width: 484px; } .change-password__col_left { flex: 0 0 450px; } } @media (max-width: 1430px) { .overview__slider { max-width: 94%; } .overview__thumbs { max-width: 1000px; } } @media (max-width: 1280px) { .container { max-width: 1024px; } .footer__info { flex: 0 0 340px; } .footer__cat-title:first-child { margin-top: 0; } .header_opensearch .header__search-wrap { width: 790px; } .header__logo { max-width: 90px; padding-right: 0; border: none; } .header__logo svg { width: 90px; height: 20px; } .header__search { margin-left: 5px; } .header__links { margin-left: 10px; } .header__links-item:not(:last-child) { width: auto; } .header__link { padding: 2px; } .header__nav-item:not(:last-child) { margin-right: 5px; } .header__nav-title { padding: 12px 6px; font-size: 10px; } .header__nav-title.active::before { width: 65px; background-size: 65px 49px; } .header__nav-title_once { padding: 12px 6px; } .header__controls-item:not(:first-child) { margin-left: 10px; } .header__control span { max-width: 60px; } .header__control-link { display: none !important; } .header__category { margin: 0 10px; } .main { max-height: 97em; } .main__info { width: 350px; margin-left: 41em; } .main__info-item_first { flex-basis: 170px; } .main__info-item_third { flex-basis: 100%; } .main__info-num { font-size: 32px; } .main__info-descr { font-size: 14px; } .search-result__wrap { padding: 40px 60px; } .search-result__content { padding-bottom: 30px; } .search-result__content:not(:last-child) { margin-bottom: 30px; } .search-result__title { font-size: 14px; margin-bottom: 15px; } .search-result__catitem { margin-top: 15px; } .search-result__catlink { font-size: 14px; } .search-result__linkitem { margin-top: 3px; } .search-result__link { font-size: 14px; } .catalog__sidebar { flex: 0 0 170px; } .catalog__list .documentation-card { height: initial; } .catalog__list_list-view .card__images { flex: 0 0 150px; margin-right: 20px; } .catalog__list_list-view .card__text { width: 210px; } .catalog__list_list-view .card__prices { left: 415px; } .catalog__list_list-view .card__price { font-size: 18px; line-height: 22px; } .catalog__list_list-view .card__count { right: 105px; } .catalog__list_list-view .card__button { width: 210px; right: 10px; } .catalog__list_list-view .card__actions { right: 10px; } .catalog__list_list-view .card__price-list { left: 420px; } .catalog__slider-img-item { width: 33.333333%; } .catalog__slider-img-item:nth-child(n+4):not(.slick-slide) { display: none; } .card_no-authorized { height: 375px; } .card__plash { font-size: 11px; } .card__text { min-height: 50px; font-size: 12px; } .card__prices { margin-top: 3px; flex-wrap: wrap; } .card__price { font-size: 18px; flex: 0 0 100%; } .card__oldprice { font-size: 12px; margin-left: 0; margin-top: 5px; } .card__button span { padding: 13px 10px; text-align: center; flex: 0 0 100%; } .card__button_no-ico { height: 50px; } .card__button-ico { display: none; } .card__link { font-size: 12px; padding-top: 12px; } .card__price-list { flex-direction: column; } .card__price-item { width: 100%; } .category-list__cat-name { font-size: 13px; } .product__info { flex: 0 0 360px; } .product__info-art { margin-top: 15px; } .product__title { font-size: 22px; } .product__options { padding: 15px 0; } .cart__info { flex: 0 0 300px; } .cart__info-row { font-size: 13px; } .cart__info-btn { letter-spacing: 0.1em; } .cart__product-row .card__images { flex: 0 0 190px; width: 190px; } .cart__product-row .card__text { height: 2.7em; } .cart__product-row .card__actions { top: 3px; } .cart__product-wrap { max-width: 160px; } .cabinet__part-text_1 { width: 40%; } .cabinet__part-text_2 { width: 57%; } .cabinet__part-text_3 { display: none; } .cabinet__part-row { flex-wrap: wrap; margin-bottom: 20px; border-bottom: 1px solid #DFE6EA; } .cabinet__part-row_disabled .cabinet__part-wrap_1 { width: 150px; } .cabinet__part-row_disabled .cabinet__part-wrap_2 { margin-right: 10px; } .cabinet__part-wrap_1 { width: 40%; } .cabinet__part-wrap_2 { width: 57%; } .cabinet__part-wrap_3 { width: 100%; margin-top: 15px; margin-bottom: 15px; } .cabinet__excel-block { flex-direction: column; } .cabinet__excel-left-block { width: 100%; } .cabinet__video { margin-right: 15px; } .cabinet__photo-img { margin-right: 15px; } .informslider { padding: 100px 0 100px; } .informslider__img picture { border-radius: 0 100px 0 0; } .informslider__content { min-height: initial; } .allcats { padding: 60px 0; } .allcats__row.active { max-height: 9999px; } .allcats__row.active .allcats__list-col { display: block; } .allcats__list-col:nth-child(n+5) { display: none; } .allcats__list-col:not(:last-child) { margin-right: 35px; } .advantages { margin: 120px 0 30px; } .advantages__item { flex-grow: 0; flex-shrink: 1; margin-right: 45px; margin-bottom: 45px; flex-basis: calc(100% / 2 - (45px * (2 - 1)) / 2); max-width: calc(100% / 2 - (45px * (2 - 1)) / 2); margin-bottom: 0; } .advantages__item:nth-child(3n) { margin-right: 45px; } .advantages__item:nth-child(2n) { margin-right: 0; } .advantages__item:nth-child(even) { margin-top: 80px; } .advantages__img-wrap { border-radius: 30px 0; } .special__title { font-size: 30px; } .special__slider { margin-top: 40px; max-width: 900px; } .special__content { padding: 25px; } .mainhelp__img { flex: 0 0 430px; } .mainhelp__content { flex: 0 0 495px; } .mainhelp__title { font-size: 30px; } .mainreviews__title { font-size: 30px; padding-left: 30px; } .mainreviews__row { margin-top: 30px; } .mainreviews__item-wrap { padding: 30px; } .mainreviews__label { font-size: 18px; } .mainreviews__text { font-size: 14px; } .mainreviews__list { flex: 0 0 425px; } .mainreviews__users { height: 352px; } .mainreviews__user-info { max-width: 190px; } .mainreviews__user-name { font-size: 15px; } .socialblock__item { flex: 0 0 210px; padding: 80px 30px 100px; } .socialblock__logo { width: 90px; height: 90px; border-radius: 20px; } .mapblock { padding-top: 20px; } .mapblock__title { font-size: 18px; } .mapblock__sidebar { width: 460px; } .map-places__cities-search input { font-size: 14px; } .cities__item { margin-top: 10px; } .cities__button { padding: 10px 17px; } .cities__more { margin: 15px 0; } .about-main__img picture, .about-main__img img { width: 500px; } .about-main__content { flex: 0 0 620px; } .about-main__block { padding-left: 60px; } .about-main__title { font-size: 34px; } .about-main__text { margin-top: 30px; } .about-main__bottom-img { margin-top: 60px; } .about-today { padding: 40px 0; } .about-today__title { font-size: 70px; } .about-today__num { font-size: 70px; } .about-today__list { padding-left: 95px; } .about-today__list-text { font-size: 18px; } .about-today__sidebar { margin-left: 100px; } .about-today__block-title { font-size: 22px; } .about-today__block-text { margin-top: 25px; } .about-mission { margin: 160px 0 200px; } .about-mission { margin-bottom: 160px; } .about-mission__image-wrap { width: 634px; } .about-mission__info { flex: 0 0 450px; margin-left: 50px; } .about-mission__text { font-size: 30px; } .about-team__info { padding: 15px; } .about-team__name { font-size: 16px; } .about-team__post { font-size: 14px; } .partner-form__container { padding-left: 50px; flex: 0 1 800px; } .partner-form.partner-form_cooperation .partner-form__title { font-size: 30px; } .delivery-map__value { font-size: 50px; } .delivery-map__main { top: -65px; left: 192px; } .delivery-map__main .delivery-map__item:after { height: 240px; } .compare__col_small { flex: 0 0 280px; } .compare__header-label { font-size: 18px; margin-bottom: 10px; } .compare__param-label { padding: 15px 20px; } .compare__param { font-size: 14px; min-height: 64px; } .compare__param select { padding: 0 10px; height: 40px; } .compare__param-price { font-size: 18px; } .compare__footer .form-button span { padding-left: 15px; } .reviews__item { padding: 25px; } .reviews__item:hover .reviews__item-wrap { padding: 25px; } .reviews__item-wrap { max-height: 215px; } .reviews__item-img { flex: 0 0 53px; } .reviews__item-img img { width: 53px; height: 53px; } .reviews__item-author { font-size: 14px; } .reviews__item-info { margin-top: 5px; } .reviews__item-body { margin-top: 15px; } .stock__item { height: 442px; } .stock__item:hover .stock__item-text { margin-bottom: 25px; } .stock__item-body { padding: 30px; } .stock__item-title { font-size: 18px; } .stock__item-text { margin-top: 15px; } .news__img { flex: 0 0 252px; } .news__title { font-size: 18px; } .news__text { margin-top: 15px; } .selection__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 3 - (20px * (3 - 1)) / 3); max-width: calc(100% / 3 - (20px * (3 - 1)) / 3); } .selection__item:nth-child(4n) { margin-right: 20px; } .selection__item:nth-child(3n) { margin-right: 0; } .selection__arrow svg { font-size: 18px; } .orders__filter_warranty { flex-direction: column; align-items: flex-start; } .orders__filter_warranty .orders__filter-col:first-child { margin-bottom: 10px; } .orders__filter-lbl { font-size: 12px; } .orders__filter-date { width: 100px; } .orders__list-row_head { padding-bottom: 20px !important; } .orders__list-row_warranty { position: relative; padding-bottom: 60px; } .orders__list-row_warranty .orders__list-col_3 { display: none; } .orders__list-row_warranty .orders__list-col_7 { position: absolute; bottom: 0; right: -10px; flex-direction: row; border-left: none; } .orders__list-row_warranty .orders__list-col_7 .orders__view, .orders__list-row_warranty .orders__list-col_7 .orders__send { visibility: visible; opacity: 1; display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin-bottom: 0; border: 1px solid #9FD6F7; } .orders__list-row_warranty .orders__list-col_7 .orders__send { border-left: none; } .orders__list-row_warranty .orders__list-col_4-wide { flex: 0 0 190px; } .orders__list-row_export .orders__list-col_2 { flex: 0 0 180px; margin-left: 0; } .orders__list-row_export .orders__list-col_3 { display: block; } .orders__list-row_export .orders__list-col_4 { display: block; flex: 0 0 80px; } .orders__list-row_export .orders__list-col_5 { flex: 0 0 170px; } .orders__list-col_1 { flex: 0 0 163px; } .orders__list-col_2 { flex: 0 0 190px; } .orders__list-col_3 { display: none; } .orders__list-col_4 { display: none; } .orders__list-col_6 { margin-left: auto; border-color: transparent; } .orders__list-item_export .orders__list-col_2 { flex: 0 0 180px; } .orders__list-item_export .orders__list-col_3 { display: block; } .orders__list-item_export .orders__list-col_4 { flex: 0 0 80px; } .orders__list-item_export .orders__list-col_5 { flex: 0 0 170px; } .orders__list-item_export .orders__list-input { max-width: 70px; } .orders__list-date { width: auto; } .orders__detail-col { flex: 0 0 163px; } .orders__detail-col_info { flex: 1 1 100%; } .orders__detail-info-name { max-width: 100%; } .orders__info { display: flex; padding: 20px 0; } .orders__wrap_no-border { border-top: none; } .posters__name { font-size: 14px; } .posters__link { font-size: 14px; } .pricelist__item { padding: 12px 20px; } .pricelist__name { font-size: 15px; max-width: 400px; } .pricelist__control span { letter-spacing: 0.1em; } .pricelist__control svg { width: 25px; height: 25px; } .detailed_col .detailed__table-cell:nth-child(1) { flex-basis: 220px; } .detailed__image { flex: 0 1 292px; } .detailed__legend { padding-left: 40px; } .detailed__item { padding-left: 40px; } .documentation-card__wrap-img { margin-bottom: 30px; } .documentation-card__wrap-img { height: 120px; } .spares__d-flex { margin: -20px 0 0 -20px; } .spares__col { flex-basis: 318px; margin: 20px 0 0 20px; } .spares__item:not(:last-child) { margin-bottom: 20px; } .spares__item_child1 img { width: 100px; } .spares__item_child2 img { width: 80px; } .brand-inner__wrap .brand-inner__col:nth-child(1) { width: 220px; } .brand-inner__2col .brand-inner__col:last-child { width: 240px; } .brand-inner__link { padding-left: 15px; } .current-block__title { font-size: 30px; } .promotion { margin-bottom: 60px; padding-bottom: 120px; } .widget-cart__wrap { width: 76px; height: 76px; } .input-text__field_middle { margin-top: 4px !important; } .input-text_middle { height: 36px; } .select2__wrap_middle { height: 36px; } .select2__wrap_middle .select2-container--default .select2-selection--single { padding-top: 3px; padding-left: 7px; } .select2__wrap_middle .select2-container--default .select2-selection--single .select2-selection__arrow { top: 11px; right: 12px; } .fs-wrap .fs-reset svg { width: 18px; height: 18px; } .fs-label-wrap .fs-label { font-size: 14px; } .vacancies__feature-list { grid-template-columns: repeat(3, 1fr); gap: 6px; } .vacancies__header { font-size: 24px; line-height: 30px; } .intro__title { font-size: 50px; line-height: 44px; margin-bottom: 20px; } .intro__text { font-size: 20px; margin-bottom: 30px; } .intro__item span { font-size: 30px; margin-bottom: 30px; } .dealership__head { margin-bottom: 50px; } .dealership__title { font-size: 30px; max-width: 440px; } .process__col { max-width: 500px; } .process__title { font-size: 30px; } .conditions__title { font-size: 30px; } .partner-reviews__title { font-size: 30px; } .partner-reviews__wrap { padding: 60px 40px 90px 40px; } .partner-reviews__img { max-width: 420px; top: -50px; } .partner-reviews__slider { max-width: 460px; } .partner-reviews__slider .slick-prev { right: 40px; } .partner-reviews__slider .slick-next { right: 0; } } @media (max-width: 1280px) and (max-width: 767px) { .orders__filter_warranty .orders__filter-col:first-child { margin-bottom: 0; } } @media (max-width: 1230px) { .overview__img { border-radius: 0 0 80px 0; } .overview__thumbs { max-width: 900px; } } @media (max-width: 1200px) { .modal_b { padding: 60px 50px 40px; } } @media (max-width: 1120px) { .orders__list-row_warranty .orders__list-col_1 { flex: 0 0 155px; } .orders__list-row_warranty .orders__list-col_4 { flex: 0 0 155px; } .orders__list-row_warranty .orders__list-col_4-wide { flex: 0 0 170px; } .orders__list-row_warranty .orders__list-col_5 { flex: 0 0 110px; } .orders__list-row_warranty .orders__list-col_6 { flex: 0 0 155px; } } @media (max-width: 1024px) { .product__gallery-item-wrap { height: 230px; } .product__gallery-thumbs .slick-track { max-width: 200px; } .product__gallery-thumbs-item-wrap { width: 40px; height: 40px; } .product__gallery-thumbs-item { width: 40px !important; height: 40px !important; } .product-video__grid { grid-template-columns: 1fr 1fr; } .spares__col { flex-basis: 47.3%; } .spares__item_child3 img { margin-right: 30px; } .spares__disable { display: none; } } @media (max-width: 1023px) { .container { max-width: 768px; } h1 { font-size: 20px; } .footer { margin-top: 0; padding: 30px 0; } .footer__row { flex-wrap: wrap; } .footer__info { flex: 0 0 100%; display: flex; margin-right: 0; padding-bottom: 15px; } .footer__text { margin-top: 0; flex: 1 1 100%; text-align: right; font-size: 12px; } .footer__phone { font-size: 18px; margin-bottom: 5px; } .footer__text-title { margin-top: 15px; } .footer__cat-title { margin-bottom: 15px; } .footer__cat-title:first-child { margin-top: 10px; } .footer__cat-list { margin-bottom: 20px; } .footer_dark { margin-top: 40px; padding: 30px 0; } .header_opensearch .header__search-wrap { width: 560px; } .header__top { padding: 10px 0; } .header__menu-btn { display: block; padding-right: 0; border-right: unset; } .header__logo { display: none; max-width: 100px; } .header__logo svg { width: 90px; height: 20px; } .header__search { margin-left: 10px; margin-right: auto; } .header__links { display: none; } .header__links-item:not(:last-child) { margin-right: 0px; width: auto; } .header__nav-item:not(:last-child) { margin-right: 5px; } .header__nav-title { padding: 5px; font-size: 12px; letter-spacing: 0.1em; } .header__nav-title.active::before { bottom: -17px; width: 60px; height: 45px; background-size: 60px 45px; left: 50%; } .header__nav-title_once { display: none; } .header__controls-item:not(:first-child) { margin-left: 10px; } .header__controls-item_user { display: none; } .header__control span { margin-left: 12px; max-width: 50px; } .header__control-dot { width: 7px; height: 7px; left: 18px; } .header__control-arrow svg { width: 16px; height: 16px; } .header__category { margin: 0; } .header__category-ico svg { width: 30px; height: 30px; } .main { max-height: 100em; } .main__button { top: 70em; } .main__info { margin-left: 47em; } .main__info-item { padding-top: 10px; } .main__image_second .main__image-wrap { width: 157em; } @keyframes image1-2 { 100% { max-height: 60em; transform: translate(-48em, 23em) scale(0.466); border-radius: 18em 0 18em 0; } } @keyframes image2-2 { 100% { max-height: 67em; transform: translate(65em, -2.2em) scale(0.566); border-radius: 18em 0 18em 0; } } .search-result { width: calc(100% + 50px); top: calc(100% + 12px); } .search-result__wrap { padding: 20px; } .catalog__filter .filter__row { display: block; } .catalog__view { display: none; } .catalog__row { margin-top: 20px; } .catalog__list .card { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 3 - (10px * (3 - 1)) / 3); max-width: calc(100% / 3 - (10px * (3 - 1)) / 3); height: initial; } .catalog__list .card:nth-child(4n) { margin-right: 10px; } .catalog__list .card:nth-child(3n) { margin-right: 0; } .catalog__list .documentation-card { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 3 - (10px * (3 - 1)) / 3); max-width: calc(100% / 3 - (10px * (3 - 1)) / 3); } .catalog__list .documentation-card:nth-child(4n) { margin-right: 10px; } .catalog__list .documentation-card:nth-child(3n) { margin-right: 0; } .catalog__list ~ .pagination { margin-top: 20px; } .catalog__brands-img-block { height: 100px; } .catalog__slider-img-item { width: 50%; height: 115px; } .catalog__slider-img-item:nth-child(n+3):not(.slick-slide) { display: none; } .catalog__info { margin-bottom: 40px; } .catalog__info svg { width: 36px; min-width: 36px; height: 36px; } .catalog_dark .catalog__brands-img-block { height: 69px; margin-bottom: 10px; } .catalog_dark .catalog__icon-arrow { width: 30px; height: 30px; } .card { height: initial; } .card_hovered .card__wrap { box-shadow: none; } .card_hovered .card__hide-content { position: static; display: flex !important; padding: 0; box-shadow: none; } .card:nth-child(3n) .card__info:hover .card__info-text { left: initial; right: -10px; } .card__wrap { display: flex; flex-direction: column; height: 100%; } .card__content { padding: 0; } .card__category { margin-top: 10px; } .card__text { margin-top: 10px; } .card__price-title { margin-top: 10px; } .card__count { margin: 15px 0 15px; } .card .card__hide-content { height: 100%; display: flex; flex-direction: column; } .card .card__hide-content .card__button { margin-top: auto; min-height: 56px; } .card__button { letter-spacing: 0.1em; margin-top: 10px; } .card__button_where-to-buy { letter-spacing: 0.1em; display: flex; margin-top: 15px; } .card__button_where-to-buy span { padding: 13px 10px; text-align: center; flex: 0 0 100%; } .card__button-ico { display: none; } .card__actions { opacity: 1; right: 5px; top: 50px; } .card__action:hover { background-color: #FFFFFF; border-color: #EFF2F4; } .card__action:hover svg { stroke: #4A82C4; } .card__action { width: 26px; height: 26px; } .card__action svg { width: 16px; height: 16px; } .pagination { margin-top: 20px; padding: 10px 20px; } .pagination__more { letter-spacing: 0.1em; } .pagination__item_prev { margin-right: 15px; } .pagination__item_next { margin-left: 15px; } .product__info { flex: 0 0 300px; } .product__info .card__actions { top: 20px; right: 20px; } .product__info .card__button span { flex: initial; padding: 13px 9px; font-size: 11px; } .product__info .card__button-ico { display: flex; } .product__info-wrap { padding: 20px; } .product__title { font-size: 20px; margin-top: 0; } .product__button { margin: 24px 0 0; } .product__gallery-clue { display: none; } .product__tabs table { margin-bottom: 30px; } .product__tabs table td:nth-child(1) { width: 200px; } .tabs__item { height: 50px; font-size: 14px; padding: 0 15px; } .products-slider { margin-top: 80px; } .products-slider__list { padding: 0 55px; } .cart__row { flex-wrap: wrap; flex-direction: column; } .cart__info { margin-top: 20px; margin-left: 0; } .cart__info-row { font-size: 14px; } .cabinet__row { flex-wrap: wrap; margin-top: 20px; } .cabinet__sidebar_left { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } .cabinet__navs { max-width: 100%; } .cabinet__navs-wrap { overflow-x: auto; white-space: nowrap; border-radius: 0; padding: 0; margin: 0; margin-left: -15px; margin-right: -15px; scroll-snap-type: x mandatory; } .cabinet__navs-item { display: inline-block; padding: 0; scroll-snap-align: start; } .cabinet__navs-item:hover, .cabinet__navs-item.active { background-color: transparent; color: #4A82C4; } .cabinet__navs-item:hover { background-color: #F9FAFD; color: #333; } .cabinet__navs-item_mt25 { margin-top: 0; } .cabinet__navs-link { font-size: 16px; font-weight: 500; line-height: 1; padding: 22px 15px; } .cabinet__navs-link svg { display: none; } .cabinet__content { margin: 0 20px 0 0; max-width: 450px; } .cabinet__content_full { max-width: 100%; margin-right: 0; } .cabinet__form-row_button .form-button { max-width: 100%; } .cabinet__form-row_radio .input-radio { margin-right: 30px; } .cabinet__form-row_2col { flex-direction: column; margin-bottom: 0; } .cabinet_light .cabinet__navs-wrap { margin-left: -2px; margin-right: 9px; } .cabinet_light .cabinet__navs-item.active, .cabinet_light .cabinet__navs-item:hover { background-color: #231F20; } .cabinet_light .cabinet__navs-item.active .cabinet__navs-link, .cabinet_light .cabinet__navs-item:hover .cabinet__navs-link { color: #FFFFFF; } .cabinet_light .cabinet__navs-item { color: #9E9E9E; background-color: #484848; border: 1px solid #9E9E9E; border-radius: 10px; } .cabinet_light .cabinet__navs-link { padding: 7px 9px; } .manager { width: 100%; max-width: 355px; margin: 0 auto; height: 100%; padding-bottom: 40px; } .manager__wrap { height: 100%; overflow-y: auto; padding: 0 10px 10px; } .manager__img { border-radius: 0; } .manager__img img, .manager__img picture { width: 100%; } .manager__button:hover { background-color: transparent; color: #4A82C4; } .manager__contacts { border-radius: 0; } .informslider { padding: 60px 0 80px; } .informslider__img picture { border-radius: 0 80px 0 0; } .informslider__content { width: 50%; height: 100%; } .informslider__title { height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .informslider__text { height: 3em; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; } .allcats { padding: 40px 0; } .allcats__title { font-size: 30px; } .allcats__row:hover { background-color: rgba(255, 255, 255, 0.03); } .allcats__name { flex: 0 0 140px; } .allcats__list-col:nth-child(n+4) { display: none; } .allcats__list-col:not(:last-child) { margin-right: 22px; } .allcats__list-elem:not(:first-child) { margin-top: 25px; } .advantages { margin: 100px 0 20px; } .advantages__item { display: block; } .advantages__item:nth-child(even) { margin-top: 60px; } .advantages__img { flex: 0 0 100%; margin-bottom: 20px; } .advantages__img-wrap { padding-top: 80.53%; overflow: hidden; position: relative; filter: grayscale(0%); } .advantages__img-wrap picture, .advantages__img-wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .advantages__ico { position: absolute; top: 184px; left: 20px; background-color: rgba(35, 31, 32, 0.7); } .special__slider { margin-top: 20px; max-width: 720px; } .special__item:hover .special__wrap { box-shadow: none; } .special__content { padding: 20px 20px 10px; } .special__name { font-weight: 500; } .special__text { margin-top: 15px; line-height: 1.3; height: 4em; } .special__button { opacity: 1; margin-top: 20px; } .overview { display: none; } .overview ~ .mainhelp_mt { margin-top: 0; padding-top: 0; } .mainhelp { padding: 40px 0 !important; } .mainhelp__img { flex: 0 0 330px; border-radius: 20px 0px; } .mainhelp__content { flex: 0 0 405px; padding-top: 25px; } .mainhelp__title { line-height: 1.3; padding-left: 30px; font-size: 26px; } .mainhelp__block { padding: 30px; margin-top: 30px; } .mainhelp__subtitle { font-size: 18px; max-width: 100%; } .mainhelp__text { max-width: 100%; } .mainreviews { padding: 60px 0; } .mainreviews__row { flex-wrap: wrap; } .mainreviews__slider { max-width: 700px; margin-left: -10px; margin-right: -10px; } .mainreviews__slider .slick-track, .mainreviews__slider .slick-list { overflow: visible; } .mainreviews__item .mainreviews__user { display: flex; } .mainreviews__item { opacity: 0.4; padding: 0 10px; } .mainreviews__item.slick-active { opacity: 1; } .mainreviews__item-wrap { padding: 20px; padding-bottom: 60px; overflow: initial; height: 478px; } .mainreviews__label { font-size: 16px; max-height: 78px; overflow: hidden; } .mainreviews__text { max-height: 285px; overflow: hidden; } .mainreviews__list { flex: 0 0 100%; border: none; border-radius: 0; margin: 0; padding: 0; } .mainreviews__users { display: none; } .mainreviews__user { border: none; padding: 20px 10px; box-shadow: 0px 0px 50px rgba(51, 51, 51, 0.1); margin-bottom: 10px; } .mainreviews__button .form-button { max-width: 335px; } .mainreviews__more { display: inline-flex; } .socialblock { display: none; } .socialblock_mb { margin-bottom: -80px; } .mapblock__sidebar { width: 340px; } .map-places__item-name { margin-bottom: 15px; font-size: 16px; } .cities__list { flex-wrap: nowrap; overflow-x: auto; } .cities__item { white-space: nowrap; } .cities__button { padding: 10px 15px; } .about-header__item:not(:last-child) { margin-right: 20px; } .about-main__content { flex: 0 0 500px; } .about-main__block { padding-left: 30px; padding-top: 60px; } .about-main__title { font-size: 30px; } .about-main__text { margin-top: 20px; } .about-main__text br { display: none; } .about-main__bottom-img { margin-top: 40px; } .about-history__title { font-size: 30px; } .about-history__slider { margin-left: 0; } .about-history__slider:after { background: linear-gradient(90deg, #000 12.14%, #000000 59.48%, rgba(255, 255, 255, 0) 99.6%); left: 130%; } .about-history__item { margin-right: 130px; padding-bottom: 45px; } .about-history__item.slick-center .about-history__year { font-size: 50px; } .about-history__bottom { flex-wrap: wrap; margin-top: 35px; } .about-history__text { flex: 0 0 100%; font-size: 18px; order: 2; margin-right: 0; margin-top: 30px; } .about-today__title { font-size: 50px; } .about-today__num { font-size: 50px; } .about-today__name { font-size: 20px; } .about-today__list { padding-left: 0; border-width: 2px; } .about-today__list-text { font-size: 16px; } .about-today__sidebar { margin-left: 30px; flex: 0 0 300px; } .about-today__block-title { font-size: 20px; } .about-today__block-text { margin-top: 15px; } .about-today__block-link { font-size: 18px; } .about-mission__info { flex: 0 0 400px; } .about-mission__label { font-size: 14px; } .about-mission__text { font-size: 24px; } .about-team { padding: 60px 0; } .about-team__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 3 - (20px * (3 - 1)) / 3); max-width: calc(100% / 3 - (20px * (3 - 1)) / 3); } .about-team__item:nth-child(4n) { margin-right: 20px; } .about-team__item:nth-child(3n) { margin-right: 0; } .about-team__item:nth-child(odd) { transform: translateY(0); } .about-team__item:nth-child(3n + 2) { transform: translateY(50px); } .brands__slider-wrap:before { width: 25%; } .brands__item { height: 180px; } .partner-form { padding-top: 40px; } .partner-form__container { border-left: none; padding-left: 0; } .partner-form__container:before { display: none; } .partner-form.partner-form_cooperation { padding: 25px 0 60px; } .partner-form.partner-form_cooperation .partner-form__title { margin-bottom: 30px; } .delivery-map { padding: 80px 0; } .delivery-map__title { font-size: 30px; } .delivery-map__item:not(:last-child) { margin-right: 30px; } .delivery-map__value { font-size: 30px; } .delivery-map__sub { font-size: 16px; line-height: 1.25; margin-bottom: 7px; } .delivery-map__main { top: -45px; left: 150px; } .delivery-map__main .delivery-map__value { font-size: 30px; } .delivery-map__main .delivery-map__item:before { top: 15px; } .delivery-map__main .delivery-map__item:after { top: 15px; height: 175px; } .header_opencats ~ .wrapper .compare__fixed.fixed .compare__fixed-wrap { top: 125px; } .header_opencats ~ .wrapper .compare__fixed.fixed .compare__header-arrows { left: 130px; top: 10px; } .compare__fixed.fixed .compare__header-arrows { left: 130px; } .compare__col_small { flex: 0 0 220px; } .compare__reset { letter-spacing: 0.1em; } .compare__header-label { font-size: 16px; } .compare__item-img img, .compare__item-img picture { height: 100px; } .compare__item-remove { width: 28px; height: 28px; top: 0; right: 0; } .compare__item-remove svg { width: 14px; height: 14px; } .compare__item-name { margin-top: 10px; } .compare__param-label { font-size: 14px; padding: 15px 0; } .compare__param { font-size: 14px; padding: 15px; } .compare__param select { height: 30px; font-size: 14px; } .compare__footer .form-button { height: 60px; justify-content: center; margin: 0 1px; } .compare__footer .form-button span { padding: 0; } .compare__footer .form-button .form-button__ico { display: none; } .reviews__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 2 - (20px * (2 - 1)) / 2); max-width: calc(100% / 2 - (20px * (2 - 1)) / 2); } .reviews__item:nth-child(3n) { margin-right: 20px; } .reviews__item:nth-child(2n) { margin-right: 0; } .reviews__item:hover .reviews__item-wrap { position: static; padding: 0; } .reviews__item:hover .reviews__item-wrap:before { box-shadow: none; } .reviews__item-wrap { max-height: 999px; } .stock__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 2 - (20px * (2 - 1)) / 2); max-width: calc(100% / 2 - (20px * (2 - 1)) / 2); height: initial; } .stock__item:nth-child(3n) { margin-right: 20px; } .stock__item:nth-child(2n) { margin-right: 0; } .stock__item:hover .stock__item-wrap { box-shadow: none; } .stock__item-text { margin-bottom: 25px; } .stock .form-button { overflow: visible; max-height: initial; opacity: 1; } .news__list { display: flex; flex-wrap: wrap; align-items: stretch; margin-top: 10px; } .news__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 2 - (20px * (2 - 1)) / 2); max-width: calc(100% / 2 - (20px * (2 - 1)) / 2); flex-direction: column; margin-bottom: 0px; } .news__item:nth-child(3n) { margin-right: 20px; } .news__item:nth-child(2n) { margin-right: 0; } .news__img { width: 100%; margin-right: 0; flex: auto; } .news__img img { width: 100%; height: 180px; object-fit: cover; } .news__text { height: 3em; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .news__button { flex: 1; align-self: auto; padding: 0; margin-top: 15px; } .textpage__bottom { margin-top: 30px; } .textpage h1 { font-size: 18px; } .textpage h2 { font-size: 16px; } .register__col_left { flex: 0 0 45%; } .register__col_right { margin-left: 40px; } .register__form-row_button .form-button { max-width: 100%; } .register__form-title { margin: 20px 0; } .register__form-title_60 { margin-top: 40px; } .register__desc { font-size: 14px; } .register__desc ul li:not(:last-child) { margin-bottom: 1em; } .register__desc ul li:before { top: 10px; } .register__desc h2 { font-size: 16px; } .register__info { width: 365px; font-size: 12px; } .checkout__row { flex-wrap: wrap; margin-top: 20px; } .checkout__sidebar_left { flex: 0 0 100%; max-width: 100%; margin-bottom: 30px; } .checkout__sidebar_right { flex: 0 0 300px; } .checkout__sidebar_right .cart__info-wrap { top: 70px; } .checkout__sticky { display: flex; max-width: 100%; padding: 0; } .checkout__types { display: flex; } .checkout__cart-link { margin-top: 0; } .checkout__content { max-width: 395px; margin-left: 0; } .checkout__products { margin-bottom: -80px; padding: 40px 0; } .checkout__products .cart__info { display: none; } .selection__filter { padding: 20px 40px; } .selection__filter-item:not(:last-child) { margin-right: 40px; } .orders__sticky-block { position: static; padding-top: 0; } .orders__sticky-block.is-sticky .orders__new-request-btn-mob { display: none !important; } .posters__category-list .posters__category { padding-left: 20px; } .detailed { display: block; margin-top: 10px; } .detailed__image { margin-right: 0; margin-bottom: 20px; } .detailed__group:hover .detailed__group-tooltip { display: none; } .change-password__col_left { flex: 0 0 45%; } .change-password__col_right { margin-left: 40px; } .change-password__form-row_button .form-button { max-width: 100%; } .change-password__form-title { margin: 20px 0; } .change-password__form-title_60 { margin-top: 40px; } .documentation-card { padding-left: 0; padding-right: 0; padding-bottom: 20px; } .vin-block { margin-top: 20px; } .vin-block__download-btn { margin-bottom: 20px; } .vin-block__form { flex-direction: column; align-items: flex-start; } .vin-block__title-block { margin-bottom: 20px; } .vin-block__input-block { margin-left: 0; margin-bottom: 16px; } .vin-block__btn { width: 345px; align-items: stretch; border: none; background: #ffffff; } .vin-block__btn p { flex-grow: 1; display: flex; align-items: center; margin-bottom: 0; padding-left: 20px; font-size: 12px; font-weight: 400; line-height: 11px; letter-spacing: 0.2em; color: #DFE6EA; text-transform: uppercase; background-color: #ffffff; color: #4A82C4; border: 1px solid #CCECFF; } .vin-block__btn span { width: 52px; height: 52px; display: flex; align-items: center; justify-content: center; border-left: none; background: #4A82C4; } .vin-block__btn:disabled { border: none; } .vin-block__btn:disabled span { background-color: #ffffff; border: 1px solid #CCECFF; border-left: none; } .vin-block__caption { display: flex; flex-direction: column; align-items: flex-start; } .vin-block__caption span { margin-top: 10px; margin-left: 0; } .vin-block.vin-block_light .vin-block__btn span { background-color: #f00; } .vin-block.vin-block_light .vin-block__btn span svg { color: #FFFFFF; } .brand-inner__wrap { flex-wrap: wrap; margin-bottom: 50px; } .brand-inner__wrap .brand-inner__col:nth-child(2) { width: calc(100% - 220px); } .brand-inner__img-block { width: 50%; height: 130px; } .brand-inner__img-block:nth-child(n+3):not(.slick-slide) { display: none; } .brand-inner__header { padding-top: 0; } .brand-inner__2col { flex-direction: column; } .brand-inner__2col .brand-inner__col:nth-child(1) { width: 100%; padding-right: 0; } .brand-inner__2col .brand-inner__col:last-child { width: 100%; order: -1; margin-bottom: 40px; } .brand-inner__link { padding-left: 30px; } .brand-inner__more-btn { letter-spacing: 0.1em; } .brand__item { width: 25%; } .brand__item:not(.slick-slide):nth-child(n+5) { display: none; } .promotion { margin-bottom: 50px; padding-bottom: 100px; } .promotion__slider .slick-arrow { bottom: -106px; padding: 12px; } .promotion__content { padding: 10px; } .promotion__title { font-size: 18px; } .promotion__description { font-size: 12px; } .promotion__link { margin-top: 25px; } .main-office { padding-top: 50px; padding-bottom: 80px; } .main-office_no-indent { padding-top: 0; } .main-office__content { flex-direction: column; } .main-office__text { max-width: none; } .main-office__img-block { width: 100%; } .main-office__img-block .slick-arrow { bottom: -106px; padding: 12px; } .main-office.main-office_cooperation { padding: 25px 0; } .main-office.main-office_cooperation .main-office__content { border-radius: 0 0 0 30px; } .vacancies__info-number { font-size: 50px; line-height: 50px; } .vacancies__info-text { line-height: 18px; } .vacancies__feature-list { grid-template-columns: repeat(2, 1fr); } .vacancies__desc-wrap { opacity: 1; } .vacancies__header { font-size: 18px; line-height: 24px; } .intro { padding-bottom: 25px; } .intro__wrap { flex-direction: column; } .intro__img { max-width: 100%; } .intro__content { max-width: 100%; } .intro__row { justify-content: start; } .intro__item:not(:last-child) { margin-right: 40px; } .dealership { padding: 25px 0; } .dealership__head { flex-direction: column; align-items: start; } .dealership__title { max-width: initial; margin-bottom: 20px; } .dealership__icon { transform: rotate(90deg); margin-bottom: 20px; } .dealership__text { max-width: initial; } .process { padding: 25px 0; } .process__wrap { flex-direction: column; } .process__col { max-width: initial; } .process__title { margin-bottom: 30px; } .process__item { font-size: 16px; } .conditions { padding: 25px 0; } .conditions__item { width: calc(50% - 30px); } .partner-reviews { padding: 25px 0; } .partner-reviews__title { margin-bottom: 110px; text-align: start; } .partner-reviews__wrap { flex-direction: column; } .partner-reviews__img { position: static; max-width: 500px; margin: -130px 0 20px auto; transform: translateX(40px); } .partner-reviews__slider { max-width: initial; margin: 0; } } @media (max-width: 768px) { .catalog__slider-img-list .slick-arrow.prev { left: 5px; } .catalog__slider-img-list .slick-arrow.next { right: 5px; } .modal-cookies-ag { flex-direction: column; } .modal-cookies-ag__text { font-size: 14px; line-height: 20px; } .modal-cookies-ag__button { width: 100%; max-width: 420px; } .filter__left-block { padding-top: 14px; padding-bottom: 4px; border-bottom: 1px solid #EFF2F4; } .filter__left-block .filter__item { margin-right: 0 !important; margin-bottom: 20px !important; } .filter__right-block { padding-top: 24px; } .product-video__icon svg { width: 25px; height: 25px; } .spares__model { font-size: 18px; margin-bottom: 15px; } .spares__col { flex-basis: 100%; } .spares__item { height: 150px; padding: 15px !important; } .spares__item img { width: 100px !important; height: 100px; object-fit: contain; margin-right: 30px !important; } .spares__item_child2 { padding: 0; } .spares__item_child3 { padding: 0; } .spares__item_child3 img { width: 50px; } .spares__title { font-size: 16px; line-height: 1; } .checkbox-toggle_sm { display: block; padding-left: 0; } .checkbox-toggle_sm .checkbox-toggle__label { display: block; padding-left: 0; font-size: 16px; line-height: 22px; } .checkbox-toggle_sm .checkbox-toggle__label:before { position: absolute; right: 0; top: 0; left: auto; width: 50px; height: 24px; } .checkbox-toggle_sm .checkbox-toggle__label:after { width: 18px; height: 18px; left: auto; right: 29px; top: 3px; } .checkbox-toggle_sm .checkbox-toggle__field:checked ~ .checkbox-toggle:before { background-color: #4A82C4; } .checkbox-toggle_sm .checkbox-toggle__field:checked ~ .checkbox-toggle__label:after { left: auto; right: 3px; } .messengers { right: 10px; bottom: 10px; } .messengers__item { margin-top: 5px; } } @media (max-width: 767px) { .container { max-width: 375px; padding: 0 15px; } .wrapper { padding-top: 30px; } table tr td { padding: 12px 10px; } .footer__info { flex-wrap: wrap; text-align: center; padding-bottom: 0; } .footer__logo { margin: 0 auto; } .footer__text { text-align: inherit; flex: 0 0 100%; display: flex; flex-wrap: wrap; } .footer__text p { text-align: left; } .footer__phone { flex: 0 0 100%; margin-top: 20px; } .footer__text-flex { display: flex; margin-top: 35px; } .footer__text-col { flex: 0 0 50%; text-align: left; font-size: 14px; line-height: 1.5; font-weight: 300; } .footer__text-col:not(:last-child) { padding-right: 15px; } .footer__text-title { margin: 0; } .footer__content { display: flex; flex-wrap: wrap; margin-top: 40px; } .footer__cat-block { flex-grow: 0; flex-shrink: 1; margin-right: 15px; margin-bottom: 15px; flex-basis: calc(100% / 2 - (15px * (2 - 1)) / 2); max-width: calc(100% / 2 - (15px * (2 - 1)) / 2); } .footer__cat-block:nth-child(3n) { margin-right: 15px; } .footer__cat-block:nth-child(2n) { margin-right: 0; } .footer__cat-block_full { display: flex; flex: 0 0 100%; max-width: 100%; margin-right: 0 !important; } .footer__cat-block_full .footer__cat-list { width: 100%; display: flex; flex-direction: column; flex-wrap: nowrap; justify-content: space-between; } .footer__cat-block_full .footer__cat-item:first-child { display: flex; flex-direction: row; justify-content: space-between; } .footer__cat-block_full .footer__cat-item:first-child .footer__cat-title-link { max-width: none; } .footer__cat-title-link { max-width: 230px; } .footer__cat-list { display: block; } .footer__cat-item { max-width: 100%; margin-right: 0; margin-bottom: 10px; flex-basis: 100%; } .footer__cat-link { white-space: initial; line-height: 1.5; } .header_opensearch .header__search { margin-left: 0; } .header_opensearch .header__search-wrap { width: 300px; } .header_opensearch .header__menu-btn { width: 0; padding: 0; } .header_mapblock { position: fixed; width: 100%; } .header_mapblock .header__menu-btn, .header_mapblock .header__nav, .header_mapblock .header__controls { display: none; } .header_mapblock .header__more-block { display: block; } .header_mapblock .mapblock__filter, .header_mapblock .mapblock__back { display: block; } .header__top { padding: 4px 0; } .header__menu { top: 42px; height: calc(100vh - 42px); } .header__search { margin-left: 0; margin-right: 0; } .header__search-control:hover svg { stroke: #FFF200; } .header__search-btn svg { width: 24px; height: 24px; } .header__search-btn:hover svg { stroke: #FFF200; } .header__nav-title { padding: 5px; } .header__nav-title.active::before { bottom: -9px; width: 60px; height: 36px; background-size: 60px 36px; left: 50%; } .header__control svg { width: 24px; height: 24px; } .header__control-dot { width: 9px; height: 9px; left: 20px; } .header__bottom-wrap { margin: 0 -10px; } .header__category-ico svg { width: 35px; height: 35px; } .main { font-size: inherit; height: 1070px; padding-top: 30px; } .main__title { font-size: 40px; position: relative; top: auto; margin-bottom: 20px; } .main__title span { opacity: 1; } .main__descr { position: relative; top: auto; max-width: 100%; font-size: 20px; line-height: 1.3; margin-bottom: 20px; opacity: 1; } .main__button { opacity: 1; top: 0; position: relative; transform: none; width: 100%; } .main__info { width: 100%; position: static; transform: none; margin-left: auto; opacity: 1; padding-top: 240px; padding-bottom: 240px; } .main__info-item { border-top: 2px solid #FFFFFF; } .main__info-item_first { flex-basis: 150px; margin-right: 30px; } .main__info-item_second { flex-basis: 150px; } .main__info-item_third { margin-top: 20px; } .main__info-num { font-size: 50px; } .main__info-descr { line-height: 1.3; } .main__info-plus { display: none; } .main__images { height: auto; } .main__image { width: 100%; height: 160px; transform: none; top: auto; left: 0; bottom: auto; } .main__image-wrap { border-radius: 40px 0 40px 0; height: 100%; } .main__image-wrap img { width: 100%; height: 100%; object-fit: cover; } .main__image_first .main__image-wrap { width: 100%; } .main__image_second { top: 490px; } .main__image_second .main__image-wrap { width: 100%; } .main__bikes { position: static; top: auto; width: 100%; left: auto; transform: none; } .main__bike_mot { left: 50%; transform: translate(-50%, 0); margin-left: 0; width: 90%; bottom: 622px; z-index: 9; } .main__bike_byc { right: auto; left: 50%; transform: translate(-50%, 0); width: 90%; bottom: 140px; margin-right: 0; z-index: 9; } .search-result { width: calc(100% + 75px); top: calc(100% + 11px); right: -19px; } .search-result__wrap { padding: 15px 15px 30px 15px; } .search-result__content { padding-bottom: 0; } .search-result__content:not(:last-child) { padding-bottom: 40px; border: none; margin-bottom: 0; } .search-result__title { padding-left: 0; font-size: 16px; } .search-result__catitem { padding-left: 0; margin-top: 20px; } .search-result__catlink { font-size: 16px; } .search-result__catlink:hover { border-color: transparent; } .search-result__link { font-size: 16px; padding: 7px 0; line-height: 1.3; } .search-result__more { padding-left: 0; } .breadcrumbs { display: none; } .catalog__title { display: block; font-size: 20px; } .catalog__title-count { display: block; margin-left: 0; margin-top: 5px; } .catalog__open-cats { display: flex; } .catalog__search { display: none; } .catalog__search_mob-show { display: block; } .catalog__search-cats { display: flex; width: 100%; overflow-x: auto; margin-bottom: 20px; } .catalog__search-cats-title { display: none; } .catalog__search-cats-item { margin-bottom: 0; } .catalog__search-cats-item:not(:last-child) { margin-right: 10px; } .catalog__filter { padding: 10px; justify-content: space-between; } .catalog__row { display: block; margin-top: 10px; } .catalog__sidebar { margin-right: 0; } .catalog__list .card { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 2 - (10px * (2 - 1)) / 2); max-width: calc(100% / 2 - (10px * (2 - 1)) / 2); } .catalog__list .card:nth-child(3n) { margin-right: 10px; } .catalog__list .card:nth-child(2n) { margin-right: 0; } .catalog__list .documentation-card { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 2 - (10px * (2 - 1)) / 2); max-width: calc(100% / 2 - (10px * (2 - 1)) / 2); } .catalog__list .documentation-card:nth-child(3n) { margin-right: 10px; } .catalog__list .documentation-card:nth-child(2n) { margin-right: 0; } .catalog__brands-list { margin-left: 0; margin-right: 0; } .catalog__brands-item { width: 100%; margin-left: 0; margin-right: 0; margin-bottom: 10px; } .catalog__brands-img-block { height: 150px; } .catalog_dark .catalog__brands-list { margin-left: -10px; margin-right: -10px; } .catalog_dark .catalog__brands-item { width: calc(50% - 20px); margin-left: 10px; margin-right: 10px; padding: 10px; } .catalog_dark .catalog__icon-arrow { color: #ED1C24; } .catalog_light { padding-bottom: 40px; } .card:nth-child(3n) .card__info:hover .card__info-text { left: -10; right: initial; } .card:nth-child(2n) .card__info:hover .card__info-text { left: initial; right: -10px; } .card__text { height: 5.1em; } .card__button_no-ico { height: 60px; } .card__price-list { flex-direction: row; } .card__price-item { width: 50%; } .card__price-item .card__info { margin-top: -3px; width: 10px; height: 10px; } .card__price-item .card__info svg { width: 10px; height: 10px; } .card__price-item .card__price { font-size: 13px; line-height: 16px; } .card__price-item .card__oldprice { font-size: 9px; line-height: 9px; } .card__price-item_100 { width: 100%; } .category-list { display: none; position: fixed; background: #fff; width: 100%; height: 100%; padding-bottom: 40px; top: 0 !important; left: 0; z-index: 100; } .category-list__wrap { overflow: auto; max-height: 100%; } .category-list__title { display: flex; position: sticky; top: 0; background-color: #fff; z-index: 2; } .category-list__cat-name.active, .category-list__cat-name:hover { background-color: transparent; } .pagination { padding: 0; background-color: transparent; } .pagination__more { margin-left: auto; } .pagination__list { display: none; } .product__row { flex-wrap: wrap; position: relative; margin-top: 20px; } .product__row-space { display: block; } .product__info { flex: 0 0 100%; order: -1; } .product__info .card__actions { top: 27px; right: 10px; } .product__info .card__button span { font-size: 12px; flex: 1 1 100%; } .product__info .card__button-ico { flex: 0 0 60px; height: 60px; border-left: none; background-color: #4A82C4; } .product__info .card__button-ico svg { stroke: #FFFFFF; } .product__info-wrap { padding: 15px 10px 27px; margin-left: 0; } .product__brand { max-width: 155px; margin: 0 0 20px; } .product__info-art_mobile { display: block !important; } .product__info-art { display: none; } .product__title_mobile { display: block !important; } .product__title { font-size: 20px; margin-top: 0; display: none; } .product__prices .card__price { font-size: 28px; line-height: 28px; } .product__prices .card__oldprice { font-size: 16px; line-height: 16px; } .product__prices .card__info { width: 16px; height: 16px; } .product__prices .card__info svg { width: 16px; height: 16px; } .product__count-name { display: none; } .product__count { padding-top: 15px; padding-left: 15px; border: 1px solid #EFF2F4; padding: 14px; display: inline-flex; width: 141px; } .product__gallery { padding: 0; position: absolute; top: 0; width: 100%; z-index: 2; } .product__gallery-nav_thumb { position: absolute; top: 0; z-index: 2; left: -49px; } .product__gallery-thumbs { display: none; } .product__gallery-thumbs-item_deg.hide { display: none; } .product__tabs { margin-top: 20px; } .product__tabs .tabs__list { top: initial; position: relative; overflow-x: scroll; white-space: nowrap; z-index: 10; } .product__tabs table td:nth-child(1) { width: 150px; } .product__docs-item { width: 100%; margin-right: 0; } .tabs__item { height: 60px; padding: 0 30px; } .tabs__item:hover { color: #333; background-color: transparent; } .tabs__wrap { margin-top: 20px; } .tabs__content { margin-top: 40px; } .products-slider { margin-top: 40px; } .products-slider__wrap { margin-top: 30px; } .products-slider__list { padding: 0; } .products-slider__item .card { max-width: 345px; margin: 0 auto; } .cart__title { flex-wrap: wrap; } .cart__title-name { flex: 0 0 100%; margin-bottom: 10px; } .cart__title-count { margin-left: 0; } .cart__row { margin-top: 24px; } .cart__info-bonuses { padding-right: 85px; } .cart__info-promocode { padding-right: 85px; } .cart__product:hover { box-shadow: none; } .cart__product { border: 1px solid #F9FAFB; } .cart__product-row .card__images { flex: 0 0 140px; width: 140px; margin-right: 15px; margin-bottom: 0px; } .cart__product-row .card__prices { position: static; margin-top: 13px; } .cart__product-row .card__actions { position: static; justify-content: flex-end; margin-top: 10px; } .cart__product-row .card__count { right: inherit; left: 23px; bottom: inherit; top: 140px; } .cart__product-content { position: static; } .cart__product-wrap { height: initial; } .cabinet.show-info-btn .cabinet__info-btn { position: fixed; right: 15px; bottom: 15px; display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; border-radius: 50%; background: #F1F3F8; border: 1px solid #E2E5E7; box-shadow: 0px 0px 30px -8px rgba(51, 51, 51, 0.15); z-index: 100; } .cabinet__new-request-btn { width: 100%; max-width: none; } .cabinet__sidebar_order-mob { flex-basis: 100%; margin-bottom: 40px; } .cabinet__navs-wrap { background-color: transparent; } .cabinet__navs-item { background: #F9FAFD; border-radius: 10px; margin-right: 10px; } .cabinet__navs-link { border-radius: 10px; padding: 13px 15px; font-weight: normal; } .cabinet__content { margin: 0; max-width: 100%; } .cabinet__content_order-mob { order: 5; } .cabinet__title { margin-bottom: 20px; align-items: flex-start; } .cabinet__title svg { margin-top: 3px; } .cabinet__form:not(:last-child) { margin-bottom: 40px; } .cabinet__form-row_flex { flex-direction: column; } .cabinet__form-row_flex .input-text:first-of-type { margin-bottom: 10px; } .cabinet__separator { display: none; } .cabinet__manager { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 100; background-color: #fff; display: none; } .cabinet__part-row_disabled .cabinet__part-wrap_1 { width: 100%; margin-bottom: 10px; } .cabinet__part-row_disabled .cabinet__part-wrap_2 { margin-left: 0; } .cabinet__desc { margin-top: -15px; margin-bottom: 0; } .cabinet__excel-desc { margin-top: 20px; } .cabinet__excel-link { padding-left: 15px; } .cabinet__excel-link::before { right: -35px; } .cabinet__video { width: 163px; height: 106px; } .cabinet__photo-img { width: 163px; height: 106px; } .cabinet__photo-preview-btn, .cabinet__video-preview-btn { margin-bottom: 16px; } .cabinet__icon-btn svg { width: 20px; height: 20px; } .cabinet__wrapper { top: 6px; right: 6px; } .cabinet__wrapper-info { top: calc(100% + 5px); bottom: auto; } .cabinet__wrapper-info::before { content: ''; position: absolute; top: -5px; bottom: auto; right: 18px; width: 0; height: 0; border-top: 0; border-bottom: 5px solid #FFFFFF; border-left: 5px solid transparent; border-right: 5px solid transparent; } .cabinet__back-link { display: none; } .cabinet__back-link-mob { display: inline-flex; } .cabinet__text-mob-hidden { display: none; } .cabinet__version-block { justify-content: space-between; } .cabinet__version-item { margin-left: 0; padding: 15px 10px; } .cabinet_light .cabinet__navs-item { margin-right: 5px; } .manager__back { display: flex; } .manager__widget { display: block; } .modal { padding: 40px 20px 30px; max-width: 400px; } .modal__form_cols { margin-top: 10px; } .modal__form-row_33 { width: 100%; } .modal__form-row_50 { width: 100%; } .modal__form-row_25 { width: 100%; } .modal .form-button { max-width: 100%; } .modal__close-wrap { position: static; text-align: center; margin-top: 30px; } .modal__close span { display: block; } .modal__close svg { stroke: #4A82C4; width: 20px; height: 20px; margin-left: 15px; } .modal__bottom { margin-top: 0; } .modal__bottom:before { top: 70px; } .modal__detailed .detailed__item { padding-left: 0; } .modal__detailed .detailed__item-num { display: none; } .modal__detailed .detailed__table-cell:nth-child(1) { order: 0; flex-basis: 70px; } .modal__detailed .detailed__table-cell:nth-child(2) { order: -1; flex-basis: 180px; } .modal__detailed .detailed__table-cell:nth-child(3) { flex-basis: 140px; } .modal__detailed .detailed__price { text-align: center; margin-top: 0; } .modal__detailed .detailed__availability { min-width: 120px; } .modal__detailed .detailed__group_label:nth-child(1):before { content: 'Артикул'; } .modal__detailed .detailed__group_label:nth-child(2):before { content: 'Наименование'; } .modal__card .card__min-button { display: block; margin: 30px 0; } .modal__card .card__min-button .form-button { width: 100%; } .modal__card .card__actions { top: 10px; right: 0; } .modal__card .product__title { display: block; text-align: center; margin-bottom: 0; } .modal__card .product__info-art { display: block; text-align: center; margin-top: 10px; } .modal__card .product__info-wrap { padding: 15px 0 0; box-shadow: none; } .modal__card .product__gallery { position: relative; } .modal__card .product__row { display: block; } .modal_success .modal__title { text-align: center; } .modal_success .modal__text { text-align: center; } .modal_success .modal__svg { position: static; margin-left: auto; margin-right: auto; margin-bottom: 20px; transform: translateY(0); } .modal__buttonrow { flex-direction: column; } .modal__buttonrow .modal__bottom-link_filled { margin-right: 0; margin-bottom: 20px; } .modal__size-flex { flex-direction: column-reverse; margin: 35px 0 0; } .modal__size-btn { width: 100%; margin: 0; } .modal__size-btn { margin-bottom: 10px; } .informslider { padding: 15px 0 40px; margin-bottom: 0; } .informslider__main { justify-content: center; margin-top: 90px; } .informslider__img { padding: 0; } .informslider__img picture { border-radius: 0 40px 0 0; } .informslider__content-wrap { position: static; } .informslider__content { width: 100%; height: initial; padding: 20px; } .informslider__title { height: 4em; -webkit-line-clamp: 3; line-height: 1.3; margin-bottom: 15px; } .informslider__button .form-button { max-width: 100%; } .allcats { padding: 30px 0; } .allcats__title { font-size: 20px; } .allcats__wrap { margin-top: 20px; } .allcats__row { padding: 20px; flex-wrap: wrap; } .allcats__name { flex: 0 0 100%; display: flex; align-items: center; } .allcats__name-text { margin-left: 30px; } .allcats__list { display: none; } .allcats__list-col { flex: 0 0 100%; overflow: initial; } .allcats__list-col:nth-child(n+4) { display: block; } .allcats__list-col:not(:last-child) { margin-right: 0; } .allcats__list-elem:not(:first-child) { margin-top: 25px; } .allcats__list-elem { margin-top: 25px; } .allcats__list-name { font-size: 18px; display: flex; justify-content: space-between; } .allcats__list-name svg { display: block; width: 20px; height: 20px; stroke: #FFFFFF; } .allcats__list-open { width: 30px; height: 30px; display: flex; align-items: center; justify-content: center; transition: 0.2s; } .allcats__list-open.active { transform: rotate(180deg); } .allcats__list-items { display: none; } .allcats__button:hover span { background: rgba(255, 255, 255, 0.3); } .allcats__button:hover span:nth-child(2) { transform: translateY(0px); } .allcats__button { bottom: initial; left: initial; top: 36px; right: 30px; } .allcats__button.active span { background-color: #FFFFFF; } .allcats__button.active span:nth-child(2) { transform: translateY(-4px); } .advantages { margin: 40px 0; } .advantages__item { flex-grow: 0; flex-shrink: 1; margin-right: 40px; margin-bottom: 40px; flex-basis: calc(100% / 1 - (40px * (1 - 1)) / 1); max-width: calc(100% / 1 - (40px * (1 - 1)) / 1); } .advantages__item:nth-child(2n) { margin-right: 40px; } .advantages__item:nth-child(1n) { margin-right: 0; } .advantages__item:last-child { margin-bottom: 0; } .advantages__item:nth-child(even) { margin-top: 0; } .advantages__img-wrap { border-radius: 40px 0; } .advantages__name { font-weight: 500; } .special { padding: 20px 0; } .special__title { font-size: 20px; } .special__slider { margin-top: 40px; } .special__wrap { box-shadow: 0px 0px 50px rgba(51, 51, 51, 0.1); } .special__img-wrap { padding-top: 55.07%; overflow: hidden; position: relative; } .special__img-wrap picture, .special__img-wrap img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; object-fit: cover; } .mainhelp { background: none; } .mainhelp__row { display: block; padding-top: 70px; position: relative; } .mainhelp__img { flex: 0 0 100%; border-radius: 40px 0px; } .mainhelp__content { margin-left: -15px; margin-right: -15px; padding-top: 0; } .mainhelp__title { font-size: 20px; position: absolute; top: 0; left: 0; padding: 0; text-align: center; width: 100%; } .mainhelp__title br { display: none; } .mainhelp__block { margin-top: 0px; padding-top: 170px; margin-top: -140px; } .mainreviews__title { font-size: 20px; } .mainreviews__title { padding-left: 0; } .mainreviews__slider { max-width: 300px; } .mapblock.active ~ .header { position: fixed; width: 100%; } .mapblock.active ~ .header .header__menu-btn, .mapblock.active ~ .header .header__controls { display: none; } .mapblock.active ~ .header .mapblock__filter, .mapblock.active ~ .header .mapblock__back { display: block; } .mapblock { padding-top: 0; } .mapblock__title { display: none; } .mapblock__content { position: fixed; top: 51px; width: 100%; left: 0; height: calc(100% - 51px); padding: 0 15px; max-width: 375px; right: 0; margin: 0 auto; box-shadow: none; transform: translateY(100%); } .mapblock__sidebar { width: 100%; } .mapblock .cities { display: none; } .mapblock ymaps [class*=balloon_layout_normal] [class*=b-cluster-tabs__menu]::-webkit-scrollbar-track { display: none; } .mapblock ymaps [class*=balloon_layout_normal] [class*=b-cluster-tabs__menu]::-webkit-scrollbar { display: none; } .mapblock_dark .filter__button { background-color: #231F20; border-color: #231F20; } .mapblock_dark .filter__priceblock-btn { padding: 13px 20px; background-color: #231F20; border-color: #FFFFFF; color: #FFFFFF; } .mapblock_dark .filter__row { flex-direction: column; } .map-places__cities { display: none; } .map-places__list { border: none; margin: 0; } .map-places__list-wrap::-webkit-scrollbar-track { display: none; } .map-places__list-wrap::-webkit-scrollbar { display: none; } .map-places__list-item { padding: 0 0 15px; } .map-places__list-item:hover .map-places__item-name { color: #333; } .map-places__item-info { display: block; } .map-places__back-wrap { margin: 0; display: none !important; } .map-places__back { display: none; } .map-places_dark .fs-dropdown { background-color: #231F20; } .filter { background: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: #fff; z-index: 100; overflow: hidden; display: none; } .filter__header { display: block; } .filter__row { padding: 0; max-height: calc(100vh - 120px); overflow: auto; } .filter__item { display: block; margin-top: 0; } .filter__item_mobile { display: block; } .filter__item:not(:last-child) { margin-right: 0; margin-bottom: 30px; } .filter__button { border: none; justify-content: space-between; border-radius: 0; padding: 10px 0px; } .filter__button-label { font-size: 16px; } .filter__button-value { margin-left: auto; width: 101px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; font-size: 16px; } .filter__button.active { padding: 10px 0px; background-color: transparent; } .filter__button.active .filter__button-arrow { display: block; } .filter__button.active .filter__button-reset { display: none; } .filter__button.active ~ .filter__button-reset { display: none; } .filter__button-arrow { transform: rotate(-90deg); width: 20px; height: 20px; overflow: hidden; } .filter__button-arrow svg { width: 20px; height: 20px; } .filter__priceblock:before { display: none; } .filter__priceblock { position: fixed; top: 53px; width: 100%; left: 0; height: calc(100% - 51px); padding: 15px; max-width: 375px; right: 0; margin: 0 auto; box-shadow: none; } .filter__priceblock-row { display: flex; flex-wrap: wrap; justify-content: flex-start; } .filter__priceblock-row span { flex: 0 0 50%; margin: 0 0 10px; order: -1; } .filter__priceblock-row span:first-letter { text-transform: uppercase; } .filter__priceblock-input { flex: 0 0 45%; width: 45%; margin: 0; font-size: 16px; height: 36px; } .filter__priceblock-buttons { position: fixed; width: 100%; bottom: 40px; left: 0; justify-content: center; padding: 0 15px; border: none; } .filter__priceblock-clear { display: none; } .filter__priceblock-btn { display: block; width: 100%; max-width: 345px; background-color: #fff; border: 1px solid #4A82C4; color: #4A82C4; text-align: center; font-size: 12px; letter-spacing: 0.2em; text-transform: uppercase; } .filter_dark .fs-label-wrap { background-color: #231F20; border-color: #231F20; } .filter_dark .fs-label-wrap .fs-label-count { margin-left: auto; padding-right: 10px; width: auto; } .filter_dark .fs-wrap.fs-has-selected .fs-label-wrap { background-color: #231F20; border-color: #231F20 !important; } .filter_dark .fs-dropdown { background-color: #231F20; } .filter_dark .fs-search:before { background-color: #484848; } .filter_dark .fs-search-ico { stroke: #9E9E9E; } .filter_dark .fs-wrap.fs-open .fs-dropdown { top: 53px; } .filter_dark__button { background-color: #231F20; border-color: #231F20; } .filter_light .filter__priceblock-btn { border-color: #C41D1E; color: #FFFFFF; } .filter_light .fs-label-wrap { background-color: #FFFFFF; border-color: transparent; } .filter_light .fs-label-wrap .fs-label-count { margin-left: auto; padding-right: 10px; width: auto; } .filter_light .fs-wrap.fs-has-selected .fs-label-wrap { background-color: transparent; border-color: transparent !important; } .filter_light .fs-dropdown { background-color: #FFFFFF; } .filter_light .fs-search:before { background-color: #484848; } .filter_light .fs-search-ico { stroke: #9E9E9E; } .filter_light .fs-wrap.fs-open .fs-dropdown { top: 53px; } .about-header__top { border-bottom: 1px solid #DFE6EA; padding: 8px 0; } .about-header__list { padding: 15px 0; overflow: hidden; } .about-header__list-wrap { overflow-x: auto; } .about-header__item:not(:last-child) { margin-right: 40px; } .about-main__row { flex-wrap: wrap; } .about-main__img picture, .about-main__img img { position: static; width: 100%; height: 160px; } .about-main__content { flex: 0 0 100%; margin: 0; display: flex; flex-wrap: wrap; } .about-main__block { padding: 50px 0 30px 0; flex: 0 0 100%; order: 2; } .about-main__title { font-size: 20px; line-height: 1.5; } .about-main__title:before { top: -21px; } .about-main__bottom-img { margin-top: 10px; } .about-history { padding: 35px 0; } .about-history__slider { width: 180px; } .about-history__slider:after { left: 90%; } .about-history__slider .slick-arrow { top: 35px; } .about-history__item { margin-right: 60px; height: 180px; padding-bottom: 35px; } .about-history__year { font-size: 24px; } .about-today { padding: 35px 0; } .about-today__title { font-size: 30px; text-align: center; } .about-today__item { margin-top: 20px; } .about-today__num { font-size: 40px; } .about-today__name { font-size: 18px; margin-top: 5px; } .about-today__row { flex-wrap: wrap; margin-top: 10px; } .about-today__list-num { margin-top: 4px; } .about-today__list-text { font-size: 14px; } .about-today__sidebar { flex: 0 0 100%; margin-left: 0; margin-top: 20px; } .about-mission { margin: 20px 0 0; padding: 0; background: none; } .about-mission__row { display: block; } .about-mission__image-wrap { position: static !important; transform: none; width: initial; margin-left: -15px; margin-right: -15px; height: 624px; } .about-mission__image-wrap picture, .about-mission__image-wrap img { height: 100%; object-fit: cover; object-position: center; } .about-mission__info { background-color: #F5F5F5; margin: -100px -15px 0; padding: 130px 15px 60px; } .about-mission__text { font-size: 30px; } .about-team { padding: 40px 0 30px; } .about-team__container { overflow: hidden; } .about-team__wrap { display: block; max-width: 295px; } .about-team__wrap > .about-team__item:not(:first-child) { display: none; } .about-team__wrap .slick-slide { opacity: 0.2; } .about-team__wrap .slick-active { opacity: 1; } .about-team__wrap .slick-active .about-team__image { filter: grayscale(0); } .about-team__item { flex-grow: 0; flex-shrink: 1; margin-right: 0px; margin-bottom: 0px; flex-basis: calc(100% / 1 - (0px * (1 - 1)) / 1); max-width: calc(100% / 1 - (0px * (1 - 1)) / 1); margin-right: 10px !important; outline: none; } .about-team__item:nth-child(2n) { margin-right: 0px; } .about-team__item:nth-child(1n) { margin-right: 0; } .about-team__item:nth-child(3n + 2) { transform: translateY(0); } .about-team__info { transform: translateY(0); } .brands { padding: 40px 0 60px; } .brands__title { font-size: 20px; line-height: 1.4; } .brands__wrap { margin-top: 20px; } .brands__slider-container { overflow: visible; } .brands__slider-wrap:before { width: 100%; } .brands__label { max-width: 100%; text-align: left; padding-left: 70px; } .brands__label .slick-arrow.prev { left: 0; } .brands__label .slick-arrow.next { right: 0; } .brands__item { height: 207px; } .partner-form { padding: 30px 0 80px; } .partner-form_no-indent { padding-bottom: 0; } .partner-form__title { font-size: 20px; margin-bottom: 18px; } .partner-form__form { margin-top: 20px; } .partner-form__inputs { display: block; } .partner-form__inputs-col { flex-grow: 0; flex-shrink: 1; margin-right: 0px; margin-bottom: 0px; flex-basis: calc(100% / 1 - (0px * (1 - 1)) / 1); max-width: calc(100% / 1 - (0px * (1 - 1)) / 1); margin-bottom: 10px; } .partner-form__inputs-col:nth-child(2n) { margin-right: 0px; } .partner-form__inputs-col:nth-child(1n) { margin-right: 0; } .partner-form__check { max-width: 100%; } .partner-form__button .form-button { width: 100%; max-width: 100%; } .partner-form__success { height: auto; } .partner-form__success-icon { margin-bottom: 20px; } .partner-form__success-title { font-size: 24px; line-height: 34px; } .partner-form__success-text { font-size: 16px; } .partner-form.partner-form_cooperation .partner-form__title { font-size: 24px; line-height: 34px; margin-bottom: 10px; } .partner-form.partner-form_cooperation .partner-form__descr { font-size: 14px; line-height: 150%; } .delivery-map { padding: 30px 0; } .delivery-map__title { font-size: 20px; text-align: left; } .delivery-map__container { padding-top: 20px; } .delivery-map__map { display: none; } .delivery-map__row { display: block; } .delivery-map__item:not(:last-child) { margin-right: 0; margin-bottom: 20px; } .delivery-map__item { padding-left: 45px; } .delivery-map__item:before { position: absolute; content: ''; width: 11px; height: 11px; border-radius: 50%; background-color: #fff; right: 100%; top: 25px; transform: translateX(25px); } .delivery-map__item:after { position: absolute; content: ''; width: 100vw; height: 1px; background-color: #fff; right: 100%; top: 30px; transform: translateX(25px); } .delivery-map__value { font-size: 60px; line-height: 1.1; } .delivery-map__sub { font-size: 20px; margin-bottom: 0; line-height: 1.5; } .delivery-map__label br { display: none; } .delivery-map__main { position: static; margin-bottom: 20px; } .delivery-map__main .delivery-map__value { font-size: 60px; } .delivery-map__main .delivery-map__item:before { top: 25px; transform: translateX(25px); } .delivery-map__main .delivery-map__item:after { width: 100vw; height: 1px; top: 30px; transform: translateX(25px); } .compare__fixed.fixed .compare__fixed-wrap { top: 52px; } .compare__fixed.fixed .compare__item { display: flex !important; flex-direction: column-reverse; padding-top: 0px; padding-bottom: 50px; } .compare__fixed.fixed .compare__item-img { margin-top: auto; } .compare__fixed.fixed .compare__item-name { margin-bottom: 20px; } .compare__fixed.fixed .compare__col_header { margin-bottom: 0; } .compare__fixed.fixed .compare__header-arrows { top: initial !important; bottom: 18px !important; left: 20px !important; } .compare__fixed.fixed .compare__header-arrows_clone { left: initial !important; right: calc(50% - 120px) !important; } .compare__fixed.fixed .compare__counter { top: initial; bottom: 20px; } .compare__fixed.fixed .compare__item-remove { top: initial; bottom: -35px; } .compare__cats { margin-left: -15px; margin-right: -15px; } .compare__cats-link { padding: 20px 15px; } .compare__header .compare__item { padding-bottom: 20px; } .compare__header .compare__header-label { padding-bottom: 0; } .compare__header-arrows { width: 104px; height: 20px; transform: translateY(0px); top: 72px; left: 20px; z-index: 9; } .compare__header-arrows .slick-arrow { width: 20px; height: 20px; } .compare__header-arrows_clone { display: block; right: calc(50% - 120px); left: initial; } .compare__counter { display: block; } .compare__row { flex-wrap: wrap; } .compare__col_small { flex: 0 0 100%; } .compare__col_full { flex: 0 0 50%; padding-right: 8px; } .compare__col_header { align-items: flex-end; margin-bottom: 30px; } .compare__col_clone { display: block; flex: 0 0 50%; padding-left: 8px; padding-right: 0; } .compare__reset:hover span { border-color: transparent; } .compare__header-label { display: none; } .compare__item { border: none; padding: 50px 0 20px; } .compare__item-img img, .compare__item-img picture { height: 90px; } .compare__item-remove { width: 25px; height: 25px; } .compare__item-remove { top: -50px; } .compare__params { padding-top: 15px; margin-bottom: 15px; } .compare__params .compare__row { border: none; } .compare__params .compare__row:not(:last-child) { margin-bottom: 30px; } .compare__params .compare__row:last-child { margin-bottom: 15px; } .compare__params .compare__row:hover { background: none; } .compare__param-label { padding: 0; margin-bottom: 15px; } .compare__param { padding: 0; border: none; min-height: initial; } .compare__param .card__oldprice { font-size: 14px; } .compare__param select { border-radius: 6px; } .compare__footer .compare__param { padding: 0; } .reviews__item { flex-grow: 0; flex-shrink: 1; margin-right: 10px; margin-bottom: 10px; flex-basis: calc(100% / 1 - (10px * (1 - 1)) / 1); max-width: calc(100% / 1 - (10px * (1 - 1)) / 1); } .reviews__item:nth-child(2n) { margin-right: 10px; } .reviews__item:nth-child(1n) { margin-right: 0; } .stock__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 1 - (20px * (1 - 1)) / 1); max-width: calc(100% / 1 - (20px * (1 - 1)) / 1); } .stock__item:nth-child(2n) { margin-right: 20px; } .stock__item:nth-child(1n) { margin-right: 0; } .stock__item-body { padding: 20px; } .news__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 1 - (20px * (1 - 1)) / 1); max-width: calc(100% / 1 - (20px * (1 - 1)) / 1); margin-bottom: 0px; } .news__item:nth-child(2n) { margin-right: 20px; } .news__item:nth-child(1n) { margin-right: 0; } .news__title { font-size: 16px; } .textpage__bottom { margin-top: 20px; } .register__login { margin-top: 20px; } .register__row { flex-wrap: wrap; flex-direction: column-reverse; margin-top: 20px; } .register__col_left { flex: 0 0 100%; margin: 0; } .register__col_right { display: none; } .register__info { display: none; } .checkout__sidebar_right { flex: 0 0 100%; } .checkout__sticky { padding: 12px 15px; } .checkout__types { display: block; width: 100%; } .checkout__cart-link { display: none; } .checkout__content { margin: 0; } .checkout__products .cart__product-row .card__images { flex: 0 0 140px; width: 140px; } .selection__filter { display: block; padding: 23px 25px; } .selection__filter-item:not(:last-child) { margin-right: 0; margin-bottom: 25px; } .selection__item { flex-grow: 0; flex-shrink: 1; margin-right: 20px; margin-bottom: 20px; flex-basis: calc(100% / 1 - (20px * (1 - 1)) / 1); max-width: calc(100% / 1 - (20px * (1 - 1)) / 1); } .selection__item:nth-child(2n) { margin-right: 20px; } .selection__item:nth-child(1n) { margin-right: 0; } .selection__item:hover { box-shadow: none; } .selection__arrow { opacity: 1; transform: none; } .orders__filter { flex-direction: column; align-items: flex-start; } .orders__filter-col { flex-wrap: wrap; flex: 0 0 100%; } .orders__filter-col:nth-child(2) { border-top: 1px solid #F9FAFB; margin-top: 20px; padding-top: 20px; } .orders__filter-col:nth-child(2) .orders__filter-lbl { flex: 0 0 100%; } .orders__filter-lbl { font-size: 14px; } .orders__filter-lbl_top { margin-top: 0; margin-bottom: 16px; } .orders__filter-lbl_mobile { display: block; } .orders__status { padding: 7px; } .orders__btn-reset { position: absolute; top: -1px; right: 10px; } .orders__filter-dates { margin-top: 10px; } .orders__list-mobile { width: 750px; } .orders__list-row { padding: 12px 0; } .orders__list-row_head { display: none; } .orders__list-row_warranty { flex-wrap: wrap; justify-content: space-between; padding: 20px 10px 43px; border-top: 1px solid #DFE6EA; border-bottom: 1px solid #DFE6EA; } .orders__list-row_warranty .orders__list-details { position: absolute; bottom: 10px; } .orders__list-row_warranty .orders__list-col { margin-bottom: 20px; } .orders__list-row_warranty .orders__list-col_1 { order: 1; } .orders__list-row_warranty .orders__list-col_2 { order: 3; margin-left: 0; flex-shrink: 0; } .orders__list-row_warranty .orders__list-col_4 { order: 2; } .orders__list-row_warranty .orders__list-col_6 { order: 4; flex-grow: 0; margin-left: 0; } .orders__list-row_warranty .orders__list-col_5 { display: none; } .orders__list-row_warranty .orders__list-col_7 { margin-bottom: 0; justify-content: flex-end; right: 0; } .orders__list-row_warranty .orders__list-col { width: 50%; flex-basis: 50%; padding: 0; } .orders__list-row_export { width: 100%; display: flex; padding: 10px 20px 10px 15px; } .orders__list-row_export .orders__list-col_1 { order: 1; } .orders__list-row_export .orders__list-col_2 { order: 2; } .orders__list-row_export .orders__list-col_3 { order: 3; } .orders__list-row_export .orders__list-col_4 { order: 4; } .orders__list-row_export .orders__list-col_5 { order: 5; } .orders__list-col { padding: 0; } .orders__list-col_1 { order: 1; flex: 1 1 100%; } .orders__list-col_2 { order: 3; flex: 0 0 85px; white-space: nowrap; margin-left: 20px; } .orders__list-col_5 { order: 2; flex: 0 0 85px; text-align: center; } .orders__list-col_6 { display: none; } .orders__list-items { padding-bottom: 30px; } .orders__list-item { border: none; } .orders__list-item.active { background: none; } .orders__list-item_export .orders__list-col_1 { order: 1; } .orders__list-item_export .orders__list-col_2 { order: 2; margin-left: 0; } .orders__list-item_export .orders__list-col_3 { order: 3; } .orders__list-item_export .orders__list-col_4 { order: 4; } .orders__list-item_export .orders__list-col_5 { order: 5; } .orders__list-item:hover { background: none; } .orders__list-details { font-size: 13px; } .orders__list-details svg { margin-left: 10px; } .orders__list-price { font-size: 14px; } .orders__list-detail { padding: 0; } .orders__detail { padding-top: 12px; } .orders__detail-col { flex: 1 1 100%; padding-right: 10px; } .orders__detail-col_info { flex: 0 0 180px; padding-right: 0; } .orders__detail-info { flex-wrap: wrap; } .orders__detail-info-name { flex: 0 0 100%; margin-bottom: 15px; } .orders__detail-info-count { min-width: auto; margin-left: initial; margin-right: auto; } .orders__detail-info-price { min-width: auto; } .orders__info-lbl { flex: 1 1 100%; padding-right: 10px; } .orders__info-val { flex: 0 0 180px; } .orders__link { display: inline-flex; margin-top: 10px; } .orders__wrap_no-border { padding-top: 20px; padding-bottom: 20px; padding-left: 10px; padding-right: 10px; } .orders__text-mob { display: block; } .orders__type-block { grid-template-columns: 1fr; grid-template-rows: repeat(4, 1fr); gap: 10px; } .orders_light .orders__detail { padding: 12px 0 0; } .posters__category-title { padding: 15px; } .posters__category-list .posters__category { padding-left: 15px; } .posters__item { flex-direction: column; padding: 15px; } .posters__download { margin-top: 10px; } .pricelist__item { flex-direction: column; padding: 15px; } .pricelist__name { font-size: 14px; } .pricelist__controls { flex: 0 0 100%; width: 100%; margin-top: 10px; } .detailed_col .detailed__table-cell:nth-child(1) { flex-basis: 50%; padding-left: 30px; } .detailed_col .detailed__table-cell:nth-child(2) { display: none; } .detailed_col .detailed__table-cell:nth-child(3) { flex-basis: 17%; } .detailed_col .detailed__table-cell:nth-child(4) { flex-basis: calc(33% - 30px); order: 0; } .detailed_col .detailed__table-cell:nth-child(5) { flex-basis: 60%; } .detailed_col .detailed__table-cell:nth-child(5) .form-button_no-border { width: 100%; } .detailed_col .detailed__table-cell:nth-child(5) .form-button_no-border span { text-align: left; } .detailed_col .detailed__table-cell:nth-child(6) { flex-basis: 40%; display: flex; justify-content: flex-end; margin-bottom: 0; } .detailed_col .detailed__item { margin-bottom: 0; } .detailed__table-cell:nth-child(1) { flex-basis: 55%; } .detailed__table-cell:nth-child(2) { flex-basis: 17%; } .detailed__table-cell:nth-child(3) { flex-basis: 28%; } .detailed__table-cell:nth-child(4) { flex-basis: 100%; } .detailed__table-cell:nth-child(5) { flex-basis: 100%; margin-bottom: 0; } .detailed__legend { display: none; } .detailed__item { flex-wrap: wrap; align-items: stretch; padding-left: 0; } .detailed__item-num { top: 47px; } .detailed__item:not(.detailed__item_caption) .detailed__group_label:before { display: none; } .detailed__item:not(.detailed__item_caption) .detailed__item-num { top: 23px; } .detailed__item:not(.detailed__item_caption) .detailed__price { margin-top: 0; } .detailed__name span { display: block; } .detailed__count { text-align: left; } .detailed__vendor-code { text-align: left; } .detailed__price { margin-top: 0; } .detailed__group { margin-bottom: 20px; } .detailed__group:nth-child(4) { order: 6; } .detailed__group_label:before { display: block; margin-bottom: 9px; font-size: 12px; color: #999; min-height: 30px; } .detailed__group_label:nth-child(1):before { content: 'Наименование'; } .detailed__group_label:nth-child(3):before { content: 'Кол-во в узле'; } .detailed__group_label:nth-child(4):before { content: 'Цена'; } .detailed__group_full { flex: 1 1 100%; } .detailed__availability { min-width: 135px; height: 100%; display: flex; justify-content: center; align-items: center; } .detailed__button .form-button { width: 100%; } .detailed__button .form-button span { padding-left: 0; padding-right: 0; } .detailed__button .form-button_red { border-color: #f00; } .detailed__button .form-button_analoque { border-color: #9FD6F7; } .detailed__caption { font-size: 20px; } .detailed__analog-wrap { width: calc(100% + 30px); margin-left: -15px; margin-right: -15px; padding-left: 15px; padding-right: 15px; } .change-password__row { flex-wrap: wrap; flex-direction: column-reverse; margin-top: 20px; } .change-password__col_left { flex: 0 0 100%; margin: 0; } .change-password__col_right { display: none; } .change-password__desc { display: block; text-align: center; } .change-password__link-wrap { justify-content: center; } .table tr { display: block; border: 1px solid #f9fafb; } .table th, .table td { display: block; padding: 8px 10px; } .table th:first-child, .table td:first-child { padding-top: 14px; } .table th:last-child, .table td:last-child { padding-bottom: 14px; } .table th { display: none; } .table td { font-size: 14px; } .table td:before { content: attr(data-title); display: block; color: #999; font-size: 13px; line-height: 1.3; font-weight: normal; margin-bottom: 6px; } .table_similar tr th:nth-child(n+2), .table_similar tr td:nth-child(n+2) { text-align: left; } .vin-block__title-block { width: 100%; } .vin-block__row { justify-content: space-between; margin-bottom: 3px; } .vin-block__title { margin-right: 0; font-size: 14px; line-height: 150%; } .vin-block__footnote { font-size: 10px; line-height: 100%; } .vin-block__info-text { justify-content: flex-end; } .vin-block__info-text p { display: block; margin-bottom: 0; margin-right: 5px; font-size: 11px; font-weight: 400; line-height: 150%; color: rgba(74, 130, 196, 0.7); } .vin-block__input-block { width: 100%; margin-right: 0; } .vin-block__input { width: 17px; height: 40px; margin-right: 3px; font-size: 15px; line-height: 15px; } .vin-block__input:last-child { margin-right: 0; } .vin-block__caption { margin-bottom: 14px; } .vin-block__wrap { justify-content: flex-end; } .vin-block__wrap.active .vin-block__info { top: 24px; left: auto; right: 0; } .vin-block__info { width: 345px; padding-right: 20px; } .vin-block__close-btn { top: 4px; right: 4px; } .brand-inner__wrap { margin-bottom: 40px; } .brand-inner__wrap .brand-inner__col:nth-child(1) { width: 100%; margin-bottom: 38px; } .brand-inner__wrap .brand-inner__col:nth-child(2) { width: 100%; padding-left: 0; } .brand-inner__card { margin-bottom: 40px; } .brand-inner__card-img-block { height: 211px; } .brand-inner__text { margin-bottom: 24px; } .brand-inner__img-wrap { margin-left: -5px; padding-right: 0; } .brand-inner__img-block { width: 280px; height: 180px; padding-left: 5px; padding-right: 5px; } .brand-inner__img-block:nth-child(n+2):not(.slick-slide) { display: none; } .brand-inner__img-block.slick-slide { opacity: 0.4; } .brand-inner__img-block.slick-slide.slick-active { opacity: 1; } .brand-inner__item { width: calc(100% / 2 - 10px); } .brand-inner__more-btn { margin-left: auto; margin-top: 30px; padding: 0; background-color: transparent; } .brand-inner_light .brand-inner__btn { margin-top: 25px; max-width: 100%; } .brand { padding-top: 20px; padding-bottom: 0; } .brand__list { flex-direction: column; margin-left: -10px; margin-right: -10px; padding-left: 0; padding-right: 0; } .brand__list .slick-list { overflow: visible; } .brand__item { width: 50%; } .brand__item:not(.slick-slide):nth-child(n+3) { display: none; } .brand__link { height: 80px; padding: 8px; } .brand__icon-arrow { width: 16px; height: 16px; } .current-block__title { font-size: 20px; } .promotion { margin-bottom: 20px; padding-bottom: 40px; } .promotion__tabs { margin-top: 20px; font-size: 12px; } .promotion__tabs-item { padding: 10px 26px; } .promotion__slider_flex { margin: -20px 0 0; } .promotion__slider_flex .promotion__item { width: 100%; margin: 20px 0 0; } .promotion__item { border-top-left-radius: 20px; border-bottom-right-radius: 20px; } .promotion__more { color: #FFF200; } .promotion__more svg { display: block; } .promotion__link { margin-left: 0; width: 100%; max-width: 100%; } .widget-cart { display: none; right: 30px; top: 140px; } .widget-cart__wrap { width: 65px; height: 65px; } .widget-cart__wrap svg { width: 36px; height: 36px; } .input-text__label { font-size: 11px; } .form-button span.form-button__mob-hidden { display: none; } .textarea-text__label { width: calc(100% - 75px); overflow: hidden; text-overflow: ellipsis; } .fs-wrap.fs-has-selected .fs-label-wrap { background: none; padding: 0; } .fs-wrap.fs-has-selected .fs-reset { display: none; } .fs-wrap.fs-has-selected .fs-arrow { display: block; } .fs-wrap.fs-open .fs-dropdown { position: fixed; top: 52px; width: 100%; left: 0; height: calc(100% - 51px); padding: 15px 0; max-width: 345px; right: 0; margin: 0 auto; box-shadow: none; } .fs-label-wrap { border: none; border-radius: 0; padding: 0; } .fs-label-wrap .fs-label { padding: 0px 34px 0px 0; font-size: 16px; } .fs-label-wrap .fs-label-count { padding: 0; margin-right: 0; padding-right: 30px; width: 131px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-weight: normal; pointer-events: none; } .fs-dropdown:before { display: none; } .fs-dropdown .fs-options { margin-bottom: 0; max-height: calc(100vh - 220px); } .fs-dropdown__bottom { padding: 20px; } .fs-arrow { transform: rotate(-90deg); width: 20px; height: 20px; } .fs-arrow svg { width: 20px; height: 20px; } .fs-arrow { right: 0; } .fs-fastselect { display: none; } .fs-search { margin-left: -15px; margin-right: -15px; margin-top: -15px; } .fs-search:before { content: ''; width: 100vw; height: 100%; background-color: #F9FAFB; position: absolute; top: 0; left: 50%; transform: translateX(-50%); z-index: -1; } .fs-search input { font-size: 16px; background: #F9FAFB; border: none; border-radius: 0; height: 70px; padding-left: 65px; } .fs-search-ico { display: block; width: 30px; height: 30px; position: absolute; top: 20px; left: 15px; stroke: #333; } .fs-option { font-size: 16px; } .fs-no-results { font-size: 16px; } .fs-wrap.multiple .fs-option .fs-checkbox { flex: 0 0 24px; width: 24px; height: 24px; margin-right: 25px; } .fs-wrap.multiple .fs-checkbox:before { background-size: 15px 15px; background-position: 4px 4px; } .datepicker { width: 230px; } .request .form-button { max-width: none; } .request__wrap { padding: 20px 30px 30px; } .request__desc { margin-bottom: 20px; } .main-office { padding-top: 40px; padding-bottom: 20px; } .main-office_no-indent { position: relative; padding-top: 0; padding-bottom: 80px; } .main-office_no-indent::before { position: absolute; left: 15px; right: 15px; bottom: 0; content: ''; display: block; height: 1px; background-color: #000; } .main-office__title { font-size: 20px; font-weight: 400; line-height: 30px; } .main-office__title_sm { font-size: 20px; font-weight: 500; line-height: 30px; } .main-office__info-block { padding: 20px; } .main-office__text_t-indent { margin-top: 0; } .main-office__address { line-height: 18px; } .main-office__phone { font-size: 26px; font-weight: 400; line-height: 36px; } .main-office__img-block { display: block; } .main-office__img-item { height: 250px; } .main-office__info-item { margin-bottom: 20px; } .main-office__email { font-size: 18px; line-height: 22px; } .main-office__time { font-size: 18px; line-height: 22px; } .main-office.main-office_cooperation .main-office__text { font-size: 14px; } .main-office.main-office_cooperation .main-office__phone { font-weight: 500; font-size: 18px; line-height: 22px; } .vacancies__img-block { margin-bottom: 32px; border-radius: 0 20px 0 20px; } .vacancies__title { font-size: 16px; line-height: 24px; text-align: left; } .vacancies__text { margin-bottom: 40px; } .vacancies__info-block-list { flex-direction: column; margin-bottom: 60px; padding-top: 20px; padding-bottom: 20px; } .vacancies__info-block-item { width: 100%; } .vacancies__info-block-item:not(:last-child) { padding-bottom: 20px; border-right: none; border-bottom: 1px solid #607C8E; } .vacancies__info-block-item:nth-child(2) .vacancies__info-block-item-wrap { padding-top: 20px; margin-left: 0; margin-right: 0; } .vacancies__info-block-item:last-child .vacancies__info-block-item-wrap { padding-top: 20px; margin-left: 0; padding-left: 0; padding-right: 0; } .vacancies__info-number { font-size: 80px; line-height: 77px; } .vacancies__info-text { line-height: 26px; } .vacancies__feature-list { grid-template-columns: repeat(2, 1fr); margin-bottom: 60px; } .vacancies__feature-item { position: relative; min-height: 250px; padding: 10px; background-color: #4A82C426; } .vacancies__top-block { flex-direction: column; } .vacancies__bottom-block svg { position: absolute; top: 10px; right: 10px; width: 32px; height: 32px; } .vacancies__desc-wrap { max-width: none; margin-top: 25px; text-align: left; } .vacancies__caption { font-size: 16px; line-height: 19px; word-break: break-all; text-align: left; } .vacancies__caption br { display: block; } .vacancies__item { margin-bottom: 6px; padding: 20px 20px 70px; flex-direction: column; } .vacancies__left-block { width: 100%; } .vacancies__header { margin-bottom: 12px; font-size: 20px; line-height: 30px; } .vacancies__link { position: absolute; left: 20px; bottom: 20px; } .vacancies__small-desc { width: 100%; line-height: 19px; } .vacancies__btn { height: auto; background-color: transparent; } .vacancies__btn svg { stroke: #4A82C4; } .vacancies__content h2 { font-size: 16px; line-height: 24px; } .vacancies__content ul { margin-bottom: 40px; } .vacancies_dark .vacancies__info-block-item:not(:last-child) { border-right: none; border-bottom: 1px solid #484848; } .cooperation__title { font-size: 20px; margin-bottom: 30px; } .intro__wrap { border-radius: 40px 0 40px 0; } .intro__content { padding: 20px; } .intro__title { font-size: 40px; margin-bottom: 10px; } .intro__text { font-size: 16px; } .intro__item:not(:last-child) { max-width: 100%; margin: 0 0 30px; } .dealership__title { font-size: 24px; line-height: 34px; margin-bottom: 13px; } .dealership__icon { margin-bottom: 13px; } .dealership__text { font-size: 14px; line-height: 20px; } .dealership__row { margin: -15px 0 0; } .dealership__item { margin: 15px 0 0; max-width: 100%; font-size: 14px; line-height: 20px; border-radius: 20px 0 20px 0; } .dealership__item_border { border-radius: 0 20px 0 20px; } .dealership__item:nth-child(1) { max-width: 100%; } .dealership__item:nth-child(2) { max-width: 100%; } .dealership__item:nth-child(3) { max-width: 100%; } .dealership__item:nth-child(4) { max-width: 100%; } .dealership__item:nth-child(5) { max-width: 100%; } .dealership__item:nth-child(6) { max-width: 100%; } .dealership__item:nth-child(7) { max-width: 100%; } .dealership__item:last-child { border-radius: 20px 0 20px 0; } .process__title { font-size: 24px; line-height: 34px; } .process__item { font-size: 14px; padding: 15px 0; } .process__callback { margin-top: 25px; } .process__callback-text { text-align: start; } .conditions__title { font-size: 24px; line-height: 34px; margin-bottom: 15px; } .conditions__row { margin: -15px 0 0; } .conditions__item { width: 100%; border-radius: 0 20px 0 20px; margin: 15px 0 0; } .conditions__text { font-size: 14px; line-height: 20px; } .partner-reviews__title { font-size: 24px; line-height: 34px; } .partner-reviews__wrap { padding: 20px 20px 70px; } .partner-reviews__img { max-width: 100%; margin: -110px 0 20px auto; transform: translateX(20px); } .partner-reviews__slider .slick-arrow { bottom: -40px; } .partner-reviews__slider .slick-prev { right: auto; left: 0; } .partner-reviews__slider .slick-next { right: auto; left: 40px; } .partner-reviews__logo { max-width: 128px; margin-bottom: 30px; } .partner-reviews__subtitle { line-height: 135%; } } @media (max-width: 500px) { .vin-block__btn { width: 100%; } } @media (max-width: 420px) { .product-video__grid { grid-template-columns: 1fr; grid-column-gap: 20px; grid-row-gap: 20px; } .product-video__icon svg { width: 35px; height: 35px; } } @media (max-width: 374px) { .detailed__availability { min-width: 115px; } .detailed__button .form-button { width: 120px; } } @media (max-width: 370px) { .advantages__ico { top: 20px; } } @media (max-width: 360px) { .product__gallery-item-wrap { height: 180px; } } @media (max-width: 350px) { .footer__cat-title-link { font-size: 11px; } } @media print { html.with-fancybox .wrapper { display: none; } } /* End */ /* Start:/local/templates/main/components/bitrix/search.title/main/style.css?17030140342160*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/bitrix/search.title/main/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .search-result__link span.gray { color: #BDBDBD; } /* End */ /* Start:/local/templates/main/components/bitrix/sale.basket.basket.line/header_controls/style.css?170301403496*/ .header__control-dot{ display: none; } .header__control-dot.is-active{ display: block; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/main/style.css?1750243236262*/ .header__category-item.active .header__category-ico svg{ fill: #FFF200; } .header__category-item.active .header__category-ico.header__category-ico_stroke svg{ stroke: #FFF200; } .header__category-item.active .header__category-name { color: #FFF200; } /* End */ /* Start:/local/templates/main/assets/bx-styles/messengers.css?17219225971131*/ .messengers { position: fixed; right: 40px; bottom: 30px; z-index: 1000 } .messengers__list { display: flex; flex-direction: column; align-items: flex-end } .messengers__item { position: relative; display: flex; justify-content: space-between; align-items: center; width: 44px; height: 44px; margin-top: 7px; padding: 9px 9px 9px 20px; border-radius: 102px; transition: width .3s } .messengers__item_blue { background-color: #2aabee } .messengers__item_green { background-color: #25d366 } .messengers__text { visibility: hidden; opacity: 0; font-size: 16px; font-weight: 400; line-height: 20.88px; color: #fff } .messengers__icon { position: absolute; top: 50%; right: 9px; transform: translateY(-50%) } .messengers__icon_tel { right: 12px } @media (min-width:768px) { .messengers__item:hover { width: 204px } .messengers__item:hover .messengers__text { visibility: visible; opacity: 1; transition: opacity .2s .2s } } @media (max-width:768px) { .messengers { right: 10px; bottom: 10px } .messengers__item { margin-top: 5px } } /* End */ /* /local/templates/main/assets/libs/slick/slick.css?17030140461776 */ /* /local/templates/main/assets/libs/fancybox/jquery.fancybox.min.css?170301404612795 */ /* /local/templates/main/assets/libs/fancybox/fancybox.css?170496420815598 */ /* /local/templates/main/assets/libs/select2/css/select2.min.css?170301404516264 */ /* /local/templates/main/assets/libs/air-datepicker/datepicker.min.css?170301404612257 */ /* /local/templates/main/assets/styles/main.css?1750770834433980 */ /* /local/templates/main/components/bitrix/search.title/main/style.css?17030140342160 */ /* /local/templates/main/components/bitrix/sale.basket.basket.line/header_controls/style.css?170301403496 */ /* /local/templates/main/components/bitrix/menu/main/style.css?1750243236262 */ /* /local/templates/main/assets/bx-styles/messengers.css?17219225971131 */