/* Start:/local/templates/general/assets/css/jquery-ui.min.css?16843131953204*/ .ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-draggable-handle{-ms-touch-action:none;touch-action:none}.ui-menu{list-style:none;padding:0;margin:0;display:block;outline:0}.ui-menu .ui-menu{position:absolute}.ui-menu .ui-menu-item{position:relative;margin:0;padding:3px 1em 3px .4em;cursor:pointer;min-height:0;list-style-image:url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7")}.ui-menu .ui-menu-divider{margin:5px 0;height:0;font-size:0;line-height:0;border-width:1px 0 0 0}.ui-menu .ui-state-focus,.ui-menu .ui-state-active{margin:-1px}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item{padding-left:2em}.ui-menu .ui-icon{position:absolute;top:0;bottom:0;left:.2em;margin:auto 0}.ui-menu .ui-menu-icon{left:auto;right:0}.ui-selectmenu-menu{padding:0;margin:0;position:absolute;top:0;left:0;display:none}.ui-selectmenu-menu .ui-menu{overflow:auto;overflow-x:hidden;padding-bottom:1px}.ui-selectmenu-menu .ui-menu .ui-selectmenu-optgroup{font-size:1em;font-weight:bold;line-height:1.5;padding:2px .4em;margin:.5em 0 0 0;height:auto;border:0}.ui-selectmenu-open{display:block}.ui-selectmenu-button{display:inline-block;overflow:hidden;position:relative;text-decoration:none;cursor:pointer}.ui-selectmenu-button span.ui-icon{right:.5em;left:auto;margin-top:-8px;position:absolute;top:50%}.ui-selectmenu-button span.ui-selectmenu-text{text-align:left;padding:.4em 2.1em .4em 1em;display:block;line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default;-ms-touch-action:none;touch-action:none}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0} /* End */ /* Start:/local/templates/general/assets/css/magnific-popup.css?16843131955967*/ .mfp-bg{top:0;left:0;width:100%;height:100%;z-index:1042;overflow:hidden;position:fixed;background:#0b0b0b;opacity:.5;filter:alpha(opacity=50)}.mfp-wrap{top:0;left:0;width:100%;height:100%;z-index:1043;position:fixed;outline:none!important;-webkit-backface-visibility:hidden}.mfp-container{text-align:center;position:absolute;width:100%;height:100%;left:0;top:0;padding:0 8px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-container:before{content:'';display:inline-block;height:100%;vertical-align:middle}.mfp-align-top .mfp-container:before{display:none}.mfp-content{position:relative;display:inline-block;vertical-align:middle;margin:0 auto;text-align:left;z-index:1045}.mfp-inline-holder .mfp-content,.mfp-ajax-holder .mfp-content{width:100%;cursor:auto}.mfp-ajax-cur{cursor:progress}.mfp-zoom-out-cur,.mfp-zoom-out-cur .mfp-image-holder .mfp-close{cursor:-moz-zoom-out;cursor:-webkit-zoom-out;cursor:zoom-out}.mfp-zoom{cursor:pointer;cursor:-webkit-zoom-in;cursor:-moz-zoom-in;cursor:zoom-in}.mfp-auto-cursor .mfp-content{cursor:auto}.mfp-close,.mfp-arrow,.mfp-preloader,.mfp-counter{-webkit-user-select:none;-moz-user-select:none;user-select:none}.mfp-loading.mfp-figure{display:none}.mfp-hide{display:none!important}.mfp-preloader{color:#CCC;position:absolute;top:50%;width:auto;text-align:center;margin-top:-0.8em;left:8px;right:8px;z-index:1044}.mfp-preloader a{color:#CCC}.mfp-preloader a:hover{color:#FFF}.mfp-s-ready .mfp-preloader{display:none}.mfp-s-error .mfp-content{display:none}button.mfp-close,button.mfp-arrow{overflow:visible;cursor:pointer;background:transparent;border:0;-webkit-appearance:none;display:block;outline:0;padding:0;z-index:1046;-webkit-box-shadow:none;box-shadow:none}button::-moz-focus-inner{padding:0;border:0}.mfp-close{width:44px;height:44px;line-height:44px;position:absolute;right:0;top:0;text-decoration:none;text-align:center;opacity:.65;filter:alpha(opacity=65);padding:0 0 18px 10px;color:#FFF;font-style:normal;font-size:28px;font-family:Arial,Baskerville,monospace}.mfp-close:hover,.mfp-close:focus{opacity:1;filter:alpha(opacity=100)}.mfp-close:active{top:1px}.mfp-close-btn-in .mfp-close{color:#333}.mfp-image-holder .mfp-close,.mfp-iframe-holder .mfp-close{color:#FFF;right:-6px;text-align:right;padding-right:6px;width:100%}.mfp-counter{position:absolute;top:0;right:0;color:#CCC;font-size:12px;line-height:18px;white-space:nowrap}.mfp-arrow{position:absolute;opacity:.65;filter:alpha(opacity=65);margin:0;top:50%;margin-top:-55px;padding:0;width:90px;height:110px;-webkit-tap-highlight-color:transparent}.mfp-arrow:active{margin-top:-54px}.mfp-arrow:hover,.mfp-arrow:focus{opacity:1;filter:alpha(opacity=100)}.mfp-arrow:before,.mfp-arrow:after,.mfp-arrow .mfp-b,.mfp-arrow .mfp-a{content:'';display:block;width:0;height:0;position:absolute;left:0;top:0;margin-top:35px;margin-left:35px;border:medium inset transparent}.mfp-arrow:after,.mfp-arrow .mfp-a{border-top-width:13px;border-bottom-width:13px;top:8px}.mfp-arrow:before,.mfp-arrow .mfp-b{border-top-width:21px;border-bottom-width:21px;opacity:.7}.mfp-arrow-left{left:0}.mfp-arrow-left:after,.mfp-arrow-left .mfp-a{border-right:17px solid #FFF;margin-left:31px}.mfp-arrow-left:before,.mfp-arrow-left .mfp-b{margin-left:25px;border-right:27px solid #3f3f3f}.mfp-arrow-right{right:0}.mfp-arrow-right:after,.mfp-arrow-right .mfp-a{border-left:17px solid #FFF;margin-left:39px}.mfp-arrow-right:before,.mfp-arrow-right .mfp-b{border-left:27px solid #3f3f3f}.mfp-iframe-holder{padding-top:40px;padding-bottom:40px}.mfp-iframe-holder .mfp-content{line-height:0;width:100%;max-width:900px}.mfp-iframe-holder .mfp-close{top:-40px}.mfp-iframe-scaler{width:100%;height:0;overflow:hidden;padding-top:56.25%}.mfp-iframe-scaler iframe{position:absolute;display:block;top:0;left:0;width:100%;height:100%;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#000}img.mfp-img{width:auto;max-width:100%;height:auto;display:block;line-height:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;padding:40px 0 40px;margin:0 auto}.mfp-figure{line-height:0}.mfp-figure:after{content:'';position:absolute;left:0;top:40px;bottom:40px;display:block;right:0;width:auto;height:auto;z-index:-1;box-shadow:0 0 8px rgba(0,0,0,0.6);background:#444}.mfp-figure small{color:#bdbdbd;display:block;font-size:12px;line-height:14px}.mfp-figure figure{margin:0}.mfp-bottom-bar{margin-top:-36px;position:absolute;top:100%;left:0;width:100%;cursor:auto}.mfp-title{text-align:left;line-height:18px;color:#f3f3f3;word-wrap:break-word;padding-right:36px}.mfp-image-holder .mfp-content{max-width:100%}.mfp-gallery .mfp-image-holder .mfp-figure{cursor:pointer}@media screen and (max-width:800px) and (orientation:landscape),screen and (max-height:300px){.mfp-img-mobile .mfp-image-holder{padding-left:0;padding-right:0}.mfp-img-mobile img.mfp-img{padding:0}.mfp-img-mobile .mfp-figure:after{top:0;bottom:0}.mfp-img-mobile .mfp-figure small{display:inline;margin-left:5px}.mfp-img-mobile .mfp-bottom-bar{background:rgba(0,0,0,0.6);bottom:0;margin:0;top:auto;padding:3px 5px;position:fixed;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.mfp-img-mobile .mfp-bottom-bar:empty{padding:0}.mfp-img-mobile .mfp-counter{right:5px;top:3px}.mfp-img-mobile .mfp-close{top:0;right:0;width:35px;height:35px;line-height:35px;background:rgba(0,0,0,0.6);position:fixed;text-align:center;padding:0}}@media all and (max-width:900px){.mfp-arrow{-webkit-transform:scale(0.75);transform:scale(0.75)}.mfp-arrow-left{-webkit-transform-origin:0 0;transform-origin:0 0}.mfp-arrow-right{-webkit-transform-origin:100%;transform-origin:100%}.mfp-container{padding-left:6px;padding-right:6px}}.mfp-ie7 .mfp-img{padding:0}.mfp-ie7 .mfp-bottom-bar{width:600px;left:50%;margin-left:-300px;margin-top:5px;padding-bottom:5px}.mfp-ie7 .mfp-container{padding:0}.mfp-ie7 .mfp-content{padding-top:44px}.mfp-ie7 .mfp-close{top:0;right:0;padding-top:0} /* End */ /* Start:/local/templates/general/assets/css/owl.carousel.min.css?16843131953534*/ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel .animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut}@-webkit-keyframes fadeOut{0%{opacity:1}100%{opacity:0}}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{-webkit-transition:height .5s ease-in-out;-moz-transition:height .5s ease-in-out;-ms-transition:height .5s ease-in-out;-o-transition:height .5s ease-in-out;transition:height .5s ease-in-out}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;width: 100%;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-controls .owl-dot,.owl-carousel .owl-controls .owl-nav .owl-next,.owl-carousel .owl-controls .owl-nav .owl-prev{cursor:pointer;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-loaded{display:block}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel .owl-refresh .owl-item{display:none}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto}.owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.no-js .owl-carousel{display:block}.owl-carousel .owl-item .owl-lazy{-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/general/assets/css/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale .1s ease;-moz-transition:scale .1s ease;-ms-transition:scale .1s ease;-o-transition:scale .1s ease;transition:scale .1s ease}.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3,1.3);-moz-transition:scale(1.3,1.3);-ms-transition:scale(1.3,1.3);-o-transition:scale(1.3,1.3);transition:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity .4s ease;-moz-transition:opacity .4s ease;-ms-transition:opacity .4s ease;-o-transition:opacity .4s ease;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1} /* End */ /* Start:/local/templates/general/assets/css/countdown.css?16843131951083*/ /* jQuery Countdown styles 2.0.0. */ .is-countdown { background-color: #ef8b43; border-radius: 5px; } .countdown-rtl { direction: rtl; } .countdown-row { height: 44px; display: -webkit-box; display: -ms-flexbox; display: flex; } .countdown-section { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: white; float: left; font-size: 75%; text-align: center; width: 56px; line-height: 1; position: relative; } .countdown-section:not(:last-child)::after { content: ''; width: 1px; height: 22px; background-color: #ffae73; position: absolute; right: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .countdown-amount { font-size: 21px; font-weight: 500; } .countdown-period { display: block; font-size: 11px; text-transform: lowercase; margin-top: 1px; } .countdown-descr { display: block; width: 100%; } /* End */ /* Start:/local/templates/general/assets/css/styles_2.css?1750950425344265*/ .header__button--catalog-button span::after { content: ''; position: absolute; display: block; background: url("/bitrix/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 24.324324324324323%; width: 14px; height: 10px; top: 20px; right: -2px; transform: scale(1.5, 1.5) } #dostavich .table-wrapper { float: left; width: calc(100% / 3); margin: 0; margin-left: -1px } #dostavich table { width: 100% } #dostavich td { width: 50%; padding: 5px 18px } .content-container:after { content: ''; display: block; clear: both } a.disabled { cursor: not-allowed } * { margin: 0; padding: 0 } *, *:before, *:after { box-sizing: inherit } html, body { min-height: 100% } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; box-sizing: border-box } body { height: 100%; color: #222227; font: 14px/1.4em "Open Sans", sans-serif; background-color: #fff } .header, .footer { width: 100%; position: relative } section { position: relative } .content-container { margin: 0 auto; position: relative; max-width: 1400px } .page-wrapper { display: table; width: 100%; table-layout: fixed; position: relative } .header, .main-content { display: table-row } .main-content { height: 100% } a { cursor: pointer; color: #ff652e; transition: all .25s linear; text-decoration: none } a.default { color: #222227 } a.default:hover { color: #ff652e } a.underline { border-bottom: 1px solid } a:focus { outline: 0 } a:hover { text-decoration: none } .nowrap { white-space: nowrap } img { border: 0; margin-bottom: 1.1em; object-fit: cover; max-width: 100% } img[align='left'], img.left { margin-right: 2.2em; max-width: 50% } img[align='right'], img.right { margin-left: 2.2em; max-width: 50% } img:last-child { margin-bottom: 0 } p { margin-bottom: 1.1em } p:empty { display: none } p:last-child { margin-bottom: 0 } h1 { margin: 30px 0; font: bold 30px Roboto, sans-serif; line-height: 45px; text-transform: uppercase } h2 { margin: 28px 0; font: bold 24px Roboto, sans-serif; line-height: 24px; text-transform: uppercase } h3 { margin: 24px 0; font: bold 24px Roboto, sans-serif; line-height: 36px; text-transform: uppercase } h4 { margin: 20px 0; font: bold 20px Roboto, sans-serif; line-height: 30px; text-transform: uppercase } h5 { margin: 18px 0; font: bold 18px Roboto, sans-serif; line-height: 27px; text-transform: uppercase } h6 { margin: 15px 0; font: bold 15px Roboto, sans-serif; line-height: 24px; text-transform: uppercase } h1, h2, h3, h4, h5, h6 { color: #222227; letter-spacing: 0 } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0 } figure { margin-bottom: 1.1em } figure.left { float: left; margin-right: 2.2em } figure.right { float: right; margin-left: 2.2em } figure img, figure iframe { margin: 0 } figure:last-child { margin-bottom: 0 } figcaption { font-style: italic } input, textarea, select { -webkit-appearance: none; -moz-appearance: none } input:focus, textarea:focus, select:focus { border-color: #ff652e } input.error, textarea.error, select.error { border-color: #ee490e } input::-ms-clear, input::-ms-reveal { width: 0; height: 0; display: none } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset } textarea { resize: vertical; overflow: auto } label { display: inline-block; margin-bottom: .3em } .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } input[type='checkbox'], input[type='radio'] { display: none } input[type='file'] { display: none } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999 !important } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999 !important } input::-moz-placeholder, textarea::-moz-placeholder { color: #999 !important } input.placeholder, textarea.placeholder { color: #999 } ::-webkit-input-placeholder { opacity: 1 !important } :-ms-input-placeholder { opacity: 1 !important } ::-moz-placeholder { opacity: 1 !important } form { position: relative } fieldset { border: 0 } .form-group { margin-bottom: 1.1em } table { border-spacing: 0; border-collapse: collapse; border: 1px solid #ccc; margin-bottom: 1.1em } table:last-child { margin-bottom: 0 } caption { margin-bottom: 1.1em } th { font-weight: bold; text-align: left } th, td { color: #333; border: 1px solid #ccc; padding: 14px 18px } ul { list-style: none } ul li { position: relative } ul li:before { content: ''; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #777; top: .77em; left: -1em; margin-top: -3px } ul, ol { padding-left: 2em; margin-bottom: 1.1em } ul:last-child, ol:last-child { margin-bottom: 0 } li { margin-bottom: .5em } li ul { margin-top: 1.1em } hr { border: 0; border-top: 1px solid #ccc; margin: .55em 0 } mark { background-color: transparent; color: #ee490e } small { font-size: 80% } abbr { cursor: help; border-bottom: 1px dotted #333 } address { font-style: normal } blockquote { position: relative; padding: 1.65em; margin: 2.2em 0; font-size: 18px; line-height: 1.6em } blockquote:before, blockquote:after { content: ''; position: absolute; display: block; width: 100%; left: 0; border-top: 5px solid #ccc } blockquote:before { top: 0 } blockquote:after { bottom: 0 } blockquote:last-child { margin-bottom: 0 } blockquote p { width: 80%; margin: 0 auto; text-align: center } sup, sub { line-height: 0; font-size: 70% } .left { float: left } .right { float: right } .lead { font-size: 1.5em; line-height: 1.4em; margin-bottom: 1.6em } .text-right { text-align: right } .inline { display: inline-block } .border { border: 1px solid #ccc } .breadcrumbs__list:after, .quantity__container:after, .items-slider__title-container:after, .catalog-item-aside__links:after, .catalog-item-aside__colors:after, .popup-form__row:after { content: ''; display: block; clear: both } .button[disabled], input[disabled], textarea[disabled], select[disabled], button[disabled] { cursor: not-allowed; border: 0 } input, select, textarea { display: block; width: 100%; color: #222227; height: 36px; outline: 0; border: 1px solid #bdbdbd; background-color: #fff; font: 16px/normal "Open Sans", sans-serif; padding: 0 10px; border-radius: 6px } textarea { height: auto; padding: 7px 11px 0 } .button, button { display: inline-block; height: 35px; outline: 0; border: 1px solid #ff652e; background-color: #ff652e; font: 14px/33px "Open Sans", sans-serif; padding: 0 20px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; text-decoration: none; text-align: center; position: relative; transition: all .25s linear; border-radius: 8px } .button > span, button > span { display: block; position: relative; top: 0; left: 0; width: 100% } .button:hover, button:hover { background-color: #ee490e; color: #fff; border-color: #ee490e } .button_call { margin-top: 10px; margin-bottom: 20px } .button--secondary { color: #ff652e; background-color: #fff; font-weight: 600 } .button--secondary:hover { color: #fff; background-color: #ff652e; border-color: #ff652e } .button--w-icon { display: inline-flex; align-items: center } .button--w-icon svg:first-child { margin-right: 5px } .button--w-icon svg:last-child { margin-left: 0px } .button--w-icon .icon-small-cart { width: 20px; height: 20px; color: #fff } .button--md { padding-left: 32px; padding-right: 32px; font-weight: 700 } .one-click-buy { margin-right: 15px; white-space: nowrap } .product_view .one-click-buy { width: 100%; margin: 20px 0; height: 40px; font-weight: 700; line-height: 38px } .radio { position: relative } .radio label { cursor: pointer; margin: 0; padding-left: 26px; color: #333; transition: all .25s linear } .radio label:before { content: ''; position: absolute; display: block; top: 2px; left: 0; width: 14px; height: 14px; border-radius: 50%; background-color: #f5f5f5; border: 1px solid #ccc } .radio label:after { display: block; position: absolute; top: 6px; left: 4px; width: 6px; height: 6px; border-radius: 50%; background-color: #fff } .radio input:checked + label { cursor: default; color: #000 } .radio input:checked + label:before { border-color: #ff652e; background-color: #ff652e } .radio input:checked + label:after { content: '' } .radio:hover label { color: #000 } .checkbox { position: relative } .checkbox .icon:last-child { margin-left: 4px } .checkbox .icon--info { margin-bottom: -5px } .checkbox label { cursor: pointer; margin: 0; padding-left: 29px; color: #000; transition: all .25s linear } .checkbox label:before { content: ''; position: absolute; display: block; top: 2px; left: 0; width: 14px; height: 14px; border: 1px solid #b3b3b3; box-sizing: border-box; border-radius: 4px } .checkbox label:after { display: block; position: absolute; top: 5px; left: 3px; width: 8px; height: 8px; background-color: #fff; border-radius: 1px } .checkbox input:checked + label { color: #000 } .checkbox input:checked + label:before { border-color: #ff652e; background-color: #ff652e } .checkbox:hover label { color: #000 } #bx-panel a { transition: none } .fw-bold { font-weight: bold } .offcanvas { position: fixed; z-index: 500; height: 100%; left: -270px } .offcanvas__menu { width: 270px; height: 100%; overflow-y: auto; overflow-x: hidden; min-height: 100%; background-color: #fff } .offcanvas-menu__inner { width: 540px; position: relative; overflow-x: hidden; padding-bottom: 20px } .offcanvas-menu__inner.inner-active { overflow: hidden } .filters-opened .offcanvas-menu__inner { display: none } .filters__filter:last-child .bx-filter-block { height: auto !important } .offcanvas__shim { opacity: 0; top: -9999px; left: 270px; background-color: #000; width: 100vw; height: 100vh; position: absolute; z-index: -1; cursor: pointer; transition: opacity .4s ease-out } .offcanvas__shim:before { content: ''; position: absolute; display: block; top: 16px; left: 16px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 84.07643312101911% 96.47887323943662%; width: 16px; height: 16px } .menu-opened .offcanvas__shim { z-index: 1000; opacity: .8; top: 0 } .menu-opened-end { overflow: hidden } .menu-opened-end body, .menu-opened-end .page-wrapper { overflow: hidden } .menu-closed .offcanvas__shim { opacity: 0 } .filters-opened .offcanvas { left: auto !important; right: -270px } .filters-opened .offcanvas__shim { right: 100%; left: auto } .filters-opened .offcanvas__shim:before { left: auto; right: 16px } .filters-opened-large .offcanvas { width: 100%; right: -100% } .filters-opened-large .offcanvas__menu { width: 100% } .filters-opened-large .offcanvas__shim:before { display: none } .page-title-section { padding-top: 36px } .page-title { padding: 0 15px } .page-title__title { font: 36px/normal "Open Sans", sans-serif } .page-title__title.reduced { width: calc(100% - 260px) } .breadcrumbs { padding: 25px 0 } .breadcrumbs + .page-title-section { padding-top: 0 } .breadcrumbs__list { margin: 0; padding: 0 15px; display: flex; justify-content: flex-start; flex-wrap: wrap } .breadcrumbs__item { float: left; margin: 0; position: relative; font-size: 13px } .breadcrumbs__item a { color: #999 } .breadcrumbs__item:not(:last-child) { padding-right: 18px } .breadcrumbs__item:not(:last-child):after { position: absolute; top: 0; right: 2px; content: '/'; color: #999; width: 10px; height: 19px } .breadcrumbs__item:before { display: none } .container-gray { background: #f4f4f4; padding-top: 68px; padding-bottom: 50px } .container-gray .owl-dots { position: absolute; bottom: -35px } .container-gray__header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 26px } .container-gray__header p, .category__collection p { font-size: 18px; line-height: 25px; } .container-gray__title { width: 75%; font-size: 24px; display: block; position: relative; color: #000; text-transform: uppercase; font-weight: bold; transition: color .3s } .container-gray__all { font-weight: bold; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #595959 } .container-gray__subtitle { margin-top: 15px; transition: color .3s; text-transform: none; font-weight: 400; font-size: 16px; line-height: 24px; color: #000 } .container-gray__title:hover .container-gray__subtitle { color: #222227 } .container-gray .project__box { padding: 0 } .container-gray .index-brands { padding: 0 15px } .container-gray .owl-prev, .container-gray .owl-next { background-color: #fff } .quantity__container { display: block; clear: both; width: 110px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 8px } .quantity__button { float: left; width: 34px; height: 36px; border: 0; text-decoration: none; text-align: center; font: 22px/32px "Open Sans", sans-serif; color: #ff562e; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .quantity__button:hover { color: #000 } .quantity__button.disabled { color: #ccc } .quantity__input { width: 40px; padding: 0; text-align: center; border-radius: 0; border: none !important; float: left; font-size: 16px; color: #000; background-color: rgba(0, 0, 0, 0.05) } .items-slider { padding-top: 38px } .items-slider:last-child .content-container { padding-bottom: 35px } .items-slider:last-child .content-container:after { display: none } .items-slider .content-container { padding-bottom: 70px } .items-slider__slider { padding-right: 15px; display: flex } .items-slider .owl-stage { display: flex } .items-slider .catalog-item { width: 100%; display: flex } .items-slider .catalog-item__inner { display: flex; flex-direction: column } .items-slider .owl-item .catalog-item__inner { min-width: 0 } .items-slider__title-container { padding: 0 15px; margin-bottom: 3px } .items-slider__title { width: 75%; padding-right: 15px; float: left; font: 24px/28px Roboto, sans-serif; margin: 0; text-transform: uppercase; font-weight: 700; color: #000 } .items-slider__button--all-button { height: 36px; float: right; line-height: 36px; color: #595959; font-weight: 700; text-transform: uppercase } .items-slider__footer { text-align: center; margin-top: 30px } .items-slider .owl-prev, .items-slider .owl-next { top: 50%; margin-top: -56px } .project__box .owl-prev, .project__box .owl-next { top: 50%; margin-top: -24px } .project__box .owl-prev { left: 0 } .project__box .owl-next { right: 0 } .items-slider .owl-prev { left: -20px } .items-slider .owl-next { right: -20px } .owl-prev, .owl-next { width: 25px; height: 25px; border-radius: 50%; background-color: #f5f5f5; position: absolute; transition: all .25s linear } .owl-prev:before, .owl-next:before { content: ''; position: absolute; display: block; top: 5px; left: 6px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 76.54320987654322% 85.21126760563381%; width: 11px; height: 16px } .owl-prev.disabled, .owl-next.disabled { cursor: default !important; opacity: .2 } .owl-next { left: auto !important } .owl-next:before { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); left: 9px } .owl-carousel .owl-stage { display: flex } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; display: flex; justify-content: center } .owl-carousel .owl-item img { transform-style: flat } .index-news__slider .owl-carousel .owl-item img { height: 200px } .owl-dots { margin-top: 15px; left: 0; width: 100%; text-align: center; justify-content: center } .owl-dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #222227; display: inline-block } .owl-dot:not(:last-child) { margin-right: 10px } .owl-dot.active { background-color: #000 } .catalog-item { width: 230px; padding: 15px 15px 0 15px; float: left; position: relative; background-color: #fff } .catalog-item:not(:hover) .catalog-item__top { min-height: auto !important } .catalog-item__top { position: relative; z-index: 1 } .catalog-item__image-container { display: table; width: 170px; height: auto; min-height: 170px } .catalog-item__image-container > div { display: table-cell; text-align: left; vertical-align: middle } .catalog-item__image-link { display: inline-flex; max-height: 100%; background-size: contain; background-repeat: no-repeat; transition: none; position: relative; justify-content: left; } .catalog-item__image-link--shadow::before { content: ''; display: block; height: 5px; width: calc(100% - 20px); position: absolute; left: 25px; bottom: 3px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); box-shadow: 16px 0 7px 0 rgba(0, 0, 0, 0.6); z-index: 1; filter: drop-shadow(15px -12px 10px #000000) } .catalog-item__image-link--background { background-size: 0 } .catalog-item__image-link--background::after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover } .catalog-item__image { position: relative; z-index: 2; width: auto !important; max-width: none; height: auto; background: 0; object-fit: contain } .catalog-item__image[src$="preload.svg"] { max-height: 80px; max-width: 80px } .catalog-item__image:not([src$="preload.svg"]) { height: 280px; vertical-align: top; max-width: 100%; } .catalog-item__image.dveri:not([src$="preload.svg"]) { max-width: none !important; } .items-slider--similar .catalog-item { min-height: 1px !important } .items-slider--similar .catalog-item__image:not([src$="preload.svg"]) { height: 186px; object-fit: scale-down } .items-slider--similar .catalog-item__title-container { margin-bottom: auto } .items-slider--similar .catalog-item__price { margin-bottom: 0 } .catalog-item__title-container { margin-top: 12px } .catalog-item__title { text-decoration: none; color: #333; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font: 18px/normal Roboto, sans-serif; max-width: 170px; max-height: 62px } .catalog-item__title:hover { color: #000 } .catalog-item__price { margin-top: 12px; margin-bottom: auto } .catalog-item-price__discount { color: #ff652e; font-size: 20px; white-space: nowrap } .catalog-item-price__base { color: #ee490e; margin-top: 6px; font-size: 12px } .catalog-item-price__number { text-decoration: line-through; white-space: nowrap } .catalog-item-price__badge { background-color: #ee490e; line-height: 20px; padding: 0 5px; border-radius: 3px; color: #fff; display: inline-block; margin-left: 7px } .catalog-item__badge-container { position: absolute; top: 10px; left: -10px; height: 0; z-index: 10 } .catalog-item__badge { width: 56px; height: 56px; border-radius: 50%; color: #fff; text-align: center; font: 12px/56px "Open Sans", sans-serif; margin-bottom: 5px } .catalog-item__badge--hit { background-color: #40404b } .catalog-item__badge--new { background-color: #ff652e } .catalog-item__badge--discount { background-color: #ee490e; font-size: 16px } .catalog-item__badge--stores { line-height: normal; width: 60px; height: 60px; padding-top: 21px; background-color: #491760; font-size: 8px; text-transform: uppercase } .catalog-item__label { background-color: #ff652e; position: relative; height: 30px; line-height: 30px; min-width: 30px; display: table; padding-left: 10px; margin-bottom: 15px; font-weight: bold; color: #fff } .catalog-item__label:before { content: ''; display: block; position: absolute; top: 100%; left: 0; border: 5px solid transparent; border-top: 5px solid #ee490e; border-right: 5px solid #ee490e } .catalog-item__label:after { content: ''; display: block; position: absolute; top: -5px; left: 100%; border: 20px solid transparent; border-left: 20px solid #ff652e } .catalog-item__label:after{ border-left: 20px solid var(--before-background, #ff652e); } .catalog-item__label:before { border-top: 5px solid var(--before-background, #ff652e); border-right: 5px solid var(--before-background, #ff652e); } .catalog-item__label--dark { background-color: #40404b } .catalog-item__label--dark:before { border-top-color: #222227; border-right-color: #222227 } .catalog-item__label--dark:after { border-left-color: #40404b } .catalog-item__label--small { height: 20px; line-height: 20px; font-size: 12px; margin-right: 30px } .catalog-item__label--small:after { border-width: 13px; top: -3px } .catalog-item__buttons { margin-top: 13px } .catalog-item__inner { position: relative } .catalog-item__bg { display: none; position: absolute; background-color: #fff; width: calc(100% + 150px); height: calc(100% + 35px); border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); top: -15px; left: -15px; min-width: 330px } .catalog-item__bg_small .catalog-item__bg { /*width: auto;*/ /*min-width: 215px;*/ right: -15px } .catalog-item__aside { position: absolute; top: -9999px; left: 195px; width: 120px; padding-left: 15px; border-left: 1px solid #ccc; z-index: 1 } .catalog-item__aside .bx_item_detail_scu { margin-top: 18px } .catalog-item-aside__block:not(:first-child) { margin-top: 18px } .catalog-item-aside__title { font-size: 12px; margin-bottom: 8px; display: block } .catalog-item-aside__links a { display: inline-block; clear: both; float: left; text-decoration: none; color: #333 } .catalog-item-aside__links a:not(:last-child) { margin-bottom: 8px } .catalog-item-aside__links a:hover { color: #000 } .catalog-item-aside__links a.active { font-weight: bold } .catalog-item-aside__colors a { padding-top: 0 !important; float: left; width: 25px !important; height: 25px !important; border-radius: 50%; display: inline-flex; background-size: 100%; position: relative; z-index: 1; margin: 0 7px 7px 0 } .catalog-item-aside__colors a:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 50%; border: 1px solid #ccc; z-index: -1 } .catalog-item-aside__colors .imgcolor { border-radius: 50% } .catalog-item-aside__colors a.active:after { border-color: #333 } .catalog-item-aside__color { float: left; margin: 0 7px 7px 0; width: 23px; height: 23px; border-radius: 2px; display: block; background-size: 100%; position: relative; z-index: 1 } .catalog-item-aside__color:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc; z-index: -1 } .catalog-item-aside__color:nth-child(2n) { margin-right: 2px } .catalog-item-aside__color.active:after { border-color: #999 } .catalog-item__bottom { margin-top: 15px; display: none; width: 100%; } .catalog-item__button--more { float: left; padding: 0 15px; margin-top: 10px; min-width: 154px; } .catalog-item__compare { float: left; padding-left: 38px; color: #777; line-height: 35px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .catalog-item__compare a { color: #777; display: block; line-height: 35px; text-decoration: none } .catalog-item__compare.active { color: #ff652e } .catalog-item__compare.active a { color: #ff652e } .catalog-item__compare.active:before { background-position: 73.61111111111111% 0 } .catalog-item__compare.active .catalog-item-compare__text:after { border-color: #ff652e } .catalog-item__compare.active .catalog-item-compare__text--active { display: inline } .catalog-item__compare.active .catalog-item-compare__text--default { display: none } .catalog-item-compare__text { position: relative } .catalog-item-compare__text:after { content: ''; position: absolute; display: block; width: 100%; bottom: -1px; border-bottom: 1px solid #777; transition: all .25s linear } .catalog-item-compare__text--active { display: none } .catalog-item.right-item .catalog-item__bg { left: -160px } .catalog-item.right-item .catalog-item__bg_small .catalog-item__bg { /*left: -15px*/ } .catalog-item.right-item .catalog-item__aside { right: auto; left: -140px; border-left: none; border-right: 1px solid #ccc; padding: 0 15px 0 0 } .catalog-item .catalog-item__bg_small .catalog-item__bottom { margin: 0; width: 80%; position: relative; bottom: -20px } .catalog-item.right-item .catalog-item__bottom { /*margin-left: -32px*/ } .catalog-item .catalog-item__bg_small .catalog-item__title { max-width: none; } .catalog-item .catalog-item__bg_small .catalog-item__bg { height: calc(100% + 50px); width: auto; min-width: 0; left: -15px; } .white-popup { position: relative; background: #fff; padding: 40px 40px; width: auto; max-width: 580px; margin: 20px auto } .popup_info { display: flex; flex-direction: column; font-size: 14px; color: #8d8d8d; margin-top: 20px } .popup-form__label { font-size: 16px; color: #8d8d8d } .popup_info__row { display: flex; margin-top: 5px } .popup_info_first { font-size: 14px; color: #222227; font-weight: 400 } .popup_info_second { font-weight: bold; color: #222227 } .popup_info_dots { flex-grow: 1 } .popup__submit { text-transform: uppercase; font-weight: bold; position: relative; top: -10px } .popup_info_dots::after { content: ''; display: inline-block; vertical-align: baseline; width: 100%; height: 1px; min-width: 20px; background: linear-gradient(to right, #d4d4d4 0, #d4d4d4 2px, transparent 1px, transparent 4px) 0 0/4px 1px repeat-x } .feedback__item { width: 100%; padding: 24px 24px 31px; overflow: hidden; position: relative; margin-right: 30px; border: 1px solid #d9d9d9; box-sizing: border-box; border-radius: 8px } .feedback__item:before, .feedback__item:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 0 0; width: 28px; height: 63px; top: 14px; right: 14px } .feedback__item:after { right: 48px } .feedback__inner { position: relative; z-index: 10; overflow: hidden; text-overflow: ellipsis } .feedback__title { font-size: 14px; line-height: 24px; font-weight: 700; color: #000; margin-top: auto; margin-bottom: 4px } .feedback__date { color: #999; font-size: 14px; line-height: 24px; margin-bottom: 4px } .feedback__text { font: 16px/24px "Open Sans", sans-serif; display: block; position: relative; height: 144px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 18px } .feedback__stars { display: flex } .feedback__link { margin-top: 8px; display: inline-block; color: #ee490e; font-size: 12px } .sidebar { width: 200px; float: left; padding: 0 15px; position: relative; z-index: 100 } .sidebar + .text__content { width: calc(100% - 300px) } .sidebar--stores + div { width: calc(100% - 200px) !important } .sidebar--text { width: 300px } .sidebar__header--filter { font-size: 24px; font-weight: 600 } .sidebar__filters { padding-top: 15px } .sidebar__button--menu { display: none } .sidebar-menu__list { padding: 0 } .sidebar-menu__item { margin: 0 } .sidebar-menu__item:first-child .sidebar-menu__link { border-top-left-radius: 3px; border-top-right-radius: 3px } .sidebar-menu__item:first-child .sidebar-menu__title { border-top-left-radius: 3px; border-top-right-radius: 3px } .sidebar-menu__item:last-child .sidebar-menu__link { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .sidebar-menu__item:last-child .sidebar-menu__title { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .sidebar-menu__item:before { display: none } .sidebar-menu__link { padding: 10px 19px; display: block; margin-top: -1px; text-decoration: none; color: #777; border: 1px solid #ccc } .sidebar-menu__link:hover { color: #333 } .sidebar-menu__title { display: block; padding: 10px 19px; color: #333; background-color: #f5f5f5; margin-top: -1px; border: 1px solid #ccc } .tooltip-link { position: relative } .tooltip-link:before { position: absolute; content: ''; width: 100%; height: 5px; left: 0; display: none } .tooltip-link:hover:before { display: block } .tooltip-link:hover .tooltip { opacity: 1; -webkit-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px) } .tooltip-link:before, .tooltip-link.tooltip-bottom:before { bottom: -5px } .tooltip-link:hover .tooltip, .tooltip-link.tooltip-bottom:hover .tooltip { top: calc(100% - 5px) } .tooltip-link .tooltip:after, .tooltip-link.tooltip-bottom .tooltip:after { top: -4px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .tooltip-link.tooltip-top:before { top: -5px } .tooltip-link.tooltip-top:hover .tooltip { top: auto; bottom: calc(100% + 25px) } .tooltip-link.tooltip-top .tooltip:after { top: auto; bottom: -10px; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px } .tooltip-link.tooltip-right .tooltip:after { left: auto; right: 25px } .phone-list { text-align: left; padding-left: 20px; color: #222227; font-size: 14px } .phone-list:last-child { margin-bottom: 20px } .header__text-item--phone .tooltip-title { margin-top: 20px } .phone-list__item { color: #222227; text-decoration: none; display: inline-flex; align-self: center; align-items: center } .phone-list .phone-list__item:hover { color: #ee490e } .tooltip { background-color: #fff; position: absolute; opacity: 0; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); top: -9999px; left: 50%; width: 250px; cursor: default; color: #333; padding: 6px 8px; border-radius: 3px; font: 12px/normal "Open Sans", sans-serif; margin-left: -125px; z-index: 20; text-align: center; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); transition: transform .25s linear, opacity .25s linear } .tooltip--right { left: auto; right: 0 } .tooltip.tooltip--right::after { left: auto; right: 15px } .browser-safari .tooltip { transition: opacity .25s linear } .tooltip:after { content: ''; position: absolute; display: block; left: 50%; margin-left: -4px } select { font-size: 14px; width: 120px; height: 40px } .ui-selectmenu-button { width: auto !important; border: 1px solid #ccc; height: 40px; outline: 0; color: #333 } .ui-selectmenu-button span.ui-selectmenu-text { padding: 0 28px 0 10px; line-height: 38px } .ui-selectmenu-button span.ui-icon { right: 8px; margin-top: -4px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .ui-selectmenu-button.ui-corner-top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0 } .ui-selectmenu-menu { margin-top: -1px } .ui-selectmenu-menu .ui-menu { background-color: #fff; border: 1px solid #ccc; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .ui-menu .ui-state-focus { margin: 0; color: #333 } .ui-menu .ui-menu-item { padding: 6px 10px } .mfp-close { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #777; top: 30px !important; right: 30px } .mfp-close:after { position: absolute; content: ''; background-image: url(/local/templates/general/assets/css/../../images/cross.svg); background-size: cover; width: 22px; height: 22px; left: 3px; top: 3px } .mfp-gallery .mfp-close { display: none } .mfp-arrow { z-index: 2000 } .popup { display: none; width: 530px; padding: 23px 30px 35px; margin: 0 auto; background-color: #fff; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); position: relative } .mfp-wrap .popup { display: block } .popup__title { font: 32px/normal Roboto, sans-serif; margin: 0; padding-right: 45px; color: #333 } .popup__content { padding-top: 24px } .popup-form__row:not(:first-child) { margin-top: 30px } .popup-form__row--submit { margin-top: 30px !important } .popup-form__form-group { float: left; width: 100% } .popup-form__form-group--name { width: 40%; padding-right: 15px } .popup-form__form-group--phone { width: 60%; padding-left: 15px } .popup-form__comment { float: left; line-height: 40px } .popup-form__button--submit { float: right; width: 170px; height: 40px; line-height: 38px } .popup-form__bottom-comment { width: 60%; float: left; font-size: 12px } .popup-form__bottom-comment--price { width: 40% } .popup-form__textarea { height: 35px } .bx-component-opener a { transition: none } .errortext, .notetext { padding: 0 15px } .main-menu__list--level1:after { content: ''; display: block; clear: both } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3 { text-align: justify } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:before, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:before, .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:after, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:after { content: ''; width: 100% } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:before, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:before { display: block } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:after, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:after { display: inline-block } .header-fixed__button--catalog { color: #fff; background-color: #ff652e; border-color: #ff652e } .header-fixed__button--catalog:hover { background-color: #ee490e; border-color: #ee490e } .header-top { padding: 10px 0; background-color: #f5f5f5; height: 100% } .header-top .header__logo { display: none } .header__menu-button { display: none } .header .bx-basket { float: left } .main-menu { width: 100%; padding-left: 15px; float: left } .main-menu.fixed-active { top: 60px !important; opacity: 1 !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } nav.main-menu__container { display: flex; justify-content: space-between } .main-menu__container--level2 { top: -9999px; left: -20px; position: absolute; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); opacity: 0; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); min-width: 120px; width: auto; transition: transform .25s linear, opacity .25s linear; z-index: 9999 } .main-menu__container--level2:before { content: ''; position: absolute; display: block; width: 100%; height: 10px; top: -10px } .browser-safari .main-menu__container { transition: opacity .25s linear } .main-menu__list { padding: 0 20px; margin: 0 } .main-menu__list--level2 { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; position: relative; padding-left: 0; margin-top: 0; min-width: max-content } .main-menu__list--level2:before { content: ''; position: absolute; display: block; top: -5px; left: 19px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .main-menu__list--level2:after { content: ''; position: absolute; display: block; top: -4px; left: 20px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .main-menu__item { margin: 0; transition: background .25s linear } .main-menu__item:before { display: none } .main-menu__item:hover { background-color: #f5f5f5 } .main-menu__item--level1 { float: left } .main-menu__item--level1:not(:last-child) { margin-right: 28px } .main-menu__item--level2:nth-child(2) .main-menu__link { border-top-left-radius: 2px; border-top-right-radius: 2px } .main-menu__item--level2:last-child .main-menu__link { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } .main-menu__item--level2:not(:last-child) { border-bottom: 1px solid #ccc } .main-menu__item--current { display: none } .main-menu__item--has-items:hover .main-menu__container { top: 28px; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .main-menu__item--has-items:hover .main-menu__link--level1 { color: #333 } .main-menu__link { color: #777; text-decoration: none; transition: color .25s linear } .main-menu__item--level1:last-child .main-menu__container--level2 { right: 0; left: initial } .main-menu__item--level1:last-child .main-menu__list--level2:before { right: 20px; left: initial } .main-menu__item--level1:last-child .main-menu__list--level2:after { right: 21px; left: initial } .main-menu__link:hover { color: #333 } .main-menu__link--level2 { padding: 9px 18px; display: block } .main-menu__link--back { display: none } .main-menu__link--current { color: #333 !important; font-weight: bold } .header__languages { width: 100px; padding-right: 15px; text-align: right; position: absolute; right: 0 } .header-languages__link { display: inline-block; color: #333; margin-left: 6px } .header-languages__link--active { cursor: default; color: #777 } .header-languages__link:first-child { margin: 0 10px 0 0 } .header-middle { padding: 10px 0 } .fixed-header.active-fixed .fixed-header__wrap { position: fixed; top: 0; left: 0; z-index: 999; background-color: #fff; width: 100%; padding: 10px 0 } .fixed-header.active-fixed .fixed-header__wrap::after { content: ""; position: absolute; top: 100%; right: 0; left: 0; display: block; width: 100%; height: 10px; background: linear-gradient(rgba(0, 0, 0, .3), #000000) } .fixed-header.active-fixed .header-logo__image { max-width: 75px } .header__logo > div { float: left } .header-logo__image { float: left; max-width: 120px; margin: 0 } .header-logo__text { margin: 13px 0 0 36px !important; width: 146px; height: 46px; font: 12px/16px "Open Sans", sans-serif; float: left; padding-left: 10px; border-left: 3px solid #ccc; color: #777 } .header__text-items { float: left } .header__text-item { float: left; padding-left: 22px; margin-right: 46px; margin-top: 19px } .header__text-item--second { display: none } .header-text-item__time { color: #ee490e; line-height: normal; position: relative } .header-text-item__time:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 0 100%; width: 21px; height: 21px; top: -3px; left: -24px } .header-text-item__comment { font-size: 12px; white-space: nowrap; display: block } .header-text-item__comment p { margin: 0 } .header-text-item__phone { font: 16px/normal "Open Sans", sans-serif; white-space: nowrap; position: relative; display: flex; align-items: center } .header-text-item__phone .dropdown_arrow { color: #222227; transition: transform .3s; margin-left: 5px; margin-bottom: 2px } .icon-phone { width: 14px; height: 14px; margin-right: 5px; color: #222227 } .icon-viber { width: 24px; height: 24px; margin-right: 10px } .icon-whatsapp { width: 24px; height: 28px; margin-right: 10px } .icon-arrow-circle { width: 32px; height: 32px; transition: .3s } .header-text-item__phone > .default { color: #222227; text-decoration: none; border-bottom: 1px dashed #222227 } .header-text-item__phone .tooltip-link:hover .dropdown_arrow { transform: rotate(180deg) } .header-text-item__phone br + br { display: none } .header__text-item--call .header-text-item__callback { display: inline-block; position: relative; background: #ff652e; transition: none; color: #fff; float: right; padding: 10px; border-radius: 4px; -webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1); animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease } .tab { width: 100% } .tab-label { display: flex; align-items: center; font-weight: bold; cursor: pointer; font-size: 16px; color: #222227 } .tab-content { color: #222227; font-size: 16px; text-align: left; transform: scaleY(1); max-height: 100%; transition: all .3s; transform-origin: top } .tab-arrow { width: 12px; height: 12px; transition: transform .3s } input:checked ~ .tab-label .tab-arrow { color: #ee490e; transform: rotate(180deg) } input:checked ~ .tab-content { transform: scaleY(1); max-height: 100% } @media screen and (max-width: 900px) { .header__text-item--call .header-text-item__callback { float: none } } .header__text-item--call .header-text-item__callback:hover { background: #ee490e } @media screen and (min-width: 900px) { .header__text-item--call .header-text-item__callback:after { background-color: #ff652e; border-radius: 7px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1) } .header__text-item--call .header-text-item__callback:hover:after { border-color: transparent } @-webkit-keyframes button-bounce { 0% { transform: scale(1) } 10% { transform: scale(0.96) } 20% { transform: scale(1.04) } 52%, 100% { transform: scale(1) } }@-moz-keyframes button-bounce { 0% { transform: scale(1) } 10% { transform: scale(0.96) } 20% { transform: scale(1.04) } 52%, 100% { transform: scale(1) } }@keyframes button-bounce { 0% { transform: scale(1) } 10% { transform: scale(0.96) } 20% { transform: scale(1.04) } 52%, 100% { transform: scale(1) } }@-webkit-keyframes button-blip { 0% { transform: scaleX(1) scaleY(1); opacity: 0 } 10% { transform: scaleX(1) scaleY(1); opacity: .7 } 30%, 99% { transform: scaleX(1.08) scaleY(1.35); opacity: 0 } 100% { transform: scaleX(1) scaleY(1); opacity: 0 } }@-moz-keyframes button-blip { 0% { transform: scaleX(1) scaleY(1); opacity: 0 } 10% { transform: scaleX(1) scaleY(1); opacity: .7 } 30%, 99% { transform: scaleX(1.08) scaleY(1.35); opacity: 0 } 100% { transform: scaleX(1) scaleY(1); opacity: 0 } }@keyframes button-blip { 0% { transform: scaleX(1) scaleY(1); opacity: 0 } 10% { transform: scaleX(1) scaleY(1); opacity: .7 } 30%, 99% { transform: scaleX(1.08) scaleY(1.35); opacity: 0 } 100% { transform: scaleX(1) scaleY(1); opacity: 0 } } } .header__shop-links { float: right; margin-top: 17px; padding-right: 15px } .header__shop-links > div { float: left } .header-shop-links__link { height: 40px; float: left; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); transition: none; text-decoration: none; display: flex; align-items: center; color: #222227 } .header-shop-links__link--comparsion:before { width: 30px; height: 30px; color: #222227 } .header-shop-links__link--comparsion.active:before { color: #ee490e } .icon-chart { width: 30px; height: 30px } .header-shop-links__link--cart { margin-left: 4px; display: flex; align-items: center } .icon-small-cart { width: 30px; height: 30px; color: #ff562e; margin-right: 10px } .header-shop-links__link--cart.active:before { color: #ee490e } .header-shop-links__link.active .header-shop-links__text { color: #ee490e } .header-shop-links__text { white-space: nowrap; font: bold 16px/40px "Open Sans", sans-serif; margin-left: 4px; color: #222227 } .header-shop-links__text--comparsion { display: none; font-weight: normal } .header-shop-links__badge { position: absolute; top: -5px; left: 12px; background-color: #ff652e; color: #fff; text-align: center; z-index: 10; border-radius: 6px / 50% 50%; font: 9px/12px "Open Sans", sans-serif; padding: 1px 4px 0 } .header-shop-links__link--cart.active .header-shop-links__badge { background-color: #ee490e } .header__button--catalog-button { display: none } .header__catalog-menu { background-color: #40404b; border-top-left-radius: 4px; border-bottom-left-radius: 4px; overflow-x: hidden } .header__catalog-menu.fixed-active { top: 60px !important; opacity: 1 !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } .header-catalog-menu__button { display: none } .header-catalog-menu__container--level2 { display: table; table-layout: fixed; top: -9999px; left: 0; position: absolute; width: 100%; background-color: #fff; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity .25s linear } .header-catalog-menu__list { padding: 0; margin: 0 } .header-catalog-menu__list--level1 { display: -ms-flexbox; display: -webkit-flex; display: flex } .header-catalog-menu__list--level2 { display: flex } .header-catalog-menu__item { margin: 0 } .header-catalog-menu__item:before { display: none } .header-catalog-menu__item--level1 { display: inline-block; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; position: static; text-align: center; cursor: pointer; transition: background .25s linear } .header-catalog-menu__item--active, .header-catalog-menu__item--level1:hover { background-color: #2d2d39; color: #fff } .header-catalog-menu__item--level1:hover { background-color: rgba(45, 45, 57, 0.5) } .header-catalog-menu__title--level1 { display: flex; align-items: flex-start; line-height: 60px; white-space: nowrap; height: 60px; justify-content: center } .header-catalog-menu__title--level1::before { -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s } .header-catalog-menu__item--level1:hover .header-catalog-menu__title--level1::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .header-catalog-menu__item--level2 { display: table-cell; vertical-align: top; min-width: 130px; max-width: 200px; flex-grow: 1 } .header-catalog-menu__item--level2:not(:first-child) { border-left: 1px solid #e0e0e0 } .header-catalog-menu__item--level3 { margin-top: 12px } .header-catalog-menu__item--desktop-hidden { display: none } .header-catalog-menu__item--has-items:hover .header-catalog-menu__container { top: 60px; z-index: 200; opacity: 1 } .header-catalog-menu__item--current { display: none !important } .header-catalog-menu__item--doors-menu .header-catalog-menu__container { display: block } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2 { display: block; overflow: hidden } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2 { display: inline-block; border: 0; padding: 30px 30px 28px; min-width: calc(20% - 8px); max-width: none } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2:not(:first-child) { position: relative } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2:not(:first-child):before { content: ''; position: absolute; display: block; width: 0; height: 1000px; top: -20px; left: 0; border-left: 1px solid #e0e0e0 } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--doors-item { margin: 12px 0 6px 0 } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--colors-item { float: left } .header-catalog-menu__item--doors-menu .header-catalog-menu__image { height: 78px; background-position: center } .header-catalog-menu__item--doors-menu-table .header-catalog-menu__container--level2 { table-layout: auto } .header-catalog-menu__item--doors-item { text-align: left; padding: 20px 0 24px 24px; cursor: default } .header-catalog-menu__item--splitable-doors { position: absolute !important; bottom: 157px; right: 0; padding: 0 !important } .header-catalog-menu__item--splitable-doors:before { display: none !important } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2 { cursor: pointer; padding: 24px 0 24px 30px; margin: 0 } .header-catalog-menu__list--level2 li:nth-child(6) { margin-bottom: 6px } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2:hover { color: #000 } .header-catalog-menu__item--colors-item { width: 100%; background-color: #fff; padding: 26px 30px !important; border-top: 1px solid #ccc !important; line-height: 23px } .header-catalog-menu__item--colors-item + .header-catalog-menu__item--colors-item { padding-bottom: 6px !important } .header-catalog-menu__item--colors-item:before { display: none !important } .header-catalog-menu__item--colors-item:after { content: ''; position: absolute; display: block; width: 100%; height: 20px; background-color: #fff; bottom: -20px; left: 0 } .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3 { float: right; width: calc(100% - 140px); margin-bottom: -35px } .header-catalog-menu__item--colors-item .header-catalog-menu__item { margin: 0 } .header-catalog-menu__item--colors-item .header-catalog-menu__item--level3 { display: inline-block; margin-left: 30px; margin-bottom: 15px } .header-catalog-menu__item--colors-item .header-catalog-menu__link--level3 { display: inline-block } .header-catalog-menu__link { text-decoration: none } .header-catalog-menu__link--level1 { padding: 0 10px; display: block; font-weight: bold; text-transform: uppercase; color: #fff } .header-catalog-menu__link--has-items { position: relative } .header-catalog-menu__link--has-items .header-catalog-menu__title--level1 { position: relative; height: 60px; align-items: center; display: inline-flex } .header-catalog-menu__link--has-items .header-catalog-menu__title--level1:after { content: none; position: relative; display: inline-flex; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 24.324324324324323%; width: 14px; height: 10px; top: 0; right: -2px; transition: transform .3s } .header-catalog-menu__link--has-items:hover .header-catalog-menu__title--level1:after { transform: rotate(180deg) } .header-catalog-menu__link--level2 { display: block; color: #777; padding: 30px 28px 24px; font-size: 16px } .header-catalog-menu__link--level2:hover { color: #333 } .header-catalog-menu__link--level2:before { display: none } .header-catalog-menu__link--level2 .header-catalog-menu__title { margin-top: 10px; text-align: left; color: #000 } .header-catalog-menu__link--level2 .header-catalog-menu__title--furniture { text-align: center } .header-catalog-menu__link--level3 { color: #222227; font-size: 16px } .header-catalog-menu__link--level3:hover { color: #ff652e } .header-catalog-menu__link--back { display: none } .header-catalog-menu__link--doors-item { cursor: default; color: #222227; font-size: 18px; font-weight: bold; padding: 0; margin: 4px 0 6px 24px } .header-catalog-menu__link--colors-item { margin: 0 !important } .header-catalog-menu__link--current { color: #333 !important; font-weight: bold !important } .header-catalog-menu__image { width: 100%; height: 100px; background-position: center; background-repeat: no-repeat } .header-catalog-menu__image--furniture { height: 85px } .header-catalog-menu__image--left { float: left; width: 100px; height: 200px; background-position: center 0 } .header-catalog-menu__image--left + .header-catalog-menu__link { float: left; width: 50% } .header-catalog-menu__image--left + .header-catalog-menu__link + .header-catalog-menu__container { margin-left: 24px; float: left } .header-catalog-menu__inner-menu { display: none } .header-catalog-menu__color { position: relative; border-radius: 50%; width: 23px; height: 23px; float: left; margin-right: 12px; background-size: 100% } .header-catalog-menu__color:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 50%; border: 1px solid #ccc } .header__search { float: left; width: 50px; height: 50px; margin-right: 15px; background-color: #ee490e; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .header__search.hover form { width: 472px !important } .header__search.hover .header-search__input-container { right: 50px !important } .header__search.hover .header-search__input-container:before { opacity: .5 !important } .header__search form { border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; overflow: hidden; width: 50px; height: 50px; right: 15px; z-index: 10; transition: width .4s ease } .header__search form:hover { width: 472px } .header__search form:hover .header-search__input-container { right: 50px } .header__search form:hover .header-search__input-container:before { opacity: .5 } .header-bottom { background-color: #40404b } .header-search__input-container { position: absolute; right: -342px; width: 342px; height: 100%; padding-left: 7px; background-color: #ee490e; transition: right .5s ease-in-out; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .header-search__input-container:before { content: ''; position: absolute; display: block; width: 80px; height: 100%; left: -76px; z-index: -1; opacity: 0; transition: opacity .6s ease-in-out; background: -moz-linear-gradient(left, #000000 0, rgba(0, 0, 0, 0.9) 100%); background: -webkit-linear-gradient(left, #000000 0, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to right, #000000 0, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='rgba(0,0,0,0.9)', GradientType=1) } .header-search__input { width: 100%; height: 36px; margin-top: 7px; border: 0 } .header-search__button--submit { z-index: 50; float: right; display: block; width: 50px; height: 50px; background-color: #2d2d39; border: 0; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: none } .header-search__button--submit:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 90% 0; width: 23px; height: 24px; top: 13px; left: 15px } .header-search__button--submit:hover { background-color: #2d2d39 } .header-fixed { display: block; position: static; z-index: 300; width: 100%; background-color: #fff; top: 0; left: 0; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1) } .header-fixed .content-container { display: none; padding: 7px 0 } .header-fixed__menu-button { margin-left: 15px; padding-left: 24px; line-height: 35px; float: left; position: relative; color: #777; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: color .25s linear } .header-fixed__menu-button:before, .header-fixed__menu-button:after { content: ''; position: absolute; display: block; top: 9px; left: -2px; transition: opacity .25s linear; background: url("/local/templates/general/assets/css/../images/sprites.svg") 25.974025974025974% 97.16312056737588%; width: 19px; height: 17px } .header-fixed__menu-button:after { opacity: 0; background-position: 50.64935064935065% 97.16312056737588% } .header-fixed__menu-button:hover { color: #333 } .header-fixed__menu-button:hover:before { opacity: 0 } .header-fixed__menu-button:hover:after { opacity: 1 } .header-fixed__button--catalog { float: left; margin-left: 40px; text-transform: uppercase; font-weight: bold } .header-fixed__right { display: flex; align-items: center; margin-left: auto; margin-right: 4px } .header-fixed-phones__number { font: bold 14px/18px "Open Sans", sans-serif; color: #ee490e; display: flex } .header-fixed-phones__number a { color: #ee490e; text-decoration: none } .header-fixed__search.header-fixed__search { margin-left: 15px; float: left } .header-fixed__search .header_search__form { margin-top: 0 } .header-fixed__search.active .header_search__block, .header-fixed__search.active .header-fixed-search__input-container { display: block } .header-fixed__search .header_search__block, .header-fixed-search__input-container { display: none; position: absolute; right: 40px } .header-fixed__search .header_search__input, .header-fixed-search__input { width: 290px; height: 35px } .header-fixed__search .header_search__button, .header-fixed__search .header_search__button--submit.disabled, .header-fixed-search__button--submit { display: block; border: 0; border-radius: 0; background-color: #fff; width: 35px; height: 35px; padding: 0 } .header-fixed__search .header_search__button:hover, .header-fixed-search__button--submit:hover { background-color: #fff; border: 0 } .header-fixed__shop-links { float: left } .header-fixed-shop-links__link { margin-left: 20px; height: 35px; float: left; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); padding-left: 10px; text-decoration: none !important; display: flex } .header-fixed-shop-links__link--comparsion:before { content: ''; position: absolute; display: block; top: 4px; left: 3px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 63.07692307692308%; width: 29px; height: 28px } .header-fixed-shop-links__link--comparsion.active:before { background-position: 73.61111111111111% 0 } .header-fixed-shop-links__link--cart.active:before { background-position: 43.75% 41.98473282442748% } .header-fixed-shop-links__link--cart.active .header-fixed-shop-links__text { color: #ee490e } .header-fixed-shop-links__text { white-space: nowrap; font: bold 16px/40px "Open Sans", sans-serif; margin-left: 4px; color: #222227; display: flex; align-items: center } .header-fixed-shop-links__text--comparsion { font-weight: normal } .header-fixed-shop-links__badge { position: absolute; top: 5px; right: 37px; background-color: #ff652e; color: #fff; text-align: center; z-index: 10; border-radius: 6px / 50% 50%; font: 9px/12px "Open Sans", sans-serif; padding: 1px 4px 0 } .header.fixed .header-fixed { position: fixed } .header.fixed .main-menu { top: -9999px; opacity: 0; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); transition: transform .25s linear, opacity .25s linear; position: fixed; left: calc(50% - 605px); width: 270px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 0; border: 1px solid #ccc; z-index: 400 } .header.fixed .main-menu:before { content: ''; position: absolute; display: block; top: -5px; left: 21px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .header.fixed .main-menu:after { content: ''; position: absolute; display: block; top: -4px; left: 22px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .header.fixed .main-menu__container--level2 { -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px) } .header.fixed .main-menu__item--level1 { width: 100% } .header.fixed .main-menu__item--level1:not(:last-child) { margin: 0; border-bottom: 1px solid #ccc } .header.fixed .main-menu__item:hover { background-color: #f5f5f5 } .dropdown_arrow { width: 12px; height: 10px; position: relative; top: 1px; -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s } .main-menu__item:hover .dropdown_arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .main-menu__slogan { display: inline-block } .header.fixed .main-menu__item--has-items:hover .main-menu__container { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: -1px; left: 285px } .header.fixed .main-menu__item--has-items:hover .main-menu__container--level2:before { width: 20px; height: 100%; top: 0; right: 100% } .header.fixed .main-menu__item--has-items:hover .main-menu__list--level2:before { top: 13px; left: -5px; border-color: transparent #ccc transparent transparent; border-style: solid; border-width: 5px 5px 5px 0 } .header.fixed .main-menu__item--has-items:hover .main-menu__list--level2:after { top: 14px; left: -4px; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 4px 4px 4px 0 } .header.fixed .main-menu__link--level1 { display: block; padding: 9px 12px } .header.fixed .main-menu__link--has-items:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; top: 11px; right: 10px } .browser-safari .header.fixed .main-menu { transition: opacity .25s linear } .header.fixed .header__catalog-menu { top: -9999px; opacity: 0; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); transition: transform .25s linear, opacity .25s linear; position: fixed; left: calc(50% - 517px); width: 270px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 0; border: 1px solid #ccc; z-index: 400 } .header.fixed .header__catalog-menu:before { content: ''; position: absolute; display: block; top: -5px; left: 31px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .header.fixed .header__catalog-menu:after { content: ''; position: absolute; display: block; top: -4px; left: 32px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .header.fixed .header-catalog-menu__container--level2 { display: block; width: 270px; border: 1px solid #ccc; opacity: 0; border-radius: 3px; -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px); transition: transform .25s linear, opacity .25s linear } .header.fixed .header-catalog-menu__container--level2:before { content: ''; position: absolute; display: block; width: 20px; height: 100%; top: 0; right: 100% } .header.fixed .header-catalog-menu__list { display: block } .header.fixed .header-catalog-menu__item { border-left: none !important; transition: background .25s linear } .header.fixed .header-catalog-menu__item:hover { background-color: #f5f5f5 } .header.fixed .header-catalog-menu__item:not(:last-child) { border-bottom: 1px solid #ccc } .header.fixed .header-catalog-menu__item--level1 { border-radius: 0; width: 100%; position: relative } .header.fixed .header-catalog-menu__item--level1:hover .header-catalog-menu__link--level1 { color: #333 } .header.fixed .header-catalog-menu__item--level2 { display: block } .header.fixed .header-catalog-menu__item--desktop-hidden { display: block } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__container { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: -1px; left: 285px; opacity: 1 } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__container--level2:before { width: 20px; height: 100%; top: 0; right: 100% } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__list--level2:before { content: ''; position: absolute; display: block; top: 13px; left: -5px; border-color: transparent #ccc transparent transparent; border-style: solid; border-width: 5px 5px 5px 0 } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__list--level2:after { content: ''; position: absolute; display: block; top: 14px; left: -4px; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 4px 4px 4px 0 } .header.fixed .header-catalog-menu__link { padding: 9px 12px } .header.fixed .header-catalog-menu__link--level1 { display: block; color: #777; text-transform: none; text-align: left; font: normal 14px/1.4em "Open Sans", sans-serif } .header.fixed .header-catalog-menu__link--has-items:before { display: none } .header.fixed .header-catalog-menu__link--has-items-mobile:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; top: 11px; right: 10px } .header.fixed .header-catalog-menu__image { display: none } .header.fixed .header-catalog-menu__title { text-align: left !important; margin: 0 } .browser-safari .header.fixed .header__catalog-menu { transition: opacity .25s linear } .browser-safari .header.fixed .header-catalog-menu__container--level2 { transition: opacity .25s linear } .header__logo, .header_search, .header__text-item--phone { margin-right: 30px } .header__shoping, .header_search, .header__text-item--phone { margin-left: auto } .header_search { flex-basis: 700px } .header_search__form { display: flex; align-items: center; max-width: 700px } .header_search__icon { width: 28px; height: 24px; margin: 10px; position: absolute; left: 2px; top: 0 } .header-fixed__search .header_search__icon { color: #ee490e; margin: 4px } .header_search__block { flex: 1 1 auto } .header_search__button { width: 50px; height: 42px; padding: 0 9px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: relative; left: -4px; background-color: #40404b; border: 0 } .header_search__button:hover { background-color: #2d2d39 } .header_search__input { height: 42px; border: 1px solid #40404b; border-radius: 4px } .header-middle-container { display: flex; justify-content: space-between; align-items: center; padding: 0 20px } .header-middle-container > div:not(:first-child) { margin-left: auto } .image_for_index_page { float: left; width: 551px; height: 385px; margin-right: 34px; margin-bottom: 0; border-radius: 8px; overflow: hidden; flex-shrink: 0; max-width: 48% } div.title-search-result { border: none !important; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1) } div.title-search-result .bx_searche .bx_img_element { background: none !important } div.title-search-result .bx_searche .bx_image { border: none !important } div.title-search-result .bx_searche .bx_item_element a { color: #ff652e !important } div.title-search-result .bx_searche .bx_item_element a b { color: #333 !important } div.title-search-result .bx_searche hr { display: none } .footer-section-menu__list--level1:after { content: ''; display: block; clear: both } .footer-section--orange { background: linear-gradient(180deg, #ff9370 0, #fe642e 100%); color: #fff } .content-container--orange:before { display: none !important } .content-container--orange.content-container--orange.content-container--orange { padding: 23px 15px } .socials__title, .subscribe__title { font-size: 16px; margin-bottom: 10px } .subscribe__title { margin-bottom: 0; margin-right: 40px } input.subscribe_email { background-color: transparent; color: #222227; border: 0; max-width: 400px } input.subscribe_email:active { border: 1px solid #ff652e } input.subscribe_email:focus { border: none !important } .subscribe_email + .response { display: none; position: absolute; bottom: -18px; left: 10px } .subscribe_email.mce_inline_error + .response { display: block } input.subscribe_email::placeholder { color: #222227 !important } .btn:active { border: 0 } .subscribe_email.mce_inline_error + .response { display: block } .socials__link { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; margin-right: 5px; transition: background-color .3s; cursor: pointer; border-radius: 50%; border: 1px solid transparent } .socials__link:hover { background-color: #222227; border-color: #222227 } .socials__link > a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center } .socials_svg { width: 22px; height: 22px; color: #222227 } .socials__link:hover .socials_svg { color: #fff } .socials--white .socials_svg { color: #fff } .socials--white .socials__link { border-color: #fff } .socials--white .socials__link:hover { background-color: #fff } .socials--white .socials__link:hover .socials_svg { color: #ff652e } .subscribe__group { display: flex; border: 1px solid #222227 } .subscribe_button { width: 160px; border: 1px solid #fff; border-left: 1px solid #ff652e; color: #ff652e; position: relative; z-index: 1; right: 1px; cursor: pointer; transition: all .3s } .subscribe_button:focus { border: 1px solid #fff; border-left: 1px solid #ee490e } .subscribe_button:hover { color: #fff; background-color: #ee490e; border: 1px solid #fff } .subscribe--white .subscribe__group { border-color: #fff; border-radius: 8px; overflow: hidden } .subscribe__form { width: 390px; max-width: 100% } .subscribe--white input.subscribe_email, .subscribe--white input.subscribe_email::placeholder { color: #fff } .subscribe--white input.subscribe_email { padding-left: 16px } .subscribe--white .btn.subscribe_button { color: #eb4a21 !important; position: static } .subscribe--white input:valid:not(:placeholder-shown) { color: #fff; position: static } .subscribe--white input.subscribe_email::placeholder { color: #fff !important; opacity: .8 } .footer--orange { display: flex; flex-direction: row-reverse; justify-content: space-around; max-width: 1400px; flex-wrap: wrap } .footer--orange .subscribe, .footer--orange .socials { max-width: 50% } .footer--orange .subscribe { max-width: none } .footer--orange .subscribe form { display: flex; align-items: center; justify-content: center } .footer-section:last-child { padding: 0 20px } .footer-section:first-child { margin-top: 0 } .footer-section .content-container { padding: 48px 0 50px } .footer-section__menu { padding-left: 15px; padding-right: 15px } .footer-section-menu__list { padding: 0; margin: 0 } .footer-section-menu__item:before { display: none } .footer-section-menu__item--level1 { width: 25%; padding-right: 15px; float: left; margin: 0 } .footer-section-menu__item--level2 { margin-bottom: 9px } .footer-section-menu__link { text-decoration: none } .footer-section-menu__link--level1 { color: #222227; font-size: 16px; font-weight: bold; margin-bottom: 14px; display: block; text-transform: uppercase } .footer-section-menu__link--level2 { font-size: 14px; color: #222227 } .footer-section-menu__link--level2:hover { color: #ff652e } .footer-section__address-container { width: 25%; padding-left: 15px; padding-right: 15px; float: left } .footer-section-address-container__block { padding-bottom: 10px } .footer-section-address-container__title { color: #222227; font-size: 16px; font-weight: bold; margin-bottom: 6px; text-transform: uppercase } .footer-section-address-container__office { font-size: 15px; color: #222227; margin-top: 15px; margin-bottom: 10px; font-weight: bold } .footer-section-address-container__address { color: #222227; font-size: 14px } .footer-section-address-container__worktime { font-size: 14px; color: #222227; margin-bottom: 3px } .footer-section-address-container__link { color: #222227; position: relative; font-size: 15px; font-weight: bold } .footer-section-address-container__link:after { content: ''; position: relative; display: inline-block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 86.53846153846153% 80.2919708029197%; width: 17px; height: 21px; top: 5px } .email_link { color: #ff652e } .footer-section__contacts { width: 25%; padding-left: 15px; padding-right: 15px; float: left } .socials-block-adaptive .socials, .footer-section__contacts .socials { margin-bottom: 15px } .footer-section-contacts__title { color: #222227; font-size: 16px; font-weight: bold; margin-bottom: 14px; text-transform: uppercase } .footer-section__contacts a { color: #222227; font-size: 14px } .footer-section-contacts__worktime { margin: 14px 0; font-size: 14px; color: #222227 } .footer-section-contacts__email { color: #ee490e; margin-bottom: 40px; display: inline-block } .footer-section-contacts__link { padding-right: 76px; position: relative } .footer-section-contacts__link:after { content: ''; position: absolute; display: block; top: -1px; right: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") 0 0; width: 70px; height: 18px } .footer-section-contacts__phone a { color: #777; text-decoration: none } .text__content > div:after, .text-content > div:after, .text-content .gallery:after, .contacts__buttons:after, .contacts-form__row:after, .contacts-text-info__phones:after, .contacts-text-info__links:after, .contacts-text-info__skypes:after, .splitable-doors-tabs__menu:after, .feedback__items:after, .feedback-form__row:after, .news__list:after, .offers__list:after, .stores__gallery:after, .stores .stores-map__placemark:after { content: ''; display: block; clear: both } .text__button--all-actions, .text__button--all-feedback, .feedback__button--more, .news__button--more, .offers__button--more { color: #999; background-color: #fff; border-color: #ccc } .text__button--all-actions:hover, .text__button--all-feedback:hover, .feedback__button--more:hover, .news__button--more:hover, .offers__button--more:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .feedback__button--more { margin-left: 15px } .contacts__button { color: #fff; background-color: #ff652e; border-color: #ff652e } .contacts__button:hover { background-color: #ee490e; border-color: #ee490e } .text__date { color: #999; margin-bottom: 20px; font-size: 11px } .text__content { float: left; width: 100%; padding: 0 15px; margin-bottom: 30px } .text__content--no-padding { padding: 0 } .text__button--all-actions { margin: 36px 0 0; padding: 0 16px } .text__button--all-feedback { margin: 36px 0 0; padding: 0 16px } .text-content .table-wrapper { overflow: auto; margin-bottom: 1.1em } .text-content .table-wrapper:last-child { margin: 0 } .text-content .button { margin-bottom: 1.1em } .text-content h1 + h2, .text-content h1 + h3 { margin-top: 0 } .text-content h2 + h3 { margin-top: 0 } .text-content iframe { margin-bottom: 1.1em } .text-content iframe:last-child { margin: 0 } .text-content img { height: auto; min-width: 0 !important } .text-content > ul, .text-content .text__content > ul { display: inline-block } .text-content .slider { padding: 36px 0; display: flex; overflow: hidden } .text-content .slider.owl-loaded { display: block } .text-content .slider .owl-item { text-align: center } .text-content .slider .owl-prev, .text-content .slider .owl-next { top: 50%; margin-top: -13px } .text-content .slider .owl-prev { left: 0 } .text-content .slider .owl-next { right: 0 } .text-content .slider a { display: block } .text-content .slider img { display: inline-block; width: auto !important } .text-content .gallery { margin: 1.1em -15px; padding: 0 } .text-content .gallery li { vertical-align: top; width: 33.333%; padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 2.2em } .text-content .gallery li:before { display: none } .text-content .gallery li:nth-child(3n + 1) { clear: left } .contacts { padding: 20px 0 13px } .contacts__buttons { position: absolute; top: -82px; right: 15px } .contacts__button { padding: 0 17px; height: 40px; line-height: 38px; float: left; transition: background .25s linear } .contacts__button:not(:last-child) { margin-right: 15px } .contacts__button--master span { padding-left: 36px } .contacts__button--master span:before { content: ''; position: absolute; display: block; top: 6px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") 0 -20px; width: 26px; height: 26px } .contacts__button--address span { padding-left: 28px } .contacts__button--address span:before { content: ''; position: absolute; display: block; top: 9px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") -72px 0; width: 16px; height: 20px } .contacts__form { width: 50%; padding-left: 15px; padding-right: 15px; float: left; min-height: 410px } .contacts__form .errortext { margin-top: 20px; display: block } .contacts-form__inner { max-width: 470px } .contacts-form__row { margin-top: 20px } .contacts-form__form-group--name { float: left; width: calc(40% - 15px) } .contacts-form__form-group--phone { width: calc(60% - 15px); float: right } .contacts-form__textarea { height: 90px } .contacts-form__comment { float: left; line-height: 40px } .contacts-form__button--submit { height: 40px; line-height: 38px; float: right; width: 170px } .contacts__text-info { width: 50%; padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 15px } .contacts-text-info__inner { max-width: 500px } .contacts-text-info__block { width: 50%; float: left; padding-right: 15px } .contacts-text-info__address { color: #333 } .contacts-text-info__address-link { font-size: 11px; position: relative; top: -6px } .contacts-text-info__phones { margin-top: 32px } .contacts-text-info__title { margin-bottom: 8px } .contacts-text-info__phone { color: #333; font: bold 16px/normal "Open Sans", sans-serif; margin-top: 6px } .contacts-text-info__phone a { color: #333; text-decoration: none } .contacts-text-info__links { margin-top: 32px } .contacts-text-info__skypes { margin-top: 32px } .contacts-text-info__skype { color: #12aae7; padding-left: 24px; position: relative; font: bold 16px/normal "Open Sans", sans-serif } .contacts-text-info__skype:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.png") -22px -48px; width: 18px; height: 18px; left: 0 } .contacts-text-info__comment { font-size: 12px; margin-top: 8px; max-width: 140px } .contacts-text-info__props { color: #333; margin-top: 48px } .contacts-text-info__props-title { font: bold 16px/normal "Open Sans", sans-serif; margin-bottom: 16px } .errorpage { text-align: center; color: #333; margin-top: 70px } .errorpage + .items-slider { padding-top: 8px } .errorpage__block { width: 714px; height: 354px; display: inline-block; margin-left: 85px; background-image: url('/local/templates/general/assets/css/../images/errorpage.jpg'); position: relative } .errorpage__inner { text-align: left; width: 236px; position: absolute; top: 74px; right: 48px } .errorpage__title { font: bold 30px/normal Roboto, sans-serif } .errorpage__text { margin-top: 12px } .splitable-doors__top { width: 100%; padding-left: 15px; padding-right: 15px; float: left } .splitable-doors__image { background-image: url('/local/templates/general/assets/css/../images/splitable-doors.jpg'); background-position: center; display: table; width: 70%; height: 170px; color: #fff; font: bold 24px/normal Roboto, sans-serif; border-top-left-radius: 3px; border-bottom-left-radius: 3px; float: left } .splitable-doors__image > div { display: table-cell; text-align: left; vertical-align: middle } .splitable-doors__main-title { margin-left: 20px; max-width: 280px } .splitable-doors__button-container { display: table; width: 30%; height: 170px; float: left; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border: 2px solid #c5a063 } .splitable-doors__button-container > div { display: table-cell; text-align: center; vertical-align: middle } .product-price-submit__button--submit, .splitable-doors__button--catalog { height: 45px; font: 16px/43px "Open Sans", sans-serif } .splitable-doors__tabs { width: 100%; padding-left: 15px; padding-right: 15px; float: left; margin-top: 40px } .splitable-doors-tabs__menu { border-bottom: 1px solid #ccc } .splitable-doors-tabs-menu__item { border-top-left-radius: 3px; border-top-right-radius: 3px; color: #777; border: 1px solid #ccc; padding: 0 14px; line-height: 38px; float: left; display: block; border-bottom: 0; text-decoration: none } .splitable-doors-tabs-menu__item:not(:last-child) { margin-right: 10px } .splitable-doors-tabs-menu__item.active { color: #333; cursor: default; background-color: #f5f5f5 } .splitable-doors-tabs-menu__item:hover { color: #333 } .splitable-doors-tabs__content { padding-top: 40px } .splitable-doors-tabs__button--menu { display: none } .feedback { padding-bottom: 15px } .feedback .text__date { margin-bottom: 5px } .feedback .feedback__stars { margin-bottom: 20px } .feedback .errortext, .feedback .notetext { display: block; position: relative; padding: 0 15px; top: 40px } .feedback__items { margin: -15px -15px 15px; display: flex; flex-wrap: wrap } .feedback__items .feedback__stars { margin-bottom: 4px } .feedback__items .feedback__item { width: calc(33.33% - 30px); margin: 15px } .feedback__buttons { font-size: 0; text-align: center; margin: 0 -10px } .feedback__button { margin: 0 10px } .feedback__form { display: none } .feedback__form form { padding-top: 48px } .feedback-form__row--submit { padding: 30px 15px } .feedback-form__col--small { width: 33.333%; padding-left: 15px; padding-right: 15px; float: left } .feedback-form__col--large { width: 66.666%; padding-left: 15px; padding-right: 15px; float: left } .feedback-form__form-group--email { margin-top: 16px } .feedback-form__textarea { height: 186px } .feedback-form__comment { float: left; line-height: 40px } .feedback-form__button--submit { float: right; width: 170px; height: 40px; line-height: 38px } .news { padding-top: 24px } .text__content .news__list { padding: 0; margin: -15px -15px 10px } .news__list { padding: 0 15px } .news__item { float: left; padding: 15px; width: 25% } .news__item:first-child { width: 50%; height: 565px } .news__item:first-child .news__image { height: 100% } .news__item:first-child .news__text-container { position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 158, 69, 0.85); padding: 18px 24px } .news__item:first-child .news__text { margin: 0; color: #fff } .news__item:nth-child(6) { clear: left } .news__inner { display: block; height: 100%; position: relative; color: #777; text-decoration: none } .news__inner:hover { color: #333 } .news__image { height: 170px; background-size: cover; background-position: center } .news__date { width: 60px; height: 60px; background-color: #6c6c6c; color: #fff; text-align: center; position: absolute; top: 0px; } .news__date-number { font: bold 21px/normal "Open Sans", sans-serif; display: block; padding-top: 8px } .news__text { font: 18px/24px "Open Sans", sans-serif; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 12px; height: 72px } .news__bottombar { text-align: center; padding: 15px 0 } .offers { padding-top: 24px } .offers__item { width: 65%; /*height: 297px;*/ margin: 0 auto 15px; } .offers__inner { height: 100%; background-size: cover; position: relative } .offers__bottombar { text-align: center; padding: 15px 0 } .offers__button--readmore { bottom: 30px; left: 30px; position: absolute; margin-bottom: -5px !important } .stores.stores__content { width: 100% } .stores__content { width: calc(100% - 200px); float: left; padding: 0 15px } .stores__map { height: 300px } .stores__item { display: flex; margin-top: 46px; width: 100%; padding-left: 15px; padding-right: 15px; } .stores__item:nth-child(2n + 1) { clear: left } .stores__address { color: #333; margin-left: 10px; margin-bottom: 2%; font-size: 17px; font-weight: 600; } .stores__address-link { position: relative; font-size: 11px; top: -6px; margin-left: 8px } .gallery_img_wrap { display: flex; } .stores__gallery { width: 66%; } .img_wrap { width:60%; } .stores__image-link { display: block; margin: 0 10px 10px; max-width: 120px; float: left; overflow: hidden } .stores__image { height: 85px; max-width: none !important } .stores__block { display: flex; flex-direction: column; margin: auto; } .stores__block__widget { display: flex; width: 33%; } .stores__block .wrap { padding-bottom: 5%; } .stores__title { margin-bottom: 8px } .stores__phone { font: bold 16px/24px "Open Sans", sans-serif; color: #333; padding-right: 15px } .stores__text { font: 16px/24px "Open Sans", sans-serif; color: #333 } .stores .ymaps-2-1-38-balloon { box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); width: 430px; border-radius: 3px } .stores .ymaps-2-1-38-balloon__layout { overflow: visible; padding: 36px } .stores .ymaps-2-1-38-balloon__tail { display: none } .stores .ymaps-2-1-38-svg-icon { background-image: url('/local/templates/general/assets/css/../images/sprites.svg'); background-position: 69.28104575163398% 36.090225563909776%; background-size: auto; width: 20px !important; height: 25px !important; margin-top: 11px } .stores .ymaps-2-1-38-balloon__close { top: 24px; left: -22px; right: auto } .stores .ymaps-2-1-38-balloon__close-button { background: url("/local/templates/general/assets/css/../images/sprites.svg") 48.46153846153846% 0; width: 43px; height: 55px; opacity: 1 } .stores .ymaps-2-1-38-balloon__content { padding: 0 } .stores .stores-map__placemark { font-size: 14px; color: #777 } .stores .stores-map__address { margin-bottom: 18px; width: 100%; float: left; color: #333 } .stores .stores-map__block { float: left; width: 50% } .stores .stores-map__title { margin-bottom: 8px } .stores .stores-map__phone { font: bold 16px/24px "Open Sans", sans-serif; color: #333; padding-right: 15px } .stores .stores-map__text { font: 16px/24px "Open Sans", sans-serif; color: #333 } .sale .content-container { padding-bottom: 0 } .sale .content-container:after { display: none } .index-slider .owl-dots:after, .index-slider-bottom__element:after, .index-title:after { content: ''; display: block; clear: both } .index-slider__bottom { display: inline-flex; flex-wrap: wrap; justify-content: space-around; width: 100% } .index-slider__bottom:before, .index-slider__bottom:after { content: ''; width: 100% } .index-slider__bottom:before { display: block } .index-slider__bottom:after { display: inline-block } .index-title__button { color: #999; background-color: #fff; border-color: #ccc } .index-title__button:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .index-slider { padding-top: 20px; overflow: hidden } .index-slider .content-container { padding: 0 15px } .index-slider__image { margin: 0; padding: 0; width: 100%; height: auto; object-fit: cover; object-position: left center; max-height: 100%; } .index-slider__button--link { position: absolute; bottom: 28%; left: 14.5%; padding: 0 21px; background: #f2f2f2; border: 1px solid #adabab; color: #323232 } .index-slider__item .button:hover { background: #adabab; color: #f2f2f2; border: 1px solid #adabab } .index-slider--akcii .index-slider__item { height: auto; align-items: flex-start; } .index-slider__item { position: relative; height: 390px; width: 100%; display: flex; overflow: hidden; border-radius: 8px } .index-slider__item:not(:first-child) { display: none } .index-slider .owl-prev, .index-slider .owl-next { top: 50%; margin-top: -13px } .index-slider .owl-prev { left: 29px } .index-slider .owl-next { right: 29px } .index-slider .owl-dots { display: block !important; position: absolute; bottom: 30px; left: 35px } .index-slider .owl-dot { width: 8px; height: 8px; border-radius: 50%; opacity: .25; background-color: #fff; float: left } .index-slider .owl-dot:not(:last-child) { margin-right: 10px } .index-slider .owl-dot.active { cursor: default; opacity: 1 } .index-slider__bottom { padding: 0 0 8px; margin: 20px 0 0 } .index-slider-bottom__element { vertical-align: top; display: inline-block; padding: 15px; text-align: left; width: 25% } .index-slider-bottom__element .tab-arrow { color: #ee490e; display: none } .index-slider-bottom__title { float: right; margin-top: 12px; font-size: 18px; font-weight: 700; width: calc(100% - 64px); color: #ff652e; white-space: nowrap } .index-slider-bottom__text { margin-top: 8px; width: calc(100% - 60px); margin-left: 60px; clear: both; font: 14px/20px "Open Sans", sans-serif } .index-slider-bottom__icon { width: 54px; height: 54px; margin-bottom: -10px; margin-right: 6px; float: left; background-position: center; background-repeat: no-repeat } .index-feedback { padding: 64px 0 36px } .index-feedback .container-gray__header { padding: 0 15px; margin-bottom: 32px } .index-feedback__slider { width: calc(100% - 30px); margin-left: 15px; display: flex } .index-feedback .owl-item .feedback__item { margin: 0 } .index-feedback .owl-prev, .index-feedback .owl-next { top: 50%; margin-top: -13px } .index-feedback .owl-prev { left: -33px } .index-feedback .owl-next { right: -33px } .index-title { margin-bottom: 15px; width: 100%; font: 36px/40px Roboto, sans-serif; color: #333; display: flex; align-items: center; justify-content: space-between } .index-title::after { display: none } .index-title__title { text-align: left; width: 75%; padding-right: 15px; float: left; font: 24px/28px Roboto, sans-serif; margin: 0; text-transform: uppercase; font-weight: 700; color: #000 } .line-through { position: relative; text-align: center } .title-through { background: linear-gradient(to left, #ffffff, #ffffff 10%, #ffffff 90%, #ffffff); font-size: 24px; line-height: 1.2; display: inline-block; padding: 10px 50px; position: relative; color: #222227; text-transform: uppercase; font-weight: bold } .title-through:hover { color: #ff652e } .index-title__button { height: 36px; float: right; line-height: 36px; color: #595959; font-weight: 700; text-transform: uppercase; padding: 0; border: 0 } .index-title__button.index-title__button { margin-bottom: 0 } .index-title__button.index-title__button:hover { color: #595959; opacity: .8; background: 0 } .index-brands { margin-bottom: 20px } .index-brands__slider { width: calc(100% - 30px); padding: 28px 0; margin-left: 15px } .index-brands__item { width: 170px; margin-right: 30px; float: left } .index-brands .owl-prev, .index-brands .owl-next { top: 50%; margin-top: -13px } .index-brands .owl-prev { left: -33px } .index-brands .owl-next { right: -33px } .index-brands .owl-item .index-brands__item { margin: 0; width: 100% } .index-brands__image { max-width: 170px; margin: 0 auto } .index-news { margin: 50px 15px; } .index-news .owl-stage-outer { width: 100% } .index-news .owl-stage { display: flex } .index-news .index-news__item { box-sizing: border-box; width: 100%; border: 4px solid #fff; border-radius: 8px; padding-bottom: 20px; overflow: hidden } .icon-star { width: 16px; height: 16px; color: #ff652e } .index-news__slider { display: flex } .index-news__item { width: 100%; background-color: #fff; display: flex; flex-direction: column } .index-news__item .index-news__link { margin-left: 20px; margin-right: 20px } .index-news .owl-prev, .index-news .owl-next { top: 50%; margin-top: -13px } .index-news .owl-prev { left: -33px } .index-news .owl-next { right: -33px } .index-news__date { font-size: 14px; line-height: 24px; color: #999; margin: 0 20px 7px } .index-news__title { margin: 0 20px; overflow: hidden; display: block } .index-news__title-link { display: block; text-decoration: none; font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: 700; color: #000 } .index-news__text { font-size: 14px; height: 38px; padding: 0; margin: 0 20px 10px } .index-news__link { display: inline-block; align-self: flex-start; background-color: #fff; color: #ee490e; font-size: 14px; border: 1px solid #ee490e; padding: 5px 20px; margin: auto auto 20px; transition: all .3s } .index-news__link:hover { background-color: #ee490e; color: #fff } .index-news__image-link { display: block; margin-bottom: 18px } .index-news__image.index-news__image { height: 180px; object-fit: unset; width: 100% !important; border-radius: 8px } @media screen and (max-width: 600px){ .index-news__image.index-news__image { height: 150px; } } .about { padding: 70px 0 69px } .about .index-title { padding: 0 } .about__inner { font-size: 16px; line-height: 24px; padding: 23px 0 0 } .about__image { width: 50%; height: auto; padding-left: 15px; padding-right: 15px; float: left } .about__text-content { padding-left: 15px; padding-right: 15px } .about__title { margin: 0 0 20px } .about__text { display: flex; width: 100%; color: #333 } .about__link { margin-top: 16px; padding-right: 5px; position: relative; display: inline-block; color: #ff562e; float: left; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; transition: transform .3s } .about__link:hover { transform: translateX(5px) } .about__link:before, .about__link:after { content: ''; position: absolute; display: block } .about__link:before { width: 18px; height: 18px; border-radius: 50%; background-color: #ff562e; top: 1px; left: 100% } .about__link:after { top: 2px; left: calc(100% + 4px); background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px } .catalog-categories__list:after, .filters-color-block__list:after, .filters-range__input-container:after, .catalog__topbar:after, .catalog__sort-links:after, .catalog__list:after { content: ''; display: block; clear: both } .catalog__button--more { color: #999; background-color: #fff; border-color: #ccc } .catalog__button--more:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .catalog-categories__text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding-bottom: 32px; width: calc(100% - 30px); margin: 0 auto; border-bottom: 4px solid #f5f5f5 } .catalog-categories__text:last-child { padding: 20px 0 12px; border: 0; border-top: 4px solid #f5f5f5 } /* конфликт .catalog-categories__list { margin: 50px 0 100px; padding: 0; display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; } .catalog-categories__item { width: 100% !important; max-width: 445px; margin: 0; }*/ .catalog-categories__item:before { display: none } .catalog-categories__link { color: #333; text-decoration: none; } .catalog-categories__link:hover { color: #000; } .catalog-categories__link:hover .catalog-categories__image-container { padding: 0; /*transition: padding 0.3s ease;*/ } .catalog-categories__image-container { border-radius: 3px; width: 100%; height: 284px; padding: 8px; border: 1px solid #ccc; } .catalog-categories__image-container > div { width: 100%; height: 100%; } /* конфликт .catalog-categories__image { margin: 0; height: 100%; width: 100%; object-fit: cover; }*/ .catalog-categories__title { margin-top: 14px; font-weight: 400; font-size: 18px; line-height: 22px; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; text-align: center; text-transform: unset; } .filters__header { display: none } .filters__filters-close { display: none } .category__collection { display: flex; justify-content: space-between; gap: 30px; } .category__collection img { width: 100%; max-width: 429px; max-height: 268px; object-fit: cover; } .category__collection h3 { font-weight: 400; font-size: 18px; line-height: 25px; text-transform: unset; } .collection__title { display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 20px; } .collection__title h2 { font-size: 24px; line-height: 33px; margin: 0; } @media (max-width: 767px) { .collection__title h2 { font-size: 20px; line-height: 26px; } } .collection__list.vtor_teg { gap: 10px; max-height: 1000px; transition: max-height .2s; } .collection__list.vtor_teg.compress { max-height: 200px; overflow: hidden; } .collection__list.vtor_teg + .show-more { background: none; color: #FF652E; opacity: 0; max-height: 0; overflow: hidden; } .collection__list.vtor_teg.compress + .show-more { opacity: 1; max-height: 35px; } .collection__list.vtor_teg a { margin: 0; font-size: 12px; } @media (max-width: 990px) { .category__collection { flex-direction: column; } .collection__list.vtor_teg { /*max-height: 200px;*/ /*overflow: hidden;*/ } } .filters__filter { padding: 8px 0; border-bottom: 1px solid #ccc } .filters__filter--top { border-bottom: 0; padding-bottom: 4px; padding-top: 0 } .filters__filter:first-child { padding-top: 0 } .filters__filter:nth-last-child(2) { border: 0 } .filters__title { color: #333; padding: 7px 12px 8px 0; font: bold 14px/20px "Open Sans", sans-serif; display: block; cursor: default; position: relative } .filters__title .fa { position: absolute; right: 0; top: 10px } .filters__inner-content { padding: 12px 0 2px } .filters__checkbox { margin-bottom: 10px } .checkbox label { line-height: 20px } .checkbox label:before { top: 0; width: 20px; height: 20px; background-color: #fff } .checkbox input:checked + label { color: #ff652e; position: relative; z-index: 1 } .checkbox input:checked + label:before { background: 0 } .checkbox:hover label { color: #ff652e } .filters__check-list--large .checkbox { margin: 0 } .filters__check-list--large .checkbox:last-child label { margin-top: -1px } .filters__check-list--large .checkbox:hover label { color: #ff652e !important; border-color: #ff652e; opacity: .6; position: relative; z-index: 1 } .filters__check-list--large .checkbox label { padding: 0; line-height: 33px; z-index: 1; display: flex; align-items: flex-start } .filters__check-list--large .checkbox label:before { display: none } .filters__check-list--large .checkbox label:after { left: auto; top: 7px; right: 11px } .filters__check-list--large .checkbox input:checked { opacity: 1 } .filters__check-list--large .checkbox .checked_filter { order: -5; margin-left: 0; margin-right: 9px; margin-top: 7px; position: static } .filters__color-block { margin-bottom: 12px; position: relative } .checked_filter { display: inline-flex; width: 20px; height: 20px; position: relative; top: 3px; margin-left: 10px; color: #ff652e; border: 1px solid #b3b3b3; border-radius: 4px; padding: 1px } .icon-tick { transition: transform .3s; transform: scale(0) } .checkbox input:checked + label .checked_filter { border-color: #ff652e } .checkbox input:checked + label .icon-tick { transform: scale(1) } .checked_filter_params { position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; display: inline-flex; transform: scale(0); transition: transform .3s } .checkbox input:checked + label .checked_filter_params { transform: scale(1) } .filters-color-block__toggler { position: relative; border-radius: 2px; width: 23px; height: 23px; display: block; background-size: 100% } .filters-color-block__toggler:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc } .filters-color-block__checkbox:before, .filters-color-block__toggler:before { content: ''; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-13%, -25%) rotate(-45deg); transform-origin: left bottom; width: 16px; height: 8px; border-left: 2px solid #ff652e; border-bottom: 2px solid #ff652e; box-sizing: border-box; opacity: 0 } .filters-color-block__checkbox.has-checked:before, .filters-color-block__toggler.has-checked:before { opacity: 1 } .filters-color-block__checkbox.has-checked::after, .filters-color-block__toggler.has-checked::after { border-color: #ff652e } .filters-color-block__title { padding-right: 17px; position: absolute; top: -2px; left: 35px; white-space: nowrap; color: #777; line-height: 27px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .filters-color-block__title:before { content: ''; position: absolute; display: block; width: calc(100% - 17px); bottom: 6px; border-bottom: 1px dashed #777 } .filters-color-block__title:after { content: ''; position: absolute; display: block; top: 6px; right: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .filters-color-block__title.active, .filters-color-block__title:hover { color: #333 } .filters-color-block__title.active:before, .filters-color-block__title:hover:before { border-color: #333 } .filters-color-block__title.active:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .filters-color-block__inner { display: none } .filters-color-block__list { padding: 10px 0 10px 24px } .filters-color-block__checkbox { float: left; margin: 0 7px 7px 0; width: 23px; height: 23px; border-radius: 2px; display: block; background-size: 100% } .filters-color-block__checkbox:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc; z-index: -1 } .filters-color-block__checkbox label { padding: 0; width: 23px; height: 23px } .filters-color-block__checkbox label:before { display: none !important } .filters-color-block__checkbox label:after { top: 3px; left: 2px; background: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 62.98701298701299% 97.16312056737588%; width: 19px; height: 17px } .filters__button--submit { width: 100% } .filters-range__input-container { display: inline-block } .filters-range__label { width: 20px; float: left; margin: 0; line-height: 40px } .filters-range__input { float: left; width: 60px; font-weight: 600; height: 36px; position: relative; top: 2px; border: 1px solid #b3b3b3; border-radius: 8px } .filters-range__input.filters-range__input.filters-range__input:focus { border-color: #ff652e } .filters-range__slider { margin-bottom: 20px; padding: 0 6px; background-color: #e0e0e0; height: 4px; border-radius: 2px } .filters-range__slider .ui-slider { height: 100% } .filters-range__slider .ui-slider-handle { top: -6px; margin-left: -6px; width: 12px; height: 12px; border-radius: 50%; background-color: #ff652e; outline: 0; cursor: pointer; padding: 8px; background: no-repeat 50%; background-image: url("data:image/svg + xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'style='isolation:isolate'viewBox='802601211'width='12'height='11'%3E%3Cpathd='M80261.995c0-.948.992-1.9451.846-1.995-.023.0255.43905.4620.786.0161.364.4381.846.997q.023-.0252.8462.993v2.992q-2.8692.992-2.8462.992c-.529.635-.998.964-1.846.997.046.025-5.416.05-5.4620-.923-.025-1.823-.922-1.846-1.995.02300-6.9560-6.981z'fill='%23ff652e'/%3E%3C/svg%3E") } .filters-range__slider .ui-slider-handle:last-child { transform: rotate(180deg); top: -5px } .filters-range__slider .ui-slider-range { background-color: #ffc8b4 } .icon-list { width: 32px; height: 33px } .index-types.main_icons { background-color: #f4f4f4; } .catalog-categories-main_icons, .popular-categories-main_icons { display: flex; flex-wrap: wrap; /* padding-top: 68px; */ padding-bottom: 50px; } @media (max-width: 768px) { .catalog-categories__list { grid-template-columns: repeat(2, calc(50% - 15px)); } } .catalog-categories-main_icons__item, .popular-categories-main_icons__item { position: relative; display: flex; flex-direction: column; align-items: center; text-decoration: none; background-color: #ffffff; margin: 0.5px; text-align: center; width: calc((100% / 6) - 1px); max-width: 232px; color: #4D4D4D; padding: 44.5px 0; } .catalog-categories-main_icons__item img { margin-bottom: 17px; } .catalog-categories-main_icons__item p, .popular-categories-main_icons__item p { margin: 0; font-size: 16px; line-height: 22px; } .catalog-categories-main_icons__item p svg { margin-left: 10px; transform: rotate(0deg); transition: transform .3s; } @media (max-width: 767px) { .catalog-categories-main_icons__item p, .popular-categories-main_icons__item p { font-size: 14px; line-height: 20px; } .catalog-categories-main_icons__item p svg { display: block; margin: 10px auto 0; } } .catalog__subcategories-block { position: absolute; max-height: 0; overflow: hidden; margin: 0; top: calc(100% - 23.5px); z-index: 1; background: #fff; transition: all .3s; display: flex; flex-wrap: wrap; gap: 10px; padding: 0 10px; } .catalog__subcategories-block a { font-size: 12px; line-height: 16px; color: #777777; } .catalog-categories-main_icons__item:hover { color: #4D4D4D; background-color: #fff; box-shadow: 0 0 2px 1px rgba(0, 0, 0, 0.1); } .popular-categories-main_icons__item:hover { background-color: #f3f2f2; } .catalog-categories-main_icons__item:hover svg { transform: rotate(180deg); transition: transform .3s; } .catalog-categories-main_icons__item:hover .catalog__subcategories-block { max-height: 500px; transition: max-height .3s; padding-bottom: 20px; box-shadow: 0 2px 2px 1px rgba(0, 0, 0, 0.1); transition: all .3s; } .catalog-categories-main_icons__item--image { max-width: 50px; padding-top: 40px; } .catalog-categories-main_icons__item--text { font-style: normal; font-weight: normal; font-size: 16px; line-height: 21px; text-decoration: none; padding: 10px 0 40px; margin: 0; } @media(max-width: 990px){ .catalog-categories-main_icons__item, .popular-categories-main_icons__item { width: calc((100% / 4) - 1px); } } @media(max-width: 600px){ .catalog-categories-main_icons__item, .popular-categories-main_icons__item { width: calc((100% / 2) - 1px); } } h2.container-gray__title { width: 75%; font-family: "Open Sans",sans-serif; font-size: 24px; display: block; position: relative; color: #000; text-transform: uppercase; font-weight: 700; transition: color .3s; margin: 0; } .container-gray.index-types { padding-bottom: 0; } @media screen and (max-width: 767px) { .container-gray.index-types { padding-top: 30px; } } .container-gray.catalog { padding-bottom: 68px; } .container-gray.catalog h3 { font-weight: 400; font-size: 18px; line-height: 25px; text-transform: unset; } .catalog__map { padding: 60px 0 70px; } @media screen and (max-width: 767px) { .catalog__map { padding: 30px 0; } } .catalog__map #map-catalog { height: 312px; } .catalog__map .map__nav { display: flex; align-items: center; margin-bottom: 20px; } .map__nav .show-all { font-weight: 700; } .region-list { display: flex; align-items: center; margin: 0; padding: 0; gap: 20px; margin-right: 20px; } .region-list { overflow-x: auto; } .region-list::-webkit-scrollbar { display: none; } .region-list li { margin: 0; } .region-list li a{ padding: 0; background: none; border: none; border-radius: 0; color: #FF562E; font-weight: 400; font-size: 17px; line-height: 21px; border-bottom: 1px solid #FF562E; height: auto; } .popular-categories-main_icons { padding-bottom: 0; } .catalog .page-title-section { padding-top: 0 } .catalog__title { margin-bottom: 29px; padding: 0 15px } .catalog__filter-link { display: none } .catalog__sort-links { float: right } .catalog__sort-container { float: left; position: relative; margin-left: 40px } .catalog__sort-container:nth-child(2) { display: none } .catalog__sort-container:hover .catalog__sort-popup { top: 35px; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .catalog__sort-link { font: 12px/35px "Open Sans", sans-serif; color: #777; text-decoration: none; position: relative; display: inline-block; padding-right: 14px } .catalog__sort-link:before, .catalog__sort-link:after { content: ''; position: absolute; display: block } .catalog__sort-link:before { background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 11px; right: 0; transition: transform .3s } .catalog__sort-link:after { width: calc(100% - 14px); bottom: 10px; left: 0; border-bottom: 1px dashed #777 } .catalog__sort-link:hover::before { transform: rotate(-90deg) } .catalog__sort-popup { top: -9999px; position: absolute; right: -10px; opacity: 0; z-index: 100; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); transition: transform .25s linear, opacity .25s linear } .browser-safari .catalog__sort-popup { transition: opacity .25s linear } .catalog-sort-popup__list { padding: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; position: relative } .catalog-sort-popup__list:before { content: ''; position: absolute; display: block; top: -5px; right: 9px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .catalog-sort-popup__list:after { content: ''; position: absolute; display: block; top: -4px; right: 10px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .catalog-sort-popup__item { margin: 0 } .catalog-sort-popup__item:first-child a { border-top-left-radius: 3px; border-top-right-radius: 3px } .catalog-sort-popup__item:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .catalog-sort-popup__item:not(:last-child) { border-bottom: 1px solid #ccc } .catalog-sort-popup__item:before { display: none } .catalog-sort-popup__link { white-space: nowrap; padding: 9px 12px; display: block; color: #777; text-decoration: none } .catalog-sort-popup__link:hover { color: #333; background-color: #f5f5f5 } .catalog__content { width: 83%; padding-left: 15px; padding-right: 15px; float: left } .catalog .catalog-item { margin-bottom: 36px } .items-slider .catalog-item { margin-bottom: 0 } .catalog--main .catalog-item { width: 25%; height: 500px !important; } .items-slider .catalog-item { width: 100%; padding-left: 53px } .catalog--main .catalog-item:nth-child(4n + 1) { clear: left } .catalog--main .catalog-item:hover { z-index: 20 } .catalog--main .catalog-item:hover .catalog-item__bg { display: block } .catalog--main .catalog-item:hover .catalog-item__aside { top: 0; left: 275px; } .catalog--main .catalog-item.right-item:hover .catalog-item__aside { left:-140px; } .catalog--main .catalog-item:hover .catalog-item__bottom { display: block; justify-content: center } .catalog--main .catalog-item:hover .catalog-item__bg_small .catalog-item__bottom { flex-direction: column } .catalog--main .catalog-item:hover .catalog-item__bg_small .catalog-item__bottom .one-click-buy { width: 100%; max-width: 150px; padding: 0 10px; } .catalog--main .catalog-item:hover .catalog-item__bg_small .catalog-item__bottom a { width: 100%; max-width: 150px; display: block; margin-top: 10px } .catalog--search .catalog__content { width: 100% } .catalog--search .catalog-item { width: 20% } .catalog--search .catalog-item:nth-child(5n + 1) { clear: left } .catalog__list { overflow: visible } .catalog--search ~ .catalog__list .catalog__content { width: 100% } .catalog__search ~ .catalog__list { text-align: center } .catalog--search ~ .catalog__list .catalog-item { width: 20% } .catalog--search ~ .catalog__list .catalog-item:nth-child(5n + 1) { clear: left } .catalog--search ~ .catalog__list .catalog-item:nth-child(4n + 1) { clear: none } .catalog--floor .catalog-item { width: 33.333% } .catalog--floor .catalog-item:nth-child(4n + 1) { clear: none } .catalog--floor .catalog-item:nth-child(3n + 1) { clear: left } .catalog--floor .catalog-item__image-container { width: 100% } .catalog__bottombar { text-align: center } .catalog-text__columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding: 36px 15px 12px; border-top: 4px solid #f5f5f5 } .catalog-text__descr { margin: 20px 0 } .catalog__search-header { font: 36px/normal Roboto, sans-serif; text-align: center; padding-top: 24px; margin-bottom: 12px } .catalog__search-value { color: #333; text-align: center } .catalog__search { width: 600px; margin: 26px auto 40px; padding-left: 15px; padding-right: 15px; height: 40px } .catalog--search.catalog-search-nothing-found { text-align: center } .catalog-search__input { float: left; width: calc(100% - 100px); height: 40px; border: 1px solid #ff652e } .catalog-search__button--submit { float: right; width: 100px; height: 40px } .product-gallery__inner { display: flex } .product-top__topbar:after, .product-top__left:after, .product-top__right:after, .product__view-links:after, .product-view-links__inner:after, .product__gallery:after, .product-gallery__inner:after, .product__filter:after, .product-filter__door-type:after, .product-filter-color__inner:after, .product-filter-price-tabs__discount:after, .product-filter-complect__row:after, .product-info-parameters__item:after, .product-price__inner:after, .product-price__colors:after { content: ''; display: block; clear: both } .product-filter__footer { display: flex; align-items: center; justify-content: center } .product-top { padding-bottom: 33px } .product-top__title-container { width: 100%; padding-left: 12px; padding-right: 15px } .product-top__title-inner { display: table } .product-top__title-row { display: table-row } .product-top__title-row .product-top__instore { display: none } .product-top__title { font: 30px/34px Roboto, sans-serif; font-weight: 700; display: table-cell; vertical-align: top; margin: 0 } .product-top__badge-container { position: absolute; top: 22px } .product-top__badge-container .catalog-item__label:not(:last-child) { margin-right: 0; margin-bottom: 18px } .product-top__badge { border-radius: 3px; font: 12px/20px "Open Sans", sans-serif; float: left; padding: 0 8px; margin-bottom: 10px; color: #fff } .product-top__badge:not(:last-child) { margin-right: 10px } .product-top__badge--new { background-color: #ff652e } .product-top__badge--discount { background-color: #ee490e } .product-top__badge--hit { background-color: #40404b } .product-top__number { display: none !important; margin-top: 4px; font-size: 12px } .product-top__topbar { width: 50%; padding-left: 15px; padding-right: 15px; float: left } .product-top__button--type { float: left; padding: 0 12px; height: 40px; line-height: 38px; color: #595959; border-color: #ccc; background-color: transparent; margin-bottom: 12px } .product-top__button--type span:before, .product-top__button--type span:after { content: ''; position: absolute; display: block; top: 9px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 57.5% 59.42028985507246%; width: 13px; height: 20px; transition: opacity .25s linear } .product-top__button--type span:after { opacity: 0 } .product-top__button--type.active, .product-top__button--type:hover { color: #000; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e; background-color: transparent } .product-top__button--type.active span:before, .product-top__button--type:hover span:before { opacity: 0 } .product-top__button--type.active span:after, .product-top__button--type:hover span:after { opacity: 1 } .product-top__button--type.active { cursor: default } .product-top__button--single { margin-right: 12px } .product-top__button--single span { padding-left: 18px } .product-top__button--single span:after { background-position: 57.5% 39.85507246376812% } .product-top__button--double span { padding-left: 28px } .product-top__button--double span:before { background-position: 90% 65.21739130434783%; width: 23px; height: 20px } .product-top__button--double span:after { background-position: 90% 34.05797101449275%; width: 23px; height: 20px } .product-top__left { float: left } .product-top__instore { margin-bottom: 15px } .product-top__availability { padding-left: 36px; position: relative; line-height: 40px } .product-top__availability_not.offers-show, .product-top__availability.offers-show { display: inline-block } .product-top__availability:before, .product-top__availability:after { content: ''; position: absolute; display: block } .product-top__availability:before { top: 7px; left: 0; width: 25px; height: 25px; border-radius: 50%; background-color: #ccc } .product-top__availability:after { top: 11px; left: 4px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 68.38709677419355% 85.21126760563381%; width: 18px; height: 16px } .product-top__availability--order { color: #ee490e } .product-top__availability--order:before { background-color: #ee490e } .product-top__compare { padding-left: 38px; margin-left: 21px; color: #777; line-height: 40px; position: relative; text-decoration: none } .product-top__compare.offers-show { display: inline-block } .product-top__compare:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 63.07692307692308%; width: 29px; height: 28px; top: 5px; left: 0 } .product-top__compare[style*='display: block;'] { display: inline-block !important } .product-top__compare.active { color: #ff652e } .product-top__compare.active:before { background-position: 73.61111111111111% 0 } .product-top__compare.active .product-top-compare__text:after { border-color: #ff652e } .product-top__compare.active .product-top-compare__text--active { display: inline } .product-top__compare.active .product-top-compare__text--default { display: none } .product-top-compare__text { position: relative } .product-top-compare__text:after { content: ''; position: absolute; display: block; width: 100%; bottom: -1px; border-bottom: 1px solid #777; transition: all .25s linear } .product-top-compare__text--active { display: none } .product-preview { height: 635px; background-position: center; background-repeat: no-repeat; margin-bottom: 26px } .product-preview__door-container { position: absolute; width: 462px; bottom: 70px; left: 50%; margin-left: -496px } .product-preview__door-image { margin: 0 auto; display: block } .product_img .product-preview__door-image { width: 100%; max-height: 100%; max-width: fit-content; object-fit: contain } .product-preview__door-image-small { display: none } .product__title { font-size: 22px; line-height: 40px; margin-bottom: 14px } .product__view-links { padding: 10px 15px 8px; display: inline-block; background-color: #fff; z-index: 1; right: 0; position: absolute; box-shadow: 0 2px 7px 1px #00000050 } .product-view-links__inner { margin-left: -15px; overflow: hidden } .product-view-links__link { width: 100px; float: left; margin: 0 15px 20px 15px; color: #333; position: relative } .product-view-links__link:hover { color: #000 } .product-view-links__link:nth-child(4n + 1) { clear: left } .product-view-links__link.active { cursor: default; color: #000 } .product-view-links__link.active .product-view-links__image:before { content: ''; position: absolute; display: block; width: 100%; height: 70px; border: 2px solid #e0e0e0 } .product-view-links__link.active .product-view-links__image:after { content: ''; position: absolute; display: block; width: 96px; height: 66px; top: 2px; left: 2px; border: 2px solid #fff } .product-view-links__image { width: 100px; height: 70px; background-size: cover } .product-view-links__hidden { position: absolute; top: -9999px } .product-view-links__title { margin-top: 6px; display: block } .product-title__toggler { color: #333 } .owl-item.active ~ .owl-item.active .product-gallery__link::after { box-shadow: none } .owl-item.active .product-gallery__link::after { position: absolute; border-radius: 8px; top: 0; left: 0; bottom: 0; right: 0; content: ''; box-shadow: inset 0 0 0 2px #ff652e } .product-gallery__link { position: relative; width: 70px; height: 70px; border-radius: 8px; overflow: hidden; text-decoration: none; display: flex } .product-gallery__image { max-width: 70px; max-height: 70px } .product_video { width: 75px; left: 14px; padding: 10px; position: absolute; top: -661px; right: 0; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: center } .product_video .video_link { color: black; text-decoration: none; display: flex; align-items: center; width: 200px } .product_video:hover .video_img { -webkit-animation: pulse 1s ease 0s infinite normal; -o-animation: pulse 1s ease 0s infinite normal; -moz-animation: pulse 1s ease 0s infinite normal; animation: pulse 1s ease 0s infinite normal } .product_video:hover .video_link { text-decoration: underline } .product_video .video_link { color: black; text-decoration: none } .video_img { display: inline-block; width: 50px; height: 50px; margin-right: 10px; transition: opacity .25s linear; -moz-box-shadow: 2px 1px 4px 4px rgba(10, 10, 0, .5); -webkit-box-shadow: 2px 1px 4px 4px rgba(10, 10, 0, .5); -o-box-shadow: 2px 1px 4px 4px rgba(10, 10, 0, .5); box-shadow: 2px 1px 6px 4px rgba(10, 10, 0, .5); border-radius: 50%; -webkit-animation: bump 3s linear infinite normal; -o-animation: bump 3s linear infinite normal; -moz-animation: bump 3s linear infinite normal; animation: bump 3s linear infinite normal; top: 0; position: relative } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @-o-keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @-webkit-keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } @-o-keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } @-moz-keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } @keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } .product_view { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 45px } .product_view > div { padding: 0 10px; max-width: 500px } .product_img { width: 35%; position: relative } .product_params { width: 35% } .product_order { width: 30% } .product-center__footer { padding-top: 20px; clear: both } .product-center__footer-row { display: flex; align-items: center; margin-bottom: 5px } .product-center__hidden-block { margin-top: 20px; margin-bottom: 5px } .product-center__footer-row .icon--info { margin-left: 8px; margin-bottom: -4px } .product-filter__select-container .product_params__footer { padding-top: 3px } .product-center__footer a:last-child { margin-right: 0 } .product_params_top .product_params__title { margin-top: 0 } .product_params__title { font-size: 14px; font-weight: 600; color: #000; margin-bottom: 12px; margin-top: 20px } .product_params__descr { font-size: 14px; line-height: 24px; color: #000; margin: 6px 0 26px } .fade-block { position: relative } .fade-block__toggler { display: inline-block; cursor: pointer; transition-duration: 300ms } .fade-block__toggler:hover { opacity: .8 } .fade-block__toggler--close { position: relative; width: 22px; height: 22px } .fade-block__toggler--close::before, .fade-block__toggler--close::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: currentColor; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg) } .fade-block__toggler--close::after { transform: translate(-50%, -50%) rotate(45deg) } .fade-block__content { position: absolute; top: 50%; left: 50%; z-index: 10; display: none; box-sizing: border-box; transform: translate(-50%, -50%) } .fade-block__content .about__text--flex { display: flex; } .fade-block__content .about__text { padding: 58px 32px 47px; width: 896px; max-width: 100% } .fade-block__content .about__inner { padding: 0; font-size: 14px; line-height: 24px; color: #000 } .fade-block__content .about__image { margin-bottom: 0; margin-right: 28px; padding: 0 } .fade-block__content .about__image--slider { width: 30%; flex-shrink: 0; } .fade-block__content .about__image--slider img { width: 100%; } .fade-block--popup .fade-block__toggler--close { position: absolute; top: 15px; right: 15px } .fade-block--popup .fade-block__content { position: fixed; overflow-y: auto; z-index: 100; max-width: calc(100% - 30px); max-height: calc(100% - 180px); background: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.12); border-radius: 8px } .sku-wrapper { margin-bottom: -7px } .product__filter { width: 50%; padding: 30px 30px 20px; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .product__filter .tooltip { padding: 17px 22px; text-align: left; line-height: 16px; margin-left: 0 } .product-filter__label { margin: 0 8px 0 0; color: #333; line-height: 40px; vertical-align: top; display: block } .product-filter__select-container { float: left; width: 100% } .filter__select-box { display: flex; flex-wrap: wrap } .product-filter__select-container--second { float: right } .product-filter__select-container--second + .product-filter__color { clear: left } .product-filter__door-type { width: 100%; float: left } .product-filter__type { display: inline-block; border: 1px solid #ccc; padding: 7px 15px; margin-bottom: 5px; color: #595959; line-height: 24px; border-radius: 8px; float: left; position: relative } .product-filter__type:not(:last-child) { margin-right: 12px } .product-filter__type:hover, .product-filter__type.active { position: relative; z-index: 1; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e } .product-filter__type.active { cursor: default } .product-filter__type--left { padding-left: 47px } .product-filter__type--right:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 72.10884353741497% 20.28985507246377%; width: 26px; height: 20px; top: 10px; left: 13px } .product-filter__type--right { padding-left: 47px } .product-filter__type--left:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 72.10884353741497% 20.28985507246377%; width: 26px; height: 20px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); top: 10px; left: 13px } .product-filter__door-open-side { float: left; width: 100%; margin-top: 20px } .product-filter__color { float: left; width: 50% } /* .product-filter__color--second { padding-left: 30px } */ .product-filter__color--second + .product-filter__color { clear: left } .product-filter-color__title { color: #333 } .product-filter-color__inner { margin: -6px; width: calc(100% + 12px) } .tooltip1 { float: left } .product-filter-color__link { margin: 6px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 8px; position: relative; background-size: 100%; border: 1px solid #ccc; transition: .25s linear } .product-filter-color__link img { margin-bottom: 0; width: 32px; height: 32px; border-radius: 6px } .product-filter-color__link:hover, .product-filter-color__link.active { position: relative; z-index: 1; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e } .product-filter-color__link.active { cursor: default } .product-filter__price { width: 100%; float: left; margin-bottom: 17px } .product-filter-price__title { color: #333 } .product-filter-price__base { color: #ee490e; margin-top: 6px; font-size: 12px } .product-filter-price__number { white-space: nowrap; text-decoration: line-through } .product-filter-price__badge { background-color: #ee490e; color: #fff; padding: 0 5px; line-height: 20px; border-radius: 3px; display: inline-block; margin-left: 7px } .product-filter__price-tabs { width: 100%; flex-wrap: wrap; margin: 10px 0 20px; box-sizing: border-box } .product-filter-price-tabs__tab { width: 100%; padding: 10px 16px; transition: background .25s linear; border: 1px solid #ccc; box-sizing: border-box; cursor: pointer; padding-left: 29px; } .product-filter-price-tabs__tab:first-child { border-radius: 8px; margin-bottom: 8px; text-align: center; } .product-filter-price-tabs__tab + .product-filter-price-tabs__tab { border-radius: 8px; } .product-filter-price-tabs__tab.active { cursor: default; box-shadow: inset 0 0 0 1px #ff562e; border-color: #ff562e; position: relative; z-index: 2 } .product-filter-price-tabs__tab:hover { box-shadow: inset 0 0 0 1px #ff562e; border-color: #ff562e } .product-filter-price-tabs__tab:hover .tooltip { bottom: calc(100% + 16px) !important } .product-filter-price-tabs__tab .tooltip { left: 0; width: 100% } .product-filter-price-tabs__tab .tooltip:after { left: 15px } .product-filter-price-tabs__title { font-size: 14px; color: #999 } .product-filter-price-tabs__discount { font: 700 16px/22px "Open Sans", sans-serif; white-space: nowrap; color: #000 } .product-filter-price-tabs__price--old { color: #777; font-size: 11px; font-weight: normal; position: relative; top: 5px; margin-left: 5px } .product-filter-price-tabs__number { white-space: nowrap; text-decoration: line-through } .product-filter-price-tabs__badge { background-color: #ee490e; color: #fff; padding: 0 5px; line-height: 20px; border-radius: 3px; display: inline-block; margin-left: 7px } .product-filter-price-tabs__tab-wrap .fade-block__toggler { position: absolute; top: 7px; right: 9px; z-index: 2; } .product-filter-price-tabs__tab-wrap { position: relative; } .open-accordion .product-filter-price-tabs__configure.product-filter-price-tabs__configure::before { transform: rotate(135deg); } .product-filter-price-tabs__configure.product-filter-price-tabs__configure::before { transition-duration: 300ms; width: 6px; height: 6px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: static; } .product-filter-price-tabs__configure.product-filter-price-tabs__configure:hover { opacity: .7; } .product-filter-price-tabs__configure.product-filter-price-tabs__configure { transition-duration: 300ms; position: absolute; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; left: 30px; top: 9px; } .product-filter-price-tabs__configure-text { font: 14px/1.2em Arial, Helvetica, sans-serif; font-weight: 700; line-height: 14px; transition: all .25s linear } .product-filter-price-tabs__configure:before { content: ''; position: absolute; display: block; top: -2px; right: -1px; width: 14px; height: 14px; font-size: 20px } .product-filter__complect { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; display: none; position: relative; text-align: left; margin-top: -13px; padding-top: 10px; padding-left: 14px; padding-right: 5px; margin-bottom: 5px; border-radius: 0 0 8px 8px; } .product-filter-complect__inner::-webkit-scrollbar { background-color: #f5f5f5; width: 6px } .product-filter-complect__inner::-webkit-scrollbar-thumb { width: 6px; background-color: #ccc; border-radius: 6px; } .product-filter-complect__inner { overflow-y: auto; overflow-x: hidden; max-height: 300px } .product-filter-complect__inner.offers-show { height: auto !important } .product-filter-complect__table { border: 0; width: 100% } .product-filter-complect__cell { border: 0; vertical-align: top } .product-filter-complect__cell--title { padding: 11px 15px 6px 0; font-size: 12px; color: #000 } .product-filter-complect__cell--price { padding: 11px 0; white-space: nowrap; text-align: right } .product-filter-complect__cell--quantity { padding: 3px 3px 3px 15px } .product-filter-complect__cell--quantity .quantity__input { font-size: 14px } .product-filter-complect__cell--quantity .simple-quantity { box-shadow: none; line-height: 20px; height: auto; padding: 8px 0; color: #000 } .product-filter-complect__cell .quantity__container { width: 90px; float: right } .product-filter-complect__cell .quantity__button { width: 29px } .product-filter-complect__cell .quantity__input { width: 30px } .product-filter__submit { padding: 31px 24px 30px; width: 100%; float: left; position: relative; box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); border-radius: 8px } .product__price .button { float: right } .product__price .button, .product-filter__submit .button { font-size: 16px; line-height: 43px; height: 45px } .product-filter__submit .button svg { margin-right: 0; margin-left: 8px } .product-filter__submit .popup-link { font-size: 16px } .product-filter__submit .popup-link svg { margin-right: 0; margin-left: 10px } .product-filter__price-block { display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px } .product-filter-price__discount, .product-filter-submit__prices { font: bold 22px/24px "Open Sans", sans-serif; color: #000 } .product-filter-submit__price { display: block } .product-filter-price-tabs__base, .product-filter-submit__price--old { color: #595959; font-size: 14px; line-height: 24px; text-decoration: line-through; font-weight: 400 } .product-filter-submit__quantity { text-align: center } .product-filter-submit__button--submit { width: 100%; font-size: 16px; height: 40px; line-height: 40px } .product-filter-submit__button--submit .icon-small-cart { margin-bottom: -5px; width: 22px; height: 22px; color: currentColor } .product-filter-submit__button--submit:hover .tooltip { bottom: calc(100% + 17px) !important; left: 0 } .product-filter-submit__button--submit .tooltip { left: auto; right: 0; width: 340px } .product-filter-submit__button--submit .tooltip:after { left: auto; right: 11px } .product__buttons { margin-top: 26px; float: left; width: calc(100% - 30px); border-top: 3px solid #f5f5f5; padding: 20px 0 } .product-buttons__button { height: 45px; font: 16px/43px "Open Sans", sans-serif; float: left } .product-buttons__button:not(:last-child) { margin-right: 20px } .popup--measure { border-bottom: 3px solid #f5f5f5; padding-bottom: 20px; margin-bottom: 20px } .product-buttons__button--measurement { color: #000; display: inline-flex; align-items: center; font-weight: 600 } .product-buttons__button--measurement .icon { position: relative; width: 24px; height: 24px; margin-right: 8px; color: #ed4919 } .product_order { margin-bottom: 30px } .description__title { font-size: 22px; line-height: 40px } .description__subtitle { font-size: 14px; font-weight: bold; margin-bottom: 10px } .description__text { font-size: 14px } .description__text--gray { color: #7d7d7d } .description__subtext { font-size: 14px; color: #7d7d7d; padding: 10px 20px; border-left: 2px solid #ffc8b4 } .description__link { font-size: 14px } .product-buttons__button--consulting span { padding-left: 35px } .product-buttons__button--consulting span:before { content: ''; position: absolute; display: block; top: 19px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") -28px -20px; width: 20px; height: 21px } .product-buttons__button--splitable-door { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0 !important } .product-buttons__button--splitable-door .icon { width: 54px; float: left; height: 57px; background-color: #ff652e; position: relative; margin-right: 10px } .product-buttons__button--splitable-door .icon:before { content: ''; position: absolute; display: block; top: 18px; left: 16px; background: url("/local/templates/general/assets/css/../images/sprites.png") 0 -48px; width: 20px; height: 20px } .splitable-door { line-height: 30px; font-weight: bold; display: block } .what-splitable-door { color: #222227; line-height: 26px } .product-buttons__button--splitable-door-view { border-top-left-radius: 0; border-bottom-left-radius: 0; text-decoration: underline; background: #fff !important; border: 2px solid #ff652e !important; border-left: none !important; color: #ff652e !important; font-size: 14px } .product__info { padding: 26px 0 30px; float: left; width: 100% } .product__info:after { content: ''; position: absolute; display: block; width: calc(100% - 30px); bottom: 0; left: 15px; border-bottom: 4px solid #f5f5f5 } .product-info__description { width: 50%; max-width: 500px; float: left; padding: 0 15px } .product-info__text { margin-top: 24px } .product-info__parameters { width: 50%; float: right; padding: 0 15px } .product-info-parameters__list { padding: 0; column-count: 2; column-gap: 32px; } .product-info-parameters__item { padding: 10px 0; margin: 0; display: inline-block; vertical-align: top; width: 100%; } .product-info-parameters__item { border-bottom: 3px solid #f5f5f5 } .product-info-parameters__item:before { display: none } .product-info-parameters__key { width: 200px; float: left; padding-right: 12px; } .product-info-parameters__value { width: calc(100% - 200px); float: left; font-weight: 400; } .product__gallery-large { width: 50%; padding-left: 15px; padding-right: 15px; float: left } .product-gallery-large__inner { float: left; width: 370px; height: 370px; position: relative } .product-gallery-large__container { display: table; width: 100%; height: 100% } .product-gallery-large__container > div { display: table-cell; text-align: center; vertical-align: middle } .product-gallery-large__container--top { position: absolute; top: 0; left: 0 } .product-gallery-large__previews { float: left; margin-left: 30px; width: 70px } .product-gallery-large-previews__item { display: table; width: 70px; height: 70px } .product-gallery-large-previews__item > div { display: table-cell; text-align: center; vertical-align: middle } .product-gallery-large-previews__item:not(:last-child) { margin-bottom: 30px } .product-gallery-large-previews__item.active { position: relative; cursor: default } .product-gallery-large-previews__item.active:before, .product-gallery-large-previews__item.active:after { content: ''; position: absolute; display: block } .product-gallery-large-previews__item.active:before { width: 70px; height: 70px; border: 2px solid #ccc } .product-gallery-large-previews__item.active:after { width: 66px; height: 66px; top: 2px; left: 2px; border: 2px solid #fff } .product-gallery-large-previews__image { display: block; max-width: 66px; max-height: 66px } .product__price { width: 50%; padding-left: 15px; padding-right: 15px; float: left } .product__price .tooltip { padding: 17px 22px; text-align: left; line-height: 16px; margin-left: 0 } .product-price__inner { border: 1px solid #e0e0e0; border-radius: 8px; padding: 2px 30px 20px } .product-price__block { width: 33%; float: left; margin-top: 28px; position: relative } .product-price__block:nth-child(3n + 1) { clear: left } .product-price__block.product-price__block--small + .product-price__block:not(.catalog-item-price__base) { clear: left } .product-price__block.product-price__block--small + .product-price__block:not(.catalog-item-price__base) + .product-price__block--area { clear: none } .product-price__block.product-price__block--small + .product-price__block:not(.catalog-item-price__base) + .product-price__block--area { clear: none } .product-price__block--area { color: #333; line-height: 40px } .product-price__block--area:before { color: #777; content: 'или'; position: absolute; bottom: 0; left: -50%; margin-left: 50px } .product-price__title { color: #333; margin-bottom: 10px; line-height: 1.4em; display: block } .product-price__discount { margin-top: 4px; color: #ff652e; font: bold 18px/normal "Open Sans", sans-serif; white-space: nowrap } .product-price__base { color: #ee490e; margin-top: 6px; font-size: 12px } .product-price__number { white-space: nowrap; text-decoration: line-through } .product-price__badge { background-color: #ee490e; color: #fff; padding: 0 5px; line-height: 20px; border-radius: 3px; display: inline-block; margin-left: 7px } .product-price__colors { margin: 12px -6px 0 } .product-price__color-link { width: 33px; height: 33px; border-radius: 2px; position: relative; display: block; float: left; margin: 0 6px 8px 6px; background-size: 100%; transition: none } .product-price__color-link:after { content: ''; position: absolute; display: block; width: 37px; height: 37px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc; transition: border-color .25s linear } .product-price__color-link.active { width: 31px; height: 31px; margin: 1px 7px 9px 7px; cursor: default } .product-price__color-link.active:after { width: 39px; height: 39px; border-width: 2px; top: -4px; left: -4px; border-radius: 5px; border-color: #ccc !important } .product-price__color-link:hover:after { border-color: #999 } .product-price__quantity .quantity__container { width: 116px } .product-price__quantity .quantity__button { width: 38px; height: 38px; line-height: 38px } .product-price__quantity .quantity__button--minus { line-height: 34px } .product-price__quantity .quantity__input { height: 38px } .product-price__submit { width: 100%; margin-top: 20px; float: left; padding-top: 20px; position: relative } .product-price__submit:before { content: ''; position: absolute; display: block; width: calc(100% + 60px); top: 0; left: -30px; border-top: 1px solid #e0e0e0 } .product-price-submit__price { font: bold 18px/35px "Open Sans", sans-serif; width: 50%; color: #ff652e; float: left; white-space: nowrap } .product-price-submit__button--submit { float: right } .product-price-submit__button--submit:hover .tooltip { bottom: calc(100% + 17px) !important } .product-price-submit__button--submit:hover .tooltip { left: auto; right: 0; width: 340px } .product-price-submit__button--submit:hover .tooltip:after { left: auto; right: 11px } .product-price__input--area { width: 80px; height: 40px; margin-right: 8px; display: inline-block } .product__button--consulting { margin: 30px 15px 8px; border: 1px solid #e0e0e0; background: #fff !important; color: #333 !important; width: 214px; height: 45px; font: 16px/43px "Open Sans", sans-serif } .product__button--consulting:hover { border-color: #999 } .product__button--consulting span { padding-left: 20px } .product__button--consulting span:before { content: ''; position: absolute; display: block; top: 13px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") -50px -20px; width: 20px; height: 21px } .cart-table__item-parameters:after, .cart__table-bottom:after, .cart-table-bottom__sum:after, .cart__cart-bottom:after { content: ''; display: block; clear: both } .cart-topbar__button { margin-top: 20px; margin-bottom: 20px } .cart-topbar__button--clear-button { color: #999; background-color: #fff; border-color: #ccc } .cart-topbar__button--clear-button:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .cart__form { padding: 12px 15px 0 } .cart__topbar { position: absolute; top: -70px; right: 0 } .cart-topbar__button--clear-button { padding: 0 18px } .cart-topbar__button--clear-button span { padding-left: 26px } .cart-topbar__button--clear-button span:before { content: '×'; position: absolute; left: 0; font-size: 30px } .cart__table { border: 0; margin: 0; width: 100% } .cart-table__header-cell { border: 0; padding: 9px 15px; color: #999; font-weight: normal } .cart-table__header-cell--title { padding: 9px 0 } .cart-table__cell { border: 1px solid #ccc; border-left: none; border-right: 0; padding: 20px 15px } .cart-table__cell--image { width: 100px; padding: 20px 0; vertical-align: top; text-align: center } .cart-table__cell--title { padding-left: 20px } .cart-table__cell--price { width: 200px } .cart-table__cell--quantity { width: 140px; padding-right: 0 } .cart-table__cell--sum { text-align: right; width: 250px; padding-right: 10px } .cart-table__image { max-width: 80px; vertical-align: top } .cart-table__title { color: #333; font: 18px/normal Roboto, sans-serif; text-decoration: none } .cart-table__title:hover { color: #000 } .cart-table__item-parameters { color: #999; font: 12px/normal "Open Sans", sans-serif; margin-top: 12px } .cart-table__number { width: 100%; float: left; margin-bottom: 12px } .cart-table__color { position: relative; border-radius: 2px; float: left; width: 23px; height: 23px; background-size: 100% } .cart-table__color:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc } .cart-table__size { margin-left: 12px; float: left; line-height: 27px } .cart-table-price__discount { color: #ff652e; font-size: 18px; white-space: nowrap } .cart-table-price__base { color: #ee490e; font-size: 12px; margin-top: 6px } .cart-table-price__number { text-decoration: line-through; white-space: nowrap } .cart-table-price__badge { background-color: #ee490e; line-height: 20px; padding: 0 5px; border-radius: 3px; color: #fff; display: inline-block; margin-left: 7px } .cart-table__sum-price { font: bold 24px/35px Roboto, sans-serif; color: #ff652e; display: inline-block; white-space: nowrap } .cart-table__remove-link { text-align: center; display: inline-block; color: #999; position: relative; top: 2px } .cart-table__remove-link:hover { color: #777 } .cart__table-bottom { background-color: #f5f5f5; padding: 28px 0 16px } .cart-table-bottom__coupon { margin-left: 20px; float: left } .cart-table-bottom-coupon__label { float: left; color: #333; line-height: 35px; margin: 0 } .cart-table-bottom-coupon__input { float: left; margin: 0 15px; width: 250px } .cart-table-bottom-coupon__button--submit { width: 100px; float: left; padding: 0 } .cart-table-bottom__sum { float: right } .cart-table-bottom-sum__item { width: 70px; float: left } .cart-table-bottom-sum__item--total { margin-right: 55px; width: 245px; text-align: right } .cart-table-bottom-sum__value { font: bold 18px/normal Roboto, sans-serif; color: #333; margin-top: 6px } .cart-table-bottom-sum__value--total { white-space: nowrap; font: bold 30px/normal Roboto, sans-serif; color: #ff652e } .cart__cart-bottom { margin: 45px 0 15px } .cart-cart-bottom__button--submit { float: right; width: 170px } .bx_ordercart_coupon { float: left; margin-left: 20px; clear: both } .cart-coupon-code-text { display: inline-block } .cart-coupon-code-text.good { color: #ff652e } .cart-coupon-code-text.bad { color: #ee490e } .cart-coupon-code { display: inline-block } .cart-coupon-remove { margin-left: 0 !important; width: 35px !important; height: 35px !important; font: 28px/normal Roboto, sans-serif !important; text-align: center; color: #777; background: none !important } .order__form-group--files:after, .order__radio-buttons:after, .order-finish__submit:after { content: ''; display: block; clear: both } .order__button--file { color: #999; background-color: #fff; border-color: #ccc } .order__button--file:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .order { padding-bottom: 13px } .order__form { padding: 0 15px } .order__fieldset { margin-top: 22px; position: relative } .order__fieldset--delivery { margin-top: 48px } .order__fieldset--delivery .order__radio { width: 100% } .order__fieldset--legal-entity { margin-top: 0 } .order__legend { font: 22px/normal "Open Sans", sans-serif; color: #333; margin-bottom: 8px } .order__form-group { margin-top: 16px; position: relative } .order__form-group:first-of-type { margin-top: 8px } .order__form-group--files { margin-top: 58px; padding-bottom: 8px } .order__input { height: 40px; width: 50% } .order__message-container { display: table; width: 50%; height: 44px; position: absolute; font: 12px/normal "Open Sans", sans-serif; top: 20px; left: 50%; padding-left: 15px; padding-right: 15px; color: #999 } .order__message-container > div { display: table-cell; text-align: left; vertical-align: middle } .order__message-container--textarea { top: 23px } .order__message { max-width: 300px; padding-left: 15px } .order__radio-buttons { margin-top: 4px } .order__radio { margin-bottom: 16px; width: 200px; padding-right: 15px; float: left } .order__radio:nth-child(2n + 1) { clear: left } .order__radio--tab-link { padding: 0; width: auto } .order__radio--tab-link label { border: 1px solid #ccc; border-right: 0; padding: 0 14px; line-height: 38px; color: #777 } .order__radio--tab-link label:before, .order__radio--tab-link label:after { display: none } .order__radio--tab-link label:hover { color: #333 } .order__radio--tab-link:first-child label { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .order__radio--tab-link:last-child label { border-right: 1px solid #ccc; border-top-right-radius: 3px; border-bottom-right-radius: 3px } .order__radio--tab-link input:checked + label { color: #333; background-color: #f5f5f5 } .order__address-text { color: #333; padding: 8px 0 16px; width: 50%; min-height: 172px } .order__map-container { width: 100%; height: 280px; margin-top: 10px; box-shadow: 0 0 10px 4px #eaeaea } .order__textarea { width: 50% } .order__textarea--address { height: 88px } .order__textarea--address + .order__message-container { height: 88px } .order__textarea--comment { height: 170px } .order__textarea--comment + .order__message-container { top: 0; height: 170px } .order__submit { margin-top: 42px; width: 50% } .order__comment { float: left; line-height: 40px } .order__button--submit { width: 170px; height: 40px; line-height: 38px; float: right } .order__files-controls { width: 50%; float: left } .order__files-container { float: left; width: 50% } .order__files-title { font-size: 22px; line-height: 40px; color: #333; float: left } .order__files-or { float: left; margin: 0 28px; line-height: 40px; color: #999 } .order__button--file { float: left; height: 40px; align-items: center; display: inline-flex; padding: 0 18px } .order__files-text { display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 24px; position: relative } .order__files-text:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.png") -72px -22px; width: 16px; height: 20px; top: 0; left: 0 } .MultiFile-label { float: left; clear: both; position: relative; line-height: 20px; padding: 10px 0 } .MultiFile-remove { position: absolute; top: 10px; right: 0; z-index: 10; display: block; width: 20px; height: 20px; text-indent: -9999px; text-decoration: none } .MultiFile-remove:before { position: absolute; content: '×'; top: 1px; left: 2px; text-indent: 0; color: #777; font-size: 28px } .order-finish { padding-top: 12px } .order-finish .content-container { padding: 0 15px } .order-finish__title { color: #333; font: 24px/24px Roboto, sans-serif; padding-bottom: 24px; margin: 0 15px } .order-finish__parameter { padding-bottom: 8px; max-width: 570px; margin: 0 15px } .order-finish__parameter:last-child { margin-bottom: 30px } .order-finish__parameter--address { padding-top: 12px } .order-finish__parameter--price { padding-top: 30px } .order-finish-parameter__key { display: inline-block; font-size: 12px } .order-finish-parameter__value { display: inline-block; color: #333 } .order-finish-parameter__value--price { font: bold 24px/normal Roboto, sans-serif; white-space: nowrap; color: #ff652e } .order-finish__map-container { width: 100%; height: 280px; max-width: 570px; margin-bottom: 26px } .order-finish__submit { max-width: 570px; padding: 36px 0 10px } .order-finish__button--submit { float: left; width: 170px; height: 40px; line-height: 38px } .order-finish__continue { float: right; color: #777; line-height: 40px; padding-left: 40px; position: relative; text-decoration: none } .order-finish__continue:before, .order-finish__continue:after { content: ''; position: absolute; display: block } .order-finish__continue:before { width: calc(100% - 40px); bottom: 10px; right: 0; border-bottom: 1px solid #777 } .order-finish__continue:after { background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 83.96946564885496%; width: 29px; height: 27px; top: 6px; left: 0 } .order-finish__continue:hover:before { display: none } .compare__categories:after, .compare-tabs__menu:after, .compare-content__tab:after, .compare-content__controls:after { content: ''; display: block; clear: both } .compare-categories__button--category { color: #999; background-color: #fff; border-color: #ccc } .compare-categories__button--category:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .compare { padding-top: 12px } .compare__categories { max-width: calc(100% - 230px); position: absolute; top: -73px; right: 15px } .compare-categories__inner { overflow: auto; white-space: nowrap; text-align: right; font-size: 0 } .compare-categories__button--category { padding: 0 15px; border-radius: 0; border-left: none; height: 40px; line-height: 38px } .compare-categories__button--category:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-left: 1px solid #ccc } .compare-categories__button--category:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .compare-categories__button--category:hover { background-color: #f5f5f5; color: #333; border-color: #ccc } .compare-categories__button--toggler { display: none } .compare-categories__button.active { cursor: default; background-color: #f5f5f5; color: #333 } .compare__tabs { position: relative; padding: 0 15px } .compare-tabs__menu { border-bottom: 1px solid #ccc } .compare-tabs-menu__item { border-top-left-radius: 3px; border-top-right-radius: 3px; color: #777; border: 1px solid #ccc; padding: 0 14px; line-height: 38px; float: left; display: block; border-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-decoration: none } .compare-tabs-menu__item:not(:last-child) { margin-right: 10px } .compare-tabs-menu__item.active { color: #333; cursor: default; background-color: #f5f5f5 } .compare-tabs-menu__item:hover { color: #333 } .compare-tabs__clear-link { color: #777; padding-right: 24px; display: inline-block; text-decoration: none; position: absolute; line-height: 38px; top: 1px; right: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .compare-tabs__clear-link:after { content: '×'; position: absolute; font-size: 30px; top: 1px; right: 0; transition: all .25s linear } .compare-tabs__clear-link:hover { color: #333 } .compare__content { position: relative } .compare__content .owl-item .compare-content-slider__item { width: 100% } .compare__content .owl-item:first-child .compare-content-slider__item { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .compare__content .owl-item:last-child .compare-content-slider__item { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .compare__content .owl-prev { right: 35px } .compare__content .owl-next { right: 0 } .compare-content__tab { position: absolute; top: 0; z-index: -1; width: 100%; opacity: 0 } .compare-content__tab.active { position: relative; z-index: 10; opacity: 1 } .compare-content__controls { padding: 24px 0 12px } .compare-content-controls__items-count { width: 170px; float: left; text-align: right } .compare-content-controls__slider-scroll { width: 75%; float: left; padding-left: 50px } .hidden { display: none } .compare-content-controls__slider-scroll.hidden { display: none } .browser-ie .compare-content-controls__slider-scroll { display: none } .compare-content-controls__scroller-container { height: 1px; background-color: #ccc; margin-top: 20px } .compare-content-controls__scroller { position: relative; top: -2px; height: 5px; background-color: #ccc; border-radius: 3px } .compare-content__slider .owl-dots { display: none !important } .compare-content__slider .owl-item .compare-content-slider__item { width: 100% } .compare-content-slider__inner { width: 83.333%; float: left } .compare-content-slider__inner:before, .compare-content-slider__inner:after { content: ''; position: absolute; display: block; width: 25px; height: 100%; z-index: 10 } .compare-content-slider__inner:before { left: 0; background: -moz-linear-gradient(left, #fff 0, #ffffff 100%); background: -webkit-linear-gradient(left, #fff 0, #ffffff 100%); background: linear-gradient(to right, #fff 0, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ffffff', GradientType=1) } .compare-content-slider__inner:after { top: 0; right: 0; background: -moz-linear-gradient(left, #ffffff 0, #fff 100%); background: -webkit-linear-gradient(left, #ffffff 0, #fff 100%); background: linear-gradient(to right, #ffffff 0, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff', GradientType=1) } .compare-content-slider__parameters-titles-container { float: left; width: 16.666%; height: 1px } .compare-content-slider__item { width: 212px; float: left; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .compare-content-slider__remove-link { display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; color: #777; text-decoration: none } .compare-content-slider__remove-link:after { content: '×'; position: absolute; font-size: 30px; top: 5px; left: 5px; transition: all .25s linear } .compare-content-slider__remove-link:hover { color: #333 } .compare-content-slider__top { padding: 30px 20px 20px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc } .compare-content-slider__badge-container { position: absolute; top: -10px; left: -10px; height: 0; z-index: 10 } .compare-content-slider__badge { width: 50px; height: 50px; border-radius: 50%; color: #fff; text-align: center; font: 12px/50px "Open Sans", sans-serif; margin-bottom: 5px } .compare-content-slider__badge--hit { background-color: #40404b } .compare-content-slider__badge--new { background-color: #ff652e } .compare-content-slider__badge--discount { background-color: #ee490e; font-size: 16px } .compare-content-slider__image-container { text-align: center } .compare-content-slider-image-container__image-link { position: relative; display: inline-block } .compare-content-slider-image-container__image { max-width: 100%; max-height: 280px; width: auto !important } .compare-content-slider__title { margin-top: 18px } .compare-content-slider-title__link { font: 18px/normal Roboto, sans-serif; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 62px; color: #333; text-decoration: none } .compare-content-slider-title__link:hover { color: #000 } .compare-content-slider__price { margin-top: 16px } .compare-content-slider-price__discount { color: #ff652e; font-size: 20px; white-space: nowrap } .compare-content-slider-price__base { color: #ee490e; margin-top: 6px; font-size: 12px; width: 110% } .compare-content-slider-price__number { text-decoration: line-through; white-space: nowrap } .compare-content-slider-price__badge { background-color: #ee490e; line-height: 20px; padding: 0 5px; border-radius: 3px; color: #fff; display: inline-block; margin-left: 7px } .compare-content-slider__parameters--titles { position: absolute; width: 220px; bottom: 1px; left: -1px; z-index: 10 } .compare-content-slider__parameter { background-color: #fff; border: 1px solid #ccc; border-bottom: 0; padding: 10px 18px; transition: background .25s linear; line-height: normal } .compare-content-slider__parameter--highlighted { font-weight: bold; color: #333 } .compare-content-slider__parameter.hover { background-color: #f5f5f5 } .compare-content-slider__parameter--title { text-align: right; color: #333; border-color: #fff; padding: 10px 42px 10px 0; position: relative } .compare-content-slider__parameter--title.hover { border-color: #f5f5f5 } .compare-content-slider__parameter--title.hover:after { content: ''; position: absolute; display: block; width: 100%; bottom: -1px; border-bottom: 1px solid #f5f5f5 } @media screen and (max-width: 1460px) { .items-slider .owl-prev { left: 15px } .items-slider .owl-next { right: 15px } .index-feedback .owl-prev { left: 0 } .index-feedback .owl-next { right: 0 } .index-brands .owl-prev { left: 0 } .index-brands .owl-next { right: 0 } .index-news .owl-prev { left: 15px } .index-news .owl-next { right: 15px } } @media screen and (min-width: 960px) { .sidebar__menu { display: block !important } .filters__inner { height: auto !important; display: block !important } .product .toggle-block { display: block !important } } .header-catalog-menu__list.header-catalog-menu__list--level1 > li:nth-child(5) { display: block !important } @media screen and (min-width: 840px) { .compare__content .owl-prev, .compare__content .owl-next { top: -43px !important } .compare-content-slider__parameter { top: 0 !important; margin: 0 !important } } @media screen and (max-width: 839px) { .product__gallery-large { width: 330px } .product-gallery-large__inner { width: 300px; height: 300px } .product__price { width: calc(100% - 330px) } .product-price-submit__button--submit { float: none; max-width: 170px } .compare__content .owl-prev, .compare__content .owl-next { margin-top: -12px; z-index: 100 } .compare__content .owl-prev { right: auto } .compare-content__controls { padding-bottom: 30px } .compare-content-controls__items-count { width: 100%; text-align: left } .compare-content-controls__slider-scroll { display: none } .compare-content__slider .owl-stage { background: 0 } .compare-content__slider .owl-dots { display: block !important } .compare-content-slider__parameters-titles-container { position: absolute; width: 100%; height: 100%; z-index: -1 } .compare-content-slider__inner { width: 100% } .compare-content-slider__inner:before, .compare-content-slider__inner:after { display: none } .compare-content-slider__item { border-top: 0 } .compare-content-slider__top { border: 0 } .compare-content-slider__parameters { padding-top: 34px } .compare-content-slider__parameters--titles { top: 0; left: 0; bottom: auto; width: 100%; height: 100% } .compare-content-slider__parameter { border-top: 0; border-bottom: 0; padding: 10px 5vw } .compare-content-slider__parameter--title { width: 100%; position: absolute; height: auto !important; background-color: #f5f5f5; padding: 10px 5vw; text-align: center; border: 0 } .news__item { width: 50% } .news__item:first-child { width: 50%; height: auto } } @media screen and (min-width: 768px) { .splitable-doors-tabs__menu { display: block !important } } @media screen and (max-width: 767px) { .index-slider__slider.index-slider__slider { width: 100%; } .index-slider-bottom__text { margin-left: 64px } .tab-label { margin-top: 15px } .header__shop-links { clear: both; float: left; margin: 43px 0 0 168px } .header-shop-links__link--comparsion { position: relative; top: 0; width: 156px; margin-right: 48px } .header-fixed__phones { display: none } .header-fixed__search { margin: 0 } .header-fixed-shop-links__link { margin-left: 6px } .header-fixed-shop-links__text { display: none } .breadcrumbs { padding: 15px 0 } .index-slider .owl-prev { left: 15px } .index-slider .owl-next { right: 15px } .index-slider__button--link { bottom: 24% } .index-news__slider .owl-dots { margin-top: 16px; display: block !important } .about__text-content { width: 100% } .catalog-categories__item { width: 100% } .catalog-categories__image-container { height: 240px } .catalog__title { width: 100% } .catalog__filter-link { margin: 0 } .catalog__sort-links { margin: 0 } .product-buttons__button--splitable-door { border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 350px; font-size: 12px } .product-buttons__button--splitable-door-view { clear: both; margin: 0; width: 400px; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; border-left: 2px solid #ff652e !important } .product-info__text { margin-top: 0 } .product-info-parameters__list { margin-top: -10px } .product-info-parameters__key { width: 50% } .product-info-parameters__value { width: 50% } .product__gallery-large { width: 100% } .product-gallery-large__previews { margin: 0; width: calc(100% - 300px); clear: none; padding-left: 30px } .product__price { width: 100% } .product-price__inner { padding-left: 0; padding-right: 0; border: 0 } .cart-table-bottom-coupon__label { line-height: 20px; width: 60px; font-size: 13px } .cart-table-bottom-coupon__input { width: calc(100% - 175px) } .cart-table-bottom__sum { width: calc(50% - 15px) } .errorpage__block { background-image: url('/local/templates/general/assets/css/../images/errorpage-small.jpg'); width: 281px; height: 213px } .errorpage__inner { width: 146px; top: 86px; right: -6px } .errorpage__title { font-size: 18px } .errorpage__text { margin-top: 6px; font-size: 12px } .text-content .gallery li { width: 50% } .text-content .gallery li:nth-child(3n + 1) { clear: none } .text-content .gallery li:nth-child(2n + 1) { clear: left } .splitable-doors-tabs__button--menu { height: 40px; line-height: 38px; margin: 0 !important; text-align: left; padding: 0 12px; display: block; color: #333 !important; background-color: #fff !important; border-color: #ccc !important; z-index: 10 } .splitable-doors-tabs__button--menu span { padding-right: 24px } .splitable-doors-tabs__button--menu:after { content: ''; position: absolute; display: block; top: 15px; right: 12px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .splitable-doors-tabs__button--menu.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .splitable-doors-tabs__button--menu.active:after { top: 13px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .splitable-doors-tabs__menu { display: none; border: 0 } .splitable-doors-tabs-menu__item { border: 1px solid #ccc; margin: -1px 0 0; border-radius: 0; width: 100% } .splitable-doors-tabs-menu__item:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .offers__item { width: 100% } .offers__inner { background-repeat: no-repeat } .stores__item { display: flex; flex-direction: column; width: 100%; padding: 0 } .stores__gallery{ width: 100%; } .stores__block { width: 100%; } .gallery_img_wrap { flex-direction: column; } .stores__block__widget { width: 100%; } .stores__block + .stores__block { width: 50% } .stores__image-link { width: 80px } .stores__image { height: 60px } .catalog .catalog-item__title { font-size: 14px; max-height: 60px } } @media screen and (max-width: 639px) { .header-fixed-search__input-container { left: -173px } .header-fixed-search__input { width: 160px } .footer-section__menu { width: 100%; padding: 0 0 25px } .footer-section__address-container { width: 50% } .footer-section-address-container__link { margin: 0 } .footer-section__contacts { width: 50% } .catalog .catalog-item__image { max-height: 240px } .catalog .catalog-item-price__discount { font-size: 16px } .catalog .catalog-item-price__base { font-size: 11px } .catalog .catalog-item__badge { font: 10px/35px "Open Sans", sans-serif; width: 35px; height: 35px } .catalog .catalog-item__badge--discount { font-size: 14px } .catalog .catalog-item__badge--stores { width: 50px; height: 50px; padding-top: 17px; font: 7px/normal "Open Sans", sans-serif } .catalog__search { width: 100%; padding: 0 } .catalog-search__input { border-top-right-radius: 0; border-bottom-right-radius: 0; width: calc(100% - 66px); border-right: 0 } .catalog-search__button--submit { border-top-left-radius: 0; border-bottom-left-radius: 0; width: 66px; padding: 0 } } @media screen and (min-width: 600px) { .compare-categories__menu { display: block !important } } @media screen and (max-width: 600px) { .header-bottom { display: none } .header_search { display: none } img[align='left'], img.left { max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 15px } img[align='right'], img.right { max-width: 100%; width: 100%; float: left; margin-left: 0 } .items-slider__title { font-size: 24px; width: auto; padding: 0 } .items-slider__button { font-size: 12px; padding: 0 12px } .page-title__title { font-size: 24px; margin-bottom: 20px } .lead { font-size: 18px } .sidebar { width: 100%; position: relative; padding-bottom: 30px } .sidebar--text { top: 0 } .sidebar--stores { top: 0 } .page-title__title { width: 100% !important } .header-fixed-shop-links__link--cart:before { right: -15px; left: auto } .header__logo { margin: 0; width: 100%; padding: 0 } .header-logo__text { font-size: 21px; float: right; margin: 20px 10% 0 0 !important; width: 40%; display: block } .header__text-items { position: relative; margin-top: 15px; height: 80px } .header__text-item { margin: 0 auto; padding-left: 0; width: 50%; text-align: center } .header__text-item--worktime { clear: left; white-space: normal; margin-top: 0; padding: 0 5px } .header__text-item--second { left: 162px } .header__text-item--phone { padding-left: 0 } .header-text-item__time:before { display: none } .header-text-item__callback { display: block; position: relative; margin: 0 auto; text-align: center; float: none; left: 0; top: 0; background: 0; color: #ff652e; border: 1px solid #ff652e; width: 137px } .header-text-item__callback:before { display: none } .header-text-item__phone:before { display: none } .header-text-item__comment { line-height: 16px; margin-top: 2px } .header-text-item__comment span { display: block } .header__shop-links { margin: 0; position: absolute; top: -31px; left: auto; right: 0 } .header-shop-links__link--comparsion { width: auto; right: 15px; position: absolute; margin: 0; color: gray } .header-shop-links__text--comparsion { display: none } .header-shop-links__text { font: 14px/40px "Open Sans", sans-serif } .header-shop-links__link--comparsion::before { top: -3px } .header-shop-links__link--comparsion::after { content: "Сравнить" } .header-logo__image { width: 50%; padding: 0 8%; max-width: 50%; margin-top: 7px } .index-slider { padding-top: 20px } .header-middle { padding: 0; margin: 0 0 10px } .index-title { font-size: 24px } .index-title__button { font-size: 12px; width: auto } .index-slider__bottom { padding-top: 0 } .index-feedback__slider { padding-left: 0; padding-right: 0 } .index-feedback .owl-next, .index-feedback .owl-prev { display: none !important } .index-news__slider { padding-left: 0; padding-right: 0 } .index-news .owl-next, .index-news .owl-prev { display: none !important } .about__image { width: 100% } .catalog-categories__text { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } .catalog-categories__image-container { height: 170px } .filters-opened .sidebar__filters-close { display: block } .sidebar__filters-close { display: none; position: absolute; top: 13px; right: 5px; width: 35px; height: 35px } .sidebar__filters-close:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 73.88535031847134% 96.47887323943662%; width: 16px; height: 16px; top: 9px; right: 9px } .catalog--main { padding-top: 0 } .catalog__topbar { position: static; padding-bottom: 20px } .catalog__sort-container { margin-left: 18px } .catalog .catalog-item { width: 50% } .catalog .catalog-item:nth-child(3n + 1) { clear: none } .catalog .catalog-item:nth-child(2n + 1) { clear: left } .catalog-text__columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } .catalog__search-header { font-size: 24px; text-align: left; padding: 24px 15px 0; margin-bottom: 6px } .catalog__search-value { font-size: 12px; text-align: left; padding: 0 15px } .mfp-counter { width: 100%; text-align: center } .product-top { padding-bottom: 15px } .product-top__title-inner { display: block } .product-top__title-row { display: block } .product-top__title { font: 24px/normal Roboto, sans-serif; display: block } .product-top__badge-container { padding: 12px 0 0 } .product-top__left { position: static; width: 100% } .product-top__right { margin-top: 12px; float: none; text-align: left } .product-top__button--type span { width: auto; display: inline-block } .product-top__compare { float: right } .product-preview { width: 960px; height: 317px; background-size: auto 100%; margin-left: -348px } .product-preview__door-image { display: none } .product-preview__door-image-small { display: block; margin: 0 auto } .product-preview__door-container { position: absolute; width: 231px; bottom: 35px; left: 50%; margin-left: -248px } .product__view-links { width: 480px } .product-view-links__link:nth-child(3n + 1) { clear: left } .product-view-links__link:nth-child(4n + 1) { clear: none } .product-gallery-large__inner { width: 370px; height: 370px; margin: 0 auto; float: none; display: block } .product-gallery-large__previews { margin: 10px auto 0; float: none; padding: 0; width: 370px } .product-price-submit__button--submit { width: auto } .product-filter__label { line-height: 1.4em; width: 100%; margin-bottom: 6px } .product-filter__color { width: 100%; padding: 0 } .product-buttons__button--consulting { margin-right: 0 !important } .cart__topbar { top: -62px } .cart__table { padding: 0 15px } .cart-table__cell--image { width: 110px; height: 145px; margin-left: 0 } .cart-table__cell--title { padding-right: 0; width: calc(100% - 110px); height: 145px } .cart-table__cell--quantity { width: 110px; padding-left: 0; clear: left; float: left } .cart-table__cell--price { padding: 0 0 20px 20px; width: calc(100% - 110px) } .cart-table__cell--sum { width: 100%; position: relative; padding: 0 0 20px } .cart-table__title { font-size: 14px; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 48px } .cart-table-bottom__coupon { width: calc(100% - 30px) } .cart-table-bottom__sum { width: calc(100% - 30px); margin: 4px 15px 0 0 } .cart-table-bottom-sum__item { width: 100%; text-align: left; margin-top: 20px } .cart-table-bottom-sum__title { display: inline; margin-right: 8px } .cart-table-bottom-sum__value { margin: 0; display: inline } .cart-table-bottom-sum__value--total { font-size: 30px; display: block } .cart-cart-bottom__button--submit { width: 100% } .order__legend { font-size: 18px } .order__form-group { width: 100%; padding: 0; margin-top: 20px } .order__form-group:first-of-type { margin-top: 4px } .order__form-group:nth-of-type(2) { margin-top: 20px } .order__input { max-width: none } .order__radio { width: 100%; padding-right: 0 } .order__radio--tab-link { width: 50% } .order__radio--tab-link label { font-size: 13px; padding: 0; width: 100%; text-align: center } .order__address-text { padding-bottom: 24px } .order__map-container { width: 100%; height: 300px } .order__textarea { width: 100% } .order__submit { margin-top: 24px; width: 100% } .order__comment { line-height: normal } .order__button--submit { margin-top: 24px; width: 100% } .order-finish__title { font: 18px/normal Roboto, sans-serif } .compare { padding: 0 } .compare__categories { padding: 0 15px 20px; max-width: none; position: static } .compare-categories__inner { overflow: visible; text-align: left; white-space: normal } .compare-categories__button--toggler { display: block; background: #fff !important; border-color: #ccc !important; color: #333 !important; height: 40px; line-height: 38px; text-align: left; padding: 0 12px } .compare-categories__button--toggler span { padding-right: 24px } .compare-categories__button--toggler:after { content: ''; position: absolute; display: block; top: 15px; right: 12px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .compare-categories__button--toggler.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .compare-categories__button--toggler.active:after { top: 13px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .compare-categories__button--category { margin-top: -1px; border: 1px solid #ccc; width: 100%; border-radius: 0 !important } .compare-categories__button--category:last-child { border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important } .compare-categories__menu { display: none } .compare-categories__list { padding-top: 1px; margin-top: -1px } .compare-tabs__menu { border: 0 } .compare-tabs-menu__item { border: 1px solid #ccc; border-radius: 0; margin: 0 !important; width: 50%; font-size: 12px; padding: 0; text-align: center } .compare-tabs-menu__item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 0 } .compare-tabs-menu__item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .compare-tabs__clear-link { z-index: 100; right: auto; top: 54px; left: 15px } .compare-content__controls { padding-top: 70px } .compare-content-controls__items-count { width: 215px } .compare-content__slider .owl-prev, .compare-content__slider .owl-next { top: -62px !important; margin: 0 } .compare-content__slider .owl-prev { left: auto; right: 35px } .compare-content-slider__top { padding-left: 12px; padding-right: 12px } .compare-content-slider__badge { width: 35px; height: 35px; font: 10px/35px "Open Sans", sans-serif } .compare-content-slider__badge--discount { font-size: 14px } .compare-content-slider-image-container__image { max-height: 180px } .compare-content-slider-title__link { font-size: 14px; max-height: 48px } .compare-content-slider-price__discount { font-size: 16px } .compare-content-slider-price__base { font-size: 11px } .compare-content-slider-price__badge { margin: 0; float: right } .compare-content-slider__parameter { padding: 10px 8px } .contacts { padding-top: 0 } .contacts__buttons { position: static; padding: 0 15px } .contacts__button--address { float: left; clear: both } .contacts__form { padding-top: 24px } .contacts-form__form-group { width: 100% } .contacts-form__form-group--phone { margin-top: 20px } .contacts-text-info__block--link { clear: none } .contacts-text-info__address { position: relative; margin-bottom: 15px } .contacts-text-info__address-link { position: absolute; top: -4px; left: 102%; white-space: nowrap } .contacts-text-info__phones { width: 100% } .contacts-text-info__phones .contacts-text-info__block { width: 100% } .contacts-text-info__phones .contacts-text-info__block:last-child { margin-top: 20px } .contacts-text-info__links { width: 100% } .contacts-text-info__skypes { width: 100% } .contacts-text-info__props { width: 100% } .contacts-text-info__props .contacts-text-info__block { width: 100% } .contacts-text-info__props .contacts-text-info__block:last-child { margin-top: 20px } .splitable-doors__image { font-size: 18px } .splitable-doors__main-title { width: 140px } .feedback__items .feedback__item:before, .feedback__items .feedback__item:after { display: none } .feedback__item { height: auto } .feedback-form__col { width: 100% } .feedback-form__textarea { height: 104px } .feedback-form__col--large { margin-top: 20px } .feedback-form__button--submit { width: auto; padding: 0 15px } .news__text { font-size: 14px } .mfp-container { padding: 0 } .mfp-content { height: auto; min-height: 100% } .mfp-gallery .mfp-content { min-height: 0 } .mfp-close { right: 15px } .popup { border-radius: 0; width: 100%; min-height: 100vh; padding-left: 15px; padding-right: 15px } .popup__title { padding-top: 6px; font-size: 24px } .popup-form__form-group { width: 100% !important; padding: 0 !important } .popup-form__form-group--phone { margin-top: 20px } .popup-form__comment { font-size: 12px } .popup-form__button--submit { width: auto } .product-filter__select-container { width: 100% } .header-top { background-image: url(/local/templates/general/assets/css/../images/logo_white.png); background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #222227; overflow: hidden } .header-middle { display: none } .catalog .catalog-item { min-height: auto !important; width: 100% } .catalog-item__image-container { min-height: auto !important; height: auto !important; max-width: 100%; width: auto } .catalog-item__aside { display: none } .catalog .catalog-item__title { font-size: 16px; color: #777 } .catalog .catalog-item-price__discount { font-size: 15px } .catalog .catalog-item__badge.catalog-item__badge--new { font: 8px/35px "Open Sans", sans-serif } .catalog-item__image-link { background-position: center center } } @media screen and (max-width: 479px) { .header__search form { transition: none } .header__search form:hover { width: calc(100vw - 30px) !important } .header-search__input-container { width: calc(100% - 50px); transition: none } .header-search__input-container:before { display: none } .header-search__button--submit { transition: none } .footer-section-menu__item--level1:first-child { padding-right: 5px } .footer-section-menu__item--level1:last-child { padding-left: 5px } .footer-section__address-container { width: 100%; margin-bottom: 42px } .footer-section__address-container:after { content: ''; display: block; clear: both } .footer-section-address-container__block { float: left; width: 50% } .footer-section-address-container__block:first-child { padding-right: 10px } .footer-section-address-container__link { display: inline-block; margin-top: 8px } .footer-section__contacts { width: 100% } .catalog .catalog-item__image { max-height: 180px } .catalog__topbar { padding: 0 10px 20px } .catalog__text.catalog__text { padding: 40px 0 0; margin-bottom: 0 } .pagination_mobile ~ .catalog__text.catalog__text { padding-top: 0 } .catalog__search { padding: 0 10px } .catalog-search__input { font-size: 14px } .product__view-links { width: 320px } .product-view-links__link:nth-child(3n + 1) { clear: none } .product-view-links__link:nth-child(2n + 1) { clear: left } .product-gallery-large__inner { max-width: 300px; width: 100%; height: 300px } .product-gallery-large__previews { width: 100%; max-width: 300px } .product-price__block { clear: both } .product-price__block:first-child { margin-top: 0 } .product-price__block--area { clear: none } .product__filter .tooltip { position: static; opacity: 1; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; border: 0; box-shadow: none; background: 0; width: calc(100% + 26px); padding: 18px 0 0; margin-left: -26px; pointer-events: none; color: #777 } .product__filter .tooltip:after { display: none } .product-filter-complect__inner:before { display: none } .product-filter-complect__table { display: block } .product-filter-complect__table tbody { display: block } .product-filter-complect__row { padding-right: 10px; display: block } .product-filter-complect__row:not(:last-child) { padding-bottom: 10px } .product-filter-complect__cell { display: block; float: left; padding: 3px 0 !important } .product-filter-complect__cell--title { width: 100% } .product-filter-complect__cell--price { width: 50%; line-height: 34px; text-align: left } .product-filter-complect__cell--quantity { width: 50% } .product-filter-complect__cell--quantity .quantity__container { float: right } .product-buttons__button { clear: both; width: 100%; text-align: left } .product-buttons__button--consulting { margin-top: 20px } .product-buttons__button--splitable-door { line-height: 1.4em } .product-buttons__button--splitable-door span { padding-top: 7px } .product-buttons__button--splitable-door-view { white-space: nowrap } .order__files-title { width: 100% } .order__files-or { margin-left: 0 } .order-finish__submit { padding-top: 16px; text-align: center } .order-finish__button--submit { width: 100% } .order-finish__continue { float: none; margin-top: 22px; display: inline-block } .text-content .gallery li { width: 100%; clear: left } .news__list { margin: 0 } .news__item { width: 100% } .news__item:first-child { width: 100% } .news__date { top: -10px; left: -10px } .news__text { font-size: 14px; height: auto; -webkit-line-clamp: initial } .stores__gallery { margin-bottom: 0 } .stores__block { width: 100% !important; margin-top: 12px } } @media screen and (max-width: 400px) { .header-logo__text { font-size: 18px } } @media screen and (max-width: 374px) { .contacts-form__inner { border: 0; padding: 0 } .contacts-form__comment { line-height: normal } .contacts-form__button--submit { margin-top: 24px; width: 100% } .feedback__button--more { padding: 0 10px } .feedback__button--show-form { padding: 0 10px } } @media screen and (max-width: 500px) { .index-slider2 .owl-carousel { display: block !important } .index-slider2 .owl-item { width: 100% } .index-slider2 .index-slider__image { max-height: 450px; object-position: center top } .index-slider2 .owl-item p { position: absolute; left: 20px; bottom: 40px; width: calc(100% - 40px) } .index-slider2 .mobile-sl-button { position: static } .index-slider2 .owl-controls { display: none } .mobile-sl-button { padding: 10px 20px; background: rgba(255, 255, 255, 0.7); border: 1px solid gray; text-decoration: none; position: relative; top: -51px; color: black } .mobile-sl-button:active { background: gray } } #msgSent { position: fixed; top: calc(50% - 120px); left: calc(50% - 265px); padding: 80px 0; border: 5px solid #ff652e; background: white; z-index: 999; font-size: 20px; text-align: center; line-height: 35px; width: 530px } .msgSent { background: #ff652e; border: 0 } .msgSent:hover { background: #ee490e; border: 0 } #bx_eshop_wrap .main-content > p { width: 1200px; margin: 0 auto } .access-title-bar { font-size: 20px; color: white; margin-top: -5px; left: -10px; position: relative; float: left } #videoreview .access-title-bar { background: #009e45; padding: 10px 30px 14px 30px } .green-item_button { display: inline-block; position: relative; background: #ff652e; transition: none; color: #fff; padding: 10px; border-radius: 10px; text-decoration: none } .green-item_button:hover { background: #ee490e } .popup-window-with-titlebar { border: 9px solid #ff652e } #popup_closetab_content { display: none; width: 600px; min-height: 190px } #popup_addcart_content { display: none; width: 400px; min-height: 150px } #popup_addcart_content > p { font-size: large; text-align: center } #popup_addcart_content > div { text-align: center } #popup_addcart_content > div > a:first-child { margin-left: 0; text-decoration: none } .popup-window-content { background-color: #fff } #videoreview > a { position: absolute; right: 10px; top: 0; font-size: 35px; transform: rotate(0deg); transition: .3s; color: #777; text-decoration: none } #videoreview > a:hover { color: black; cursor: pointer; transform: rotate(90deg); transition: .3s } .popup-window > a { position: absolute; right: 10px; top: 0; font-size: 35px; transform: rotate(0deg); transition: .3s; color: #777; text-decoration: none } .popup-window > a:hover { color: black; cursor: pointer; transform: rotate(90deg); transition: .3s } .popup-window-overlay { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } .popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content { background-color: #fff } .greenbutton { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 16px; text-transform: uppercase; font-weight: 700; position: relative; border-radius: 0; float: initial } .greenbutton:hover { background: #ee490e; cursor: pointer } #popup-window-content-addCart p { text-transform: uppercase; width: 330px; margin-left: 0; margin-top: 20px; font-size: 23px; height: 100px } #popup-window-content-addCart > div > a:first-child { margin-left: 0; text-decoration: none } #addCart { background: white; border: 9px solid #ff652e; width: 600px; height: 260px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 130px) !important; left: calc(50% - 300px) !important } #popup-window-titlebar-addCart { height: 0 } #popup-window-content-addCart > a { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 23px; text-transform: uppercase; font-weight: 700; position: relative } #popup-window-content-addCart > a:hover { background: #ee490e; cursor: pointer } #popup-window-overlay-addCart { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #Basket { background: white; border: 9px solid #ff652e; width: 600px; max-height: 650px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 325px) !important; left: calc(50% - 300px) !important } #basket_items { overflow-y: scroll; max-height: 300px } #popup-window-content-Basket p { margin-left: 30px; margin-top: 30px; font-size: 18px } #popup-window-content-Basket > div > a:first-child { margin-left: 0; text-decoration: none } #popup-window-overlay-Basket { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #popup-window-titlebar-Basket { height: 0 } .basket__item { display: flex } .basket__item-img { flex-basis: 160px; text-align: center } .basket__item-params { flex-basis: 400px; display: flex; flex-direction: column } .basket__item-params .not_product-top__availability--available::before, .basket__item-params .product-top__availability--available::before { top: 0 } .basket__item-params .not_product-top__availability--available, .basket__item-params .product-top__availability--available { margin-top: auto } .basket__item-parameters { margin-bottom: 5px } .basket__item-price { margin-left: auto; display: flex; align-items: flex-start; height: auto; max-height: 200px; position: relative; white-space: nowrap } .basket__item-base-price { color: #ccc; display: flex; flex-direction: column; align-items: center; font-size: 16px; margin-right: 15px } .basket__item-price--span { font-size: 12px } .basket__item-remove { position: absolute; right: 0; bottom: 0 } .instore { width: 16px; height: 16px; background: #aff0af; border-radius: 50%; color: green; padding: 3px; position: relative; top: 4px; left: -3px } .instore--gray { color: #fff; background-color: #ccc } .basket__item-instore { margin-top: 10px; font-size: 12px; font-weight: 300; display: inline-block; border: 1px solid rgba(0, 128, 0, 0.4); border-radius: 3px; padding: 0 10px; line-height: 26px } .basket__item-instore--gray { color: #b2b2b2; border-color: #ccc } .basket_order__step { background-color: #f5f5f5; margin-bottom: 20px; padding: 20px } .basket_order__title { font-size: 18px; font-weight: bold; margin-bottom: 20px } .basket__item { border-bottom: 1px solid #e6e6e9; padding: 20px 0 } .basket__item-quantity { box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 8px; display: block; clear: both; width: 110px; margin-right: 15px } .basket__item-title { font: 18px/normal Roboto, sans-serif; color: #222227 } .basket__item-art { color: #7d7d7d; margin: 10px 0 } .basket__item-span { color: #222227; font-weight: bold; text-align: right } .basket__float .basket__item-span { white-space: nowrap } .basket__item-prm { font-weight: 300; font-size: 12px; display: flex; line-height: 1.6 } .basket__item-price--discount { font-size: 16px; font-weight: bold } .basket__item-price--base { font-size: 16px; font-weight: 300; text-decoration: line-through; text-decoration-color: #ee652e; color: #8d8d8d } .basket__item-sum-price { color: #ff652e; font-size: 20px; font-weight: 600; margin-top: 8px; min-width: 110px } .basket__item-remove-link { color: #8d8d8d } .basket__item-remove-link:hover { color: #ff652e } .mt-10 { margin-top: 10px } .mt-20 { margin-top: 20px } .basket_order__descr { display: flex; flex-direction: column; width: 100% } .tabset > .tabset_checkbox { display: inline-flex; align-items: center; transition: color .3s } .tabset_checkbox::before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #ccc; transition: all .3s; margin-right: 5px } .basket_order .tabset_inp:checked + .tabset_checkbox::before { background-color: #ff652e; border-width: 3px; display: inline-block } .product .tabset_inp:checked + .tabset_checkbox::before { border: 2px solid #ff652e; background: linear-gradient(90deg, #f4f4f4, #fff) } .basket_order__subtitle { font-size: 14px; line-height: 32px; margin-top: 10px; color: #7d7d7d } .basket_order__descr_title { font-size: 14px; color: #222227; margin-top: 10px } .basket_order__descr_text { font-size: 14px; color: #222227; font-weight: bold } .link_checkbox { color: #222227; font-size: 16px; font-weight: bold; display: inline-flex; align-items: center; position: relative; top: 3px; margin-right: 10px } .link_checkbox:hover { color: #ff652e } .link_checkbox::before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #ccc; margin-right: 5px; position: relative; top: 0 } #Consult { background: white; border: 9px solid #ff652e; width: 600px; height: 260px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 130px) !important; left: calc(50% - 300px) !important } .basket__float-promo-ok { font-size: 12px; color: green } .basket__float-promo-no { font-size: 12px; color: #ff652e } .promocode__label { display: block; margin-top: -4px; position: relative; background: 0 } .promocode__input { box-shadow: none; font-size: 15px; line-height: 22px; padding-right: 30px; background: 0 } .form-error .promocode__input, .form-error .promocode__input:hover { box-shadow: none; border-bottom: 1px solid #ee2b52 } .no-touch .promocode__input:focus { box-shadow: none; border-bottom: 1px solid #c09b51; background: 0 } .no-touch .promocode__input:hover { background: 0 } .promocode { height: 48px } button.promocode__btn { position: absolute; top: 0; right: 0; width: 30px; height: 36px; z-index: 2; cursor: pointer; background: 0; border: 0; transition: .3s; color: #000; padding: 0 5px 0 0; display: flex; align-items: center; justify-content: center } button.promocode__btn:hover { color: #ff652e } .promocode__btn-icon { width: 20px; height: 14px } .promocode--alert input::placeholder { color: #ff652e !important } .promocode__success-note { position: absolute; height: 36px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; cursor: default } .success-note { color: #76c5a0; position: relative; padding-left: 28px; line-height: 22px } .success-note::after, .success-note::before { position: absolute; content: '' } .success-note::before { top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #bee1b5 } .success-note::after { top: 50%; left: 10px; width: 10px; height: 6px; margin: -6px 0 0 -5px; border-bottom: 2px solid #76c5a0; border-left: 2px solid #76c5a0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .basket__float-comment { margin-bottom: 15px } #popup-window-content-Consult p { text-transform: uppercase; width: 330px; margin-left: 0; margin-top: 15px; font-size: 23px } #popup-window-content-Consult > div > a:first-child { margin-left: 0; text-decoration: none; float: left } #popup-window-overlay-Consult { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #popup-window-titlebar-Consult { height: 0 } #popup-window-content-Consult > img { position: absolute; right: 10px; top: -41px } #popup-window-content-Consult > a { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 23px; text-transform: uppercase; font-weight: 700; position: relative } #popup-window-content-Consult > a:hover { background: #ee490e; cursor: pointer } #Callback { background: white; border: 9px solid #ff652e; width: 600px; height: 260px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 130px) !important; left: calc(50% - 300px) !important } #popup-window-content-Callback p { text-transform: uppercase; width: 330px; margin-left: 0; margin-top: 15px; font-size: 23px } #popup-window-content-Callback > div > a:first-child { margin-left: 0; text-decoration: none; float: left } #popup-window-overlay-Callback { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #popup-window-titlebar-Callback { height: 0 } #popup-window-content-Callback > img { position: absolute; right: 10px; top: -41px } #popup-window-content-Callback > a { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 23px; text-transform: uppercase; font-weight: 700; position: relative } #popup-window-content-Callback > a:hover { background: #ee490e; cursor: pointer } @media screen and (max-width: 639px) { #Callback { width: 100%; left: 0 !important; height: 400px } #popup-window-content-Callback > img { top: auto; bottom: -15px } #popup-window-content-Callback p { width: 90% } #popup-window-content-Callback > div > a:first-child { font-size: 15px; width: 55%; position: absolute; bottom: 35px; top: auto; left: 35px } #addCart { width: 100%; height: 160px; left: 0 !important } #popup-window-content-addCart p { text-transform: uppercase; width: 250px; margin-left: 0; margin-top: 10px; font-size: 18px; height: 60px } .greenbutton { padding: 10px 8px; font-size: 10px } .popup-window-with-titlebar .popup-window-content { padding: 2px } } .btns { display: none } .main-content #basket_form { max-width: 1400px; margin: auto } .basket { display: flex } .basket__table { width: 1080px; margin-right: 20px } .basket__float { width: 300px; height: auto } .basket__float_box { position: -webkit-sticky; position: sticky; top: 90px; display: flex; flex-direction: column; font-size: 14px } .basket__float_box_wrap { box-shadow: 0 0 10px 4px #eaeaea; border-radius: 8px } .basket__float_box .one-click-buy { display: block; margin-right: 0 } .btn-submit { display: block; width: 100% } .basket__float_box > div { padding: 10px 20px } @media screen and (min-width: 900px) { #btns-link { border: 1px solid; padding: 5px 10px; text-decoration: none } #btns-link:hover { background: #ff652e; color: white } } .soc-fixed { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 10px; left: 5px; margin: -35px 0 0; position: fixed; top: 50%; width: 55px; z-index: 10; padding-bottom: 10px } .soc-fixed li { list-style: none } .soc-btn_fixed { margin: 0 0 10px; position: relative } .soc-fixed ul { padding: 10px 10px 0 } .soc-fixed li:before { content: none } .soc-btn_fixed > a { float: none } .accordion { width: 100% } .accordion .inner { padding-left: 1em; overflow: hidden; display: none } .accordion li { margin: .5em 0 } .accordion li:before { display: none } .accordion li a.toggle { width: 100%; display: block; background: #ff652e; color: #fefefe; padding: .75em; border-radius: .15em; transition: background .3s ease; font-weight: 700; text-transform: uppercase; text-decoration: none } .accordion li a.toggle:hover { background: #ee490e } .accordion.init-accordion .accordion__content { position: static; visibility: visible } .accordion.open-accordion .accordion__icon::after { transform: translate(-50%, -50%) rotate(225deg) } .accordion__toggler { display: inline-flex; align-items: center; cursor: pointer; font-size: 16px; font-weight: 600; color: #333 } .accordion__icon { width: 10px; height: 10px; position: relative; display: inline-block; vertical-align: middle; margin-right: 6px } .accordion__icon::after { transition-duration: 300ms; content: ''; position: absolute; left: 50%; top: 45%; display: block; width: 7px; height: 7px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: translate(-50%, -50%) rotate(45deg) } .accordion__content { position: absolute; visibility: hidden } .accordion-title { padding: 20px 40px; background: #ff652e; width: 345px; border-radius: 5px; margin: 0 auto 30px; color: white; text-transform: uppercase; font-weight: 700 } .howitworks { display: flex !important; width: 100%; justify-content: center; margin-bottom: 30px; padding-left: 0; flex-wrap: wrap } .howitworks li { border: 8px solid #ff652e; width: 160px; height: 160px; margin: 0 15px 15px; position: relative; border-radius: 15px; background-position: center; background-repeat: no-repeat } .howitworks li:after { position: absolute; right: -33px; background-image: url(https://belwooddoors.by/images/11.png); top: calc(50% - 25px); width: 18px; height: 49px; content: url(https://belwooddoors.by/images/11.png) } .howitworks li:last-child:after { display: none } .howitworks li span { position: absolute; bottom: -25px; width: 145px; text-align: center; font-size: 20px; color: #ff652e } .howitworks li:before { display: none } .howitworks li:nth-child(1) { background-image: url(https://belwooddoors.by/images/12.png) } .howitworks li:nth-child(2) { background-image: url(https://belwooddoors.by/images/13.png) } .howitworks li:nth-child(3) { background-image: url(https://belwooddoors.by/images/14.png) } .howitworks li:nth-child(4) { background-image: url(https://belwooddoors.by/images/15.png) } .howitworks li:nth-child(5) { background-image: url(https://belwooddoors.by/images/17.png) } @media screen and (max-width: 600px) { .howitworks { margin-left: -15px; margin-right: -15px; margin-bottom: 0; width: auto } .howitworks li { margin-bottom: 20px; width: 145px; height: 145px } .accordion-title { max-width: 100% } } .f-default__field._time3 { padding: 0 0 0 5px } .razdvizh { max-width: 1140px; margin: 0 auto } .razdvizh section { border-top: 2px solid #444; padding: 20px 0; display: flex } .razdv--gallery { display: flex } .razdv--gallery__thumbs { width: 110px; margin: 5px 5px } .razdv--describ { width: 420px; padding-left: 15px } .razdv--btns { width: 250px; text-align: right } .razdv--bonus { margin-top: 120px; text-align: left; padding-left: 15px } .slick-arrow { top: 100% } .slick-prev, .slick-next { font-size: 0; position: absolute; bottom: 20px; color: #555; border: 0; background: 0; z-index: 1 } .slick-prev { left: 39px; top: -18px } .slick-prev:before { content: "\f077"; font: 30px/1 'FontAwesome'; color: #444 } .slick-next { right: 52px; text-align: right } .slick-next:before { content: "\f078"; font: 30px/1 'FontAwesome'; color: #444 } .slick-prev:hover:after, .slick-next:hover:after { color: #7e7e7e } .grnbtn { display: block; position: relative; background: #ff652e; transition: none; text-decoration: none; color: #fff; float: right; padding: 10px } .grbtn { display: block; position: relative; background: #f5f5f5; text-decoration: none; color: #555; float: right; border: #ccc solid 1px; height: 35px; outline: 0; font: 14px/33px "Open Sans", sans-serif; padding: 0 26px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; text-align: center; transition: all .25s linear } .razdv--btns p:first-child span { color: #ff652e; font-weight: 700; font-size: 28px } .razdv--btns p:first-child span span { font-size: 18px } .razdv--btns p a { width: 100%; margin: 7px 0 } .razdv--btns p:nth-child(even) a { text-transform: uppercase; padding: 0 } .razdv--gallery { align-items: center } .razdv--describ, .razdv--btns { margin: auto } .razdvizh section { border-top: 1px solid #ccc } .razdvizh section:last-child { border-bottom: 1px solid #ccc } .razdv--gallery__main { max-width: 320px } .razdv--btns .product-buttons__button--measurement span:before { display: none } .razdv--btns .product-buttons__button--measurement span { padding: 0 } @media screen and (max-width: 600px) { .razdvizh section { display: block } .razdv--describ { width: 100%; padding: 0; margin-top: 15px } .razdv--btns { width: 100%; text-align: center; padding: 0; margin-top: 15px } } .aktsii2 { margin-bottom: 20px; position: relative } .header-catalog-menu__list.header-catalog-menu__list--level1 > li:nth-child(5) { display: none } .jouele-control-button-icon_play .jouele-svg-color, .jouele-control-button-icon_unavailable .jouele-svg-color { fill: #ff652e } .jouele-svg { width: 35px; height: 35px } .jouele-control-text { line-height: 2.7 !important } .jouele-time { display: none } .jouele-control-button-icon_pause .jouele-svg-color { fill: #ee490e } .tab-panel .product-delivery-description { font-size: inherit; color: inherit } .product-delivery-description { font-size: 14px; color: #222227; display: block } .product-delivery-description-mobile { display: flex; flex-direction: column } .product-delivery-description-mobile .accordion__toggler { align-self: center } @media screen and (min-width: 601px) { .product-delivery-description-mobile { display: none } } @media (max-width: 600px){ .product-delivery-description-mobile { display: none; } } #mc_embed_signup_scroll .mc-field-group #mce-EMAIL + .mce_inline_error { display: none !important } #mc_embed_signup { width: 40%; margin-left: 30% } #mc_embed_signup .mc-field-group { margin-top: 25px } #mc_embed_signup .clear { text-align: center } #mc_embed_signup input.mce_inline_error { border: 1.5px solid #ee490e !important } #mc_embed_signup input#mc-embedded-subscribe { color: #fff; background-color: #ff652e; border-color: #ff652e } #mc_embed_signup input#mc-embedded-subscribe:hover { background-color: #ee490e; color: #fff; border-color: #ee490e } .header-catalog-menu__link--line { line-height: 18px; text-align: center; display: inline-block } @media screen and (max-width: 1024px) { .header-catalog-menu__link--line { max-width: none } } .sidebar__filters .bx-filter-block { display: none; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease } .sidebar__filters .bx-filter-button-box .bx-filter-block, .sidebar__filters .bx-filter-parameters-box.bx-active .bx-filter-block { display: block } .furniture { width: 100% } .furniture-inner { margin: 20px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1024px) { .furniture-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .furniture__item { border: 1px solid #ccc; border-radius: 3px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; text-decoration: none; text-align: center; -webkit-transition: border-color .1s; -o-transition: border-color .1s; transition: border-color .1s; -webkit-flex-basis: 185px; -ms-flex-preferred-size: 185px; flex-basis: 185px } .furniture__item:hover { border-color: #333 } .furniture__img { height: 144px; padding: 10px } .furniture__img img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 100% } .furniture__title { font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #333; padding: 10px } .detail-product { margin-top: 5px } .detail-product:not(.detail-product-offers) .product-top__availability, .detail-product:not(.detail-product-offers) .product-top__availability_not, .detail-product:not(.detail-product-offers) .product-top__compare { display: inline-block } .popup-form__form-group label.error { font-size: 12px; line-height: 12px; margin-top: 4px; min-height: 25px } .socials__links { display: flex } .header-mobile-bottom-fixed { display: none } .text_about_shop { display: none } .footer-section-contacts__developer { padding-left: 15px; padding-right: 15px; clear: both; display: flex; justify-content: space-between } .offcanvas-menu__shop-links { border-bottom: 1px solid #ccc; width: 270px; padding-left: 18px; box-sizing: border-box } .offcanvas-menu__shop-links:after { content: ''; display: block; clear: both } .offcanvas-menu-shop-links__link { width: 100%; float: left; position: relative; color: #777; display: flex; align-items: center; font: 16px/50px "Open Sans", sans-serif; text-decoration: none } .offcanvas-menu-shop-links__link:before { content: ''; position: absolute; display: block } .offcanvas-menu-shop-links__link--cart .offcanvas-menu-shop-links__text { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 270px } .offcanvas-menu-shop-links__link--cart.active:before { background-position: 43.75% 41.98473282442748% } .offcanvas-menu-shop-links__link--comparsion { width: 143px } .offcanvas-menu-shop-links__link--comparsion .offcanvas-menu-shop-links__text { padding-left: 48px } .offcanvas-menu-shop-links__link--comparsion:before { top: 10px; left: 9px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 63.07692307692308%; width: 29px; height: 28px } .offcanvas-menu-shop-links__link--comparsion.active:before { background-position: 73.61111111111111% 0 } .offcanvas-menu-shop-links__link.active { color: #ee490e } .offcanvas-menu-shop-links__badge { position: absolute; top: 11px; left: 30px; background-color: #ff652e; color: #fff; text-align: center; z-index: 10; border-radius: 6px / 50% 50%; font: 9px/12px "Open Sans", sans-serif; padding: 1px 4px 0 } .offcanvas__menu .main-menu { display: block } .offcanvas-menu__search { width: 270px } .offcanvas-menu__search .header_search__form { margin-top: 0 } .offcanvas-menu__search .header_search__input, .offcanvas-menu-search__input { border: 0; height: 50px; padding: 0 50px 0 20px } .offcanvas-menu__search .header_search__button.header_search__button, .offcanvas-menu-search__button { width: 50px; height: 50px; background: transparent !important; border: none !important; position: absolute; top: 0; right: 0; left: auto } .offcanvas-menu__search .header_search__button.header_search__button::after, .offcanvas-menu-search__button:after { content: ''; position: absolute; display: block; top: 12px; left: 14px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 70.66666666666667% 54.47761194029851%; width: 23px; height: 24px } .offcanvas__menu .header__catalog-menu { display: block } .title-search-result.search-mobile { width: 270px !important; min-width: 270px; max-height: calc(100% - 50px); overflow-y: auto; padding-top: 10px; margin-top: -2px } .title-search-result.search-mobile .bx_searche .bx_item_element { margin-right: 15px; padding-left: 0 } .header-fixed .content-container { display: none } .project__box { padding: 0 15px; display: flex; justify-content: space-between; margin-bottom: 71px } .project__item { height: 344px; width: 100%; background-size: cover; display: flex; flex-direction: column; justify-content: flex-end; transition: all .3s; position: relative; border-radius: 8px; overflow: hidden } .project__item::before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, #000000 0, #000 100%); opacity: .4; z-index: 1 } .project__item:hover .project__text { text-shadow: 2px 3px 3px #ff652e } .project__item:hover .icon-arrow-circle { transform: translateX(10px) } .project_arrow { margin-top: 10px } .our_project { width: 100%; box-sizing: border-box; border: 4px solid #fff; border-radius: 8px; background-color: #fff } .our_project__title { font-size: 16px; line-height: 24px; padding: 20px 20px 22px; color: #000; text-transform: uppercase; font-weight: bold; transition: .3s; overflow: hidden } .our_project__title:hover { color: #ff652e } .our_project__img { overflow: hidden; border-radius: 8px } .our_project__image { transition: .3s; height: 290px } .our_project__img:hover .our_project__image { transform: scale(1.05) } .project__text { text-transform: uppercase; color: #fff; font-size: 22px; line-height: 32px; font-weight: bold; padding: 26px 32px; transition: .3s; position: relative; z-index: 2 } .project__mobtitle { text-align: center; font-size: 24px; color: #222227 } .project__box .owl-stage { display: flex } .project__box .owl-item { overflow: hidden; -webkit-transform: none } .project__box--real { margin-bottom: 0 } .chips { margin-bottom: 20px; margin-top: -30px; margin-right: 150px; display: flex; flex-wrap: wrap; min-width: calc(100% - 445px); } .chips__label { cursor: pointer; padding: 5px 10px; color: #222227; margin-right: 10px; margin-bottom: 5px; background-color: #f6f5f5 } .chips__label:after { content: "\274c"; display: inline-block; margin-left: 5px; transition: transform .3s; font-size: 12px } .chips__label:hover { background-color: #d8d8d8 } .chips__label:hover::after { transform: rotate(180deg) } .header__shoping { margin-left: auto } .catalog__list_inner { display: flex; flex-wrap: wrap; height: auto !important } .mobile_only { display: none } .project__title { border: 1px solid #ff652e; padding: 20px 10px 20px 10px; margin-left: -5px; z-index: -1; color: #222227; font-size: 16px; transition: all .3s; transition-delay: 0s, .3s } .projcet__inner { max-height: 40px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal } .project__img { transition: transform .3s; transition-delay: .3s, 0s } .project__image { width: 280px; height: 180px; object-fit: contain } .project__box--real .project__item:hover .project__title { z-index: 1; background-color: #ff652e; color: #fff } .project__box--real .project__item:hover .project__img { transform: translateX(15px) } .pagination { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px } .pagination::after { display: none !important } .pagination_mobile { display: none } .pagination { display: flex; justify-content: space-between } .pagination__total { white-space: nowrap; margin-right: 30px } .pagination__count { font-size: 16px; color: #bfbfc4 } .pagination__nav { text-align: center } .pagination__arrow { background-color: transparent; border: 0; width: 35px; color: #222227 } .pagination__arrow:disabled, .pagination__arrow:disabled:hover { color: #d8d8d8; background-color: transparent } .pagination__item { width: 35px; height: 35px; font-size: 14px; color: #222227; background-color: transparent; margin: 0 8px; display: inline-block; line-height: 35px; padding: 0; border-radius: 8px } .pagination__item:hover { background-color: #f6f6f6; color: #ff652e } .pagination__item--current, .pagination__item--current:hover { background-color: #ff652e; color: #fff } .pagination__item--nohover:hover { background-color: initial; color: initial } .move_top_arrow { position: fixed; bottom: 110px; right: 25px; width: 40px; height: 40px; opacity: .5; border: 4px solid #d8d8d8; border-radius: 50%; color: #d8d8d8; padding: 4px; z-index: 22; transition: opacity .3s; cursor: pointer; background-color: #fff; display: none } .move_top_arrow:hover { opacity: 1 } .related { margin: 20px; clear: both } .related__container { max-height: 340px } .related__slider-item { position: relative; margin: 0 10px } section.product { padding: 0 20px } .product .tabset { border-bottom: 4px solid #f5f5f5; position: relative; clear: both } .product .tabset:before { content: ''; display: block; height: 3px; background-color: #ccc; position: absolute; top: 33px; width: 100% } .tabset > input[type="radio"] { position: absolute; left: -200vw } .tabset .tab-panel { width: 60%; display: none } .tab-panels { text-align: left; margin-top: 20px; margin-bottom: 20px } .size-value { display: inline-block; border: 1px solid #ccc; padding: 7px 15px; margin-bottom: 12px; color: #595959; line-height: 24px; border-radius: 8px } .size-value:not(:last-child) { margin-right: 12px } .size-value:hover, .size-value.active { position: relative; z-index: 1; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e } .product .tabset > input:checked + label:before { content: ''; display: block; height: 3px; background-color: #ff652e; position: absolute; top: 30px; left: 0; width: 100% } .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6), .tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7) { display: block } input#tab2:checked ~ .tab-panel#content2 { display: block } input.validate:invalid { border-color: red } input.validate:valid:not { border-color: green } input.validate:invalid:not(:placeholder-shown) { border-color: red } input.validate:valid:not(:placeholder-shown) { border-color: green } .form__error { color: red; text-align: left; font-size: 12px; margin-top: 3px; display: none } .form input { outline: 0; display: block; width: 100%; border-radius: 2px; border: 1px solid #ccc; padding: 10px; box-sizing: border-box } .form button { width: 100%; padding: 10px; border-radius: 2px; border: 0; background-color: #ccc; color: #fff } input:valid:not(:placeholder-shown) { border-color: #ff652e } input:invalid:not(:placeholder-shown) { border-color: red } input:invalid:not(:placeholder-shown) + .form__error { display: block } input[type="submit"] { border: 0 } .tabset > label { position: relative; top: 3px; display: inline-block; padding: 5px 0; margin-right: 30px; border-bottom: 0; cursor: pointer; font-weight: 600; font-size: 16px } .tabset > label:last-child { margin-right: 0 } .tabset > label:hover, .tabset > input:focus + label { color: #ff652e } .tabset > label:hover, .tabset > input:focus + label, .tabset > input:checked + label { color: #ff652e } .order__title { margin-top: 60px; font-size: 24px; font-weight: bold } .order__tabs { height: 60px } .basket__item-row { width: 200px } .basket__float-dots { flex-grow: 2 } .basket__float-dots::after { content: ''; display: inline-block; vertical-align: baseline; width: 100%; height: 1px; min-width: 20px; background: linear-gradient(to right, #d4d4d4 0, #d4d4d4 2px, transparent 1px, transparent 4px) 0 0/4px 1px repeat-x } .basket__float-row { display: flex; margin: 5px 0 } .toggled-elem { cursor: pointer; margin-bottom: 10px; color: #7d7d7d; font-weight: bold } .toggled-elem:hover { color: #222227 } .toggled-elem-on .dropdown_arrow { transform: rotate(180deg) } .product__gallery { max-width: 428px; width: 100%; height: auto; padding: 0 15px; margin: 16px auto; position: relative } .product__gallery .owl-prev { left: -22px; top: 22px; background: 0 } .product__gallery .owl-next { background: 0; right: -22px; top: 22px } .btn.subscribe_button { border: 0; font-weight: bold; background-color: #fff; color: #eb4a21; border-radius: 0 } .btn.subscribe_button:hover { opacity: .8 } .img-blocks-list { display: flex; overflow: hidden; border-radius: 8px } .img-blocks-list .owl-dots { position: absolute; bottom: 10px } .img-block { flex-shrink: 0; width: 100%; background-size: cover; background-position: right center; color: #000; border-radius: 8px; overflow: hidden } .img-block__content { box-sizing: border-box; max-width: 470px; padding: 20px 38px; min-height: 194px; display: flex; flex-direction: column; justify-content: center } .img-block__title { font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 12px; text-transform: uppercase } .img-block__text { font-size: 16px; line-height: 1.5; color: #595959 } .catalog-wrapper { display: flex; margin-bottom: 25px } .catalog-wrapper .sidebar { flex-shrink: 0 } .product-top__availability, .product-top__availability_not { color: #000; padding-left: 24px; position: relative; line-height: 18px } .product-top__availability:before, .product-top__availability_not:before { background-color: #ccc; top: 1px; left: 0; width: 16px; height: 16px; border-radius: 50%; content: ''; position: absolute; display: block } .product-top__availability:before { background: #51c56a } .product-top__availability:after, .product-top__availability_not:after { top: 0; left: 0; background: url(/bitrix/templates/general/assets/css/../images/sprites.svg) 68.38709677419355% 85.21126760563381%; width: 18px; height: 16px; content: ''; position: absolute; display: block; transform: scale(.7) } .basket__float-summary { margin-bottom: 15px } .basket__float-promo { margin-bottom: 10px } .basket__float-promo.basket__float-promo input { border-color: #ff652e } .basket__float-promo.basket__float-promo input:focus { border-color: #999 } .queries-list { font-size: 14px; line-height: 24px; display: flex; color: #000 } .queries-list__list { list-style: none; margin: 0; margin-right: -13px; padding: 0 } .queries-list__list > li { float: left; margin: 0 13px 13px 0; padding: 0 } .queries-list__list > li::before { display: none } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler, .queries-list__list a { padding: 5px 15px; border: 1px solid #b3b3b3; box-sizing: border-box; border-radius: 8px; color: inherit; transition-duration: 300ms; display: block } .queries-list__list a:hover { border-color: #ff652e } .queries-list .flexMenu-viewMore li { margin: 0 0 15px; padding: 0 } .queries-list .flexMenu-viewMore li::before { display: none } .queries-list .flexMenu-popup { width: 250px; right: 0; background-color: #fff; margin: 0; padding: 15px 20px 0; border: 1px solid #969696; max-height: 300px; box-sizing: border-box; overflow-y: auto; z-index: 100 } .queries-list .flexMenu-popup::-webkit-scrollbar { width: 6px; background-color: #e9e9e9 } .queries-list .flexMenu-popup::-webkit-scrollbar-thumb { width: 6px; border-radius: 4px; background-color: #555 } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler { width: 0; overflow: hidden; margin: 0; height: 0; padding: 0; border: 0 } .queries-list__toggler span:last-child { display: none } .owl-carousel--arrow .owl-prev, .owl-carousel--arrow .owl-next { position: absolute; top: 50%; transform: translateY(-50%) } .owl-carousel--arrow .owl-prev { left: -18px } .owl-carousel--arrow .owl-next { right: -18px } .popup-form__descr { margin-top: 20px; margin-bottom: -20px; color: #333 } .video-block { float: left; margin-right: 30px } .bx-sbb-empty-cart-container { margin: 15px 15px 30px } .socials-block-adaptive { margin-bottom: 10px } .socials-block-adaptive .socials { margin-top: -10px } .search-nothing-found { text-align: center } .img-center { display: table; margin-left: auto; margin-right: auto } .section-block { padding: 40px 0; clear: both } .owl-item .catalog-item { width: 100% !important; padding-left: 53px; } .filters__submit .bx-filter-parameters-box-container { padding-bottom: 0 } .bx-filter-parameters-box-container { font-size: 12px !important; } @media screen and (max-width: 1200px) { .content-container { width: 100% } img { max-width: 100% } .header-logo__text { display: none } .header__text-item { margin-right: 28px } .header__text-item--second { margin: 0 } .main-menu__item--level1:not(:last-child) { margin-right: 20px } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2 { padding: 10px; height: 100% } .header-catalog-menu__item--doors-item { padding-left: 12px } .header-catalog-menu__item--doors-item .header-catalog-menu__item--level3 { font-size: 12px } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2 { padding-left: 10px; position: absolute; bottom: 0 } .header-catalog-menu__link--level1 { font-size: 13px; line-height: 18px } .header-catalog-menu__link--doors-item { font-size: 16px } .header-catalog-menu__image--left { width: 70px; background-size: 100% auto } .header.fixed .main-menu { left: 15px } .header.fixed .main-menu:before { left: 29px } .header.fixed .main-menu:after { left: 30px } .header.fixed .header__catalog-menu { left: 83px } .index-slider__bottom { text-align: center } .index-slider__bottom:after { display: block; clear: both } .index-slider-bottom__element { width: 50%; max-width: 440px } .index-slider-bottom__title { font-size: 16px } .catalog-categories__image-container { height: 240px } .catalog__content { width: calc(100% - 200px) } .product-top__topbar { display: table; float: right; width: auto } .product-top__left { display: table-footer-group } .product-top__left { float: none } .product-top__right { float: left; width: 100%; text-align: right } .product_video { padding-top: 0 } .product__filter { padding-top: 0 } .product-filter__label { line-height: 1.4em; width: 100%; margin-bottom: 6px } .product-filter__door-open-side { margin-top: 10px } .product-buttons__button--splitable-door { margin-top: 20px; clear: left } .product-buttons__button--splitable-door-view { margin-top: 20px } .product-gallery-large__previews { margin: 10px 0 0; clear: both; width: 100% } .product-gallery-large-previews__item { margin: 0 10px 10px 0; float: left } .order__files-title { font-size: 18px } .order__files-or { margin: 0 12px } .compare-content-controls__slider-scroll { width: calc(100% - 285px) } .compare-content-slider__parameters-titles-container { width: 194px } .compare-content-slider__inner { width: calc(100% - 194px) } .compare-content-slider__top { padding-left: 16px; padding-right: 16px } .sidebar + .text__content { width: calc(100% - 300px) } .feedback__items .feedback__item { width: calc(33.333% - 30px) } } @media screen and (max-width: 1024px) { .product-filter-price-tabs__tab .tooltip { left: 50%; } #dostavich .table-wrapper { float: left; width: 50%; margin-top: -1px; margin-left: -1px } .header__search form:hover { width: 50px } .catalog-item:hover .catalog-item__bg { display: none !important } .catalog-item:hover .catalog-item__aside { display: none !important } .catalog-item:hover .catalog-item__bottom { display: none !important } .catalog--main .catalog-item { width: 33.333%; height: auto !important; min-height: 1px !important } .catalog--main .catalog-item:nth-child(4n + 1) { clear: none } .catalog--main .catalog-item:nth-child(3n + 1) { clear: left } .catalog--search .catalog-item { width: 25% } .catalog--search .catalog-item:nth-child(5n + 1) { clear: none } .catalog--search .catalog-item:nth-child(4n + 1) { clear: left } .catalog--search ~ .catalog__list .catalog__list_inner { margin-left: 0; margin-right: 0 } .catalog--search ~ .catalog__list .catalog-item { width: 25% } } @media screen and (max-width: 991px) { .fade-block__content .about__image { margin-bottom: 15px; width: 100%; align-self: flex-start; margin-right: 0 } .fade-block__content .about__image--slider { margin-top: 20px; } .tabset > label { display: inline-flex; border-bottom: none !important } .product .tabset:before { display: none } .tabset > input:checked + label:before { display: none } .product_view { justify-content: center; margin-bottom: 5px } .product_view > div { width: 100% } .product_order { margin-top: 20px } .tabset .tab-panel { width: 100% } .basket { flex-direction: column } .basket__table { width: 100% } .basket__float { bottom: 50px; width: 100% } .btn-submit { width: initial } .basket__float_box { align-items: center; justify-content: space-around; top: inherit; bottom: 50px; height: auto; z-index: 21; width: 100%; background: #fdf1ec; border: 0; color: #222227; flex-wrap: wrap; margin: 20px 0 } .basket__float_box > div { width: 100%; margin: 0 auto } .basket__float-dots::after { background-color: #222227 } .basket__item-span { color: #222227 } .toggled-elem { color: #222227 } .catalog__sort-links { position: absolute; right: 20px; top: 30px } .catalog__topbar { position: relative } .pagination_mobile { display: block; text-align: center; margin-bottom: 40px; margin-top: 40px } .catalog__list .show-more { display: block; text-align: center } .mobile_only { display: block } .preslider_mobile__title { color: #222227; font-size: 24px; text-align: center } .preslider_mobile__list { display: flex; flex-direction: column; max-width: 300px; margin: 40px auto } .preslider_mobile__item { text-transform: uppercase; color: #ff652e; display: table-cell; border: 1px solid #ff652e; margin-top: -1px; margin-left: -1px; padding: 15px 20px; box-sizing: border-box; transition: all .2s; font-weight: bold } .preslider_mobile__item:hover { border-color: transparent; box-shadow: 0 0 10px 1px #ee490e } .index-slider-bottom__element .tab-arrow { display: inline-block } .tab-content { transform: scaleY(0); max-height: 1px } .header .bx-basket { position: relative; top: 4px } .catalog__title { float: none } .project__box { margin: 20px auto } .header.fixed .header-fixed .content-container { display: flex; justify-content: space-between } .about .content-container { display: flex; flex-direction: column } .image_for_index_page { width: 100%; height: auto } .about__text-content { width: 100% } .main-menu__slogan { display: none } .header-catalog-menu__link--has-items .header-catalog-menu__title--level1 { height: 60px } .header-catalog-menu__link--has-items-mobile:after { top: 24px } .header-catalog-menu__title--level1 { justify-content: flex-start; padding: 0; height: 60px } .header__button--catalog-button { font: bold 14px/50px "Open Sans", sans-serif; color: #fff; text-transform: uppercase; display: block; padding-left: 12px; padding-right: 15px; float: left; width: 100%; height: 50px; background-color: #40404b; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 0; text-align: left } .footer-section .content-container { padding-top: 0 } .footer-section { text-align: center; margin: 20px 0 } .footer-section__contacts, .footer-section__address-container, .footer-section__menu { display: none } .text_about_shop { display: block; padding: 0 20px 20px 20px } .header_search { padding: 0 20px } .header__text-item--phone { display: none } .header-mobile-bottom-fixed { display: block; position: fixed; bottom: 0; width: 100vw; background-color: #ff652e; z-index: 22; height: 65px; border-top: 1px solid #fff } .mobnav_bottom { display: flex; justify-content: space-around } .mobnav_icon { display: flex; flex-direction: column; align-items: center; justify-content: center } .mobnav_icon .icon { width: 30px; height: 30px; color: #fff } .mobnav_item { font-size: 12px; color: #fff; padding: 5px 10px; display: block } .mobnav_text { position: relative; top: -5px } .mobnav_item:hover { background-color: #ee490e } .mobnav_popup { right: 100px; position: absolute; background-color: #fff; border: 2px solid #33333378; box-shadow: -1px 1px 200px 200px #333333a1 } .mobnav_popup.shown { display: block } .popup_icon { width: 24px; height: 24px; margin-right: 10px } .mobnav_popup_line { display: flex; align-items: center; padding: 10px; font-size: 16px; white-space: nowrap; color: #222227 } .footer--orange { flex-direction: column; align-items: center; text-align: center } .socials { margin-top: 20px } .footer--orange .subscribe, .footer--orange .socials { max-width: 100%; padding: 10px } .sidebar--text { width: 260px; position: absolute; top: -62px; right: 0 } .sidebar--stores { width: 260px; position: absolute; top: -62px; right: 0 } .sidebar + .text__content { width: 100% } .sidebar__button--menu { height: 40px; line-height: 38px; margin: 0 !important; text-align: left; padding: 0 12px; display: block; color: #333 !important; background-color: #fff !important; border-color: #ccc !important; z-index: 10 } .sidebar__button--menu span { padding-right: 24px } .sidebar__button--menu:after { content: ''; position: absolute; display: block; top: 15px; right: 12px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .sidebar__button--menu.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .sidebar__button--menu.active:after { top: 13px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .sidebar__menu { display: none } .sidebar-menu__list { margin-top: -1px; padding-top: 1px } .sidebar-menu__item:first-child .sidebar-menu__link { border-top-left-radius: 0; border-top-right-radius: 0 } .sidebar-menu__item:first-child .sidebar-menu__title { border-top-left-radius: 0; border-top-right-radius: 0 } .sidebar-menu__link { background-color: #fff } .header__text-item { margin-right: 48px; position: relative } .header__text-item--second { position: absolute; top: 44px; left: 382px } .header__text-item--phone { margin: 0 } .header-text-item__callback { position: absolute; left: -155px; top: 20px } .header__menu-button { display: flex; align-items: center; margin-left: 15px; padding-left: 24px; float: left; color: #777 } .header__menu-span { font-size: 16px; font-weight: bold } .header__menu-button:hover:before { opacity: 0 } .header__menu-button:hover:after { opacity: 1 } .main-menu { display: none } .header__button--catalog-button:hover { background-color: #222227; border-color: #222227 } .header__catalog-menu { display: none } .header-catalog-menu__container { display: none } .header__shop-links { margin: 0; min-width: 156px } .header-shop-links__link { margin-top: -9px } .header-shop-links__link--comparsion { position: absolute; top: 44px; margin-left: 4px } .header-shop-links__text--comparsion { display: block } .header-fixed__menu-button { width: 35px; font-size: 0; margin-left: 10px } .header-fixed__menu-button:before, .header-fixed__menu-button:after { left: 8px } .header-fixed__button--catalog { margin-left: 0; padding: 0 6px } .header-fixed-shop-links__link { margin-left: 10px } .header-fixed__button__popup--callback { margin-left: 10px; padding: 2px 6px; background-color: white; color: #ff652e; line-height: 13px; max-width: 100px } .header__catalog-menu { float: none; background: 0; margin: 0; border-radius: 0; width: 270px; z-index: 300 } .header-catalog-menu__button { display: block; background-color: #ff652e; text-transform: uppercase; color: #fff; padding-left: 20px; font: bold 14px/50px "Open Sans", sans-serif; position: relative } .header-catalog-menu__button:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px; top: 17px; right: 18px } .mobile-catalog-active .header-catalog-menu__container--level1 { display: block } .header-catalog-menu__container { width: 270px } .header-catalog-menu__container .header-catalog-menu__container { width: 100% } .header-catalog-menu__container--level1 { top: 50px; left: 270px; position: absolute } .header-catalog-menu__container--level2 { display: none !important } .header-catalog-menu__list { display: block } .header-catalog-menu__item { text-align: left; display: block; padding: 0 } .header-catalog-menu__item:not(:last-child) { border-bottom: 1px solid #ccc } .header-catalog-menu__item:hover { background-color: #fff } .header-catalog-menu__item--desktop-hidden { display: block } .header-catalog-menu__item--has-items-mobile .header-catalog-menu__container--level2 { top: 0 !important; left: 270px; box-shadow: none } .header-catalog-menu__item--has-items-mobile.active .header-catalog-menu__container--level2 { opacity: 1; display: block !important } .header-catalog-menu__item--level2 { display: block !important; border-left: none !important; border-right: none !important; max-width: none } .header-catalog-menu__link { color: #222227; text-transform: none; display: block; font: normal 14px/20px "Open Sans", sans-serif } .header-catalog-menu__item--active > .header-catalog-menu__link { color: #fff } .header-catalog-menu__link--level2 .header-catalog-menu__title { margin: 0; text-align: left } .header-catalog-menu__link--has-items { padding-right: 36px } .header-catalog-menu__link--has-items:before { display: none } .header-catalog-menu__link--has-items-mobile:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; top: 24px; right: 18px } .main-menu__list { width: 100%; padding: 0 } .header-catalog-menu__link--back { display: block; background-color: #40404b; color: #fff !important; width: 270px; text-transform: uppercase; font-weight: bold; top: 0; left: 270px; position: absolute; padding-left: 20px; height: 50px; line-height: 48px } .header-catalog-menu__link--level2 { padding: 20px } .header-catalog-menu__link--back:before { content: ''; position: absolute; display: block; top: 17px; left: 5px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px } .header-catalog-menu__link--back .back-catalog { display: none } .mobile-catalog-active-inner .header-catalog-menu__link--back .back-menu { display: none } .mobile-catalog-active-inner .header-catalog-menu__link--back .back-catalog { display: block } .header-catalog-menu__image { display: none } .header-catalog-menu__title { margin: 0; text-align: left } .main-menu { width: 270px; float: none; padding: 0 } .main-menu__list--level2 { border: 0; border-radius: 0 } .main-menu__list--level2:before, .main-menu__list--level2:after { display: none } .main-menu__item { float: none; margin: 0 !important; background: #fff !important } .main-menu__item:not(:last-child) { border-bottom: 1px solid #ccc } .main-menu__item--level2 { display: block } .main-menu__item--has-items { position: static } .main-menu__item--has-items:hover .main-menu__container { display: none } .main-menu__item.active .main-menu__container { display: block; top: 49px; left: 270px; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; box-shadow: none; width: 100% } .main-menu__item:hover > .main-menu__link { color: #777 } .main-menu__link { display: block; padding: 15px 20px } .main-menu__link:hover { background-color: #fff; color: #777 } .main-menu__link--has-items .dropdown_arrow { display: none } .main-menu__link--has-items { padding-right: 36px; position: relative } .main-menu__link--has-items:after { content: ''; position: absolute; display: block; top: 17px; right: 18px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px } .main-menu__link--back { background: #ff652e !important; color: #fff !important; width: 270px; text-transform: uppercase; font-weight: bold; top: 0; left: 270px; position: absolute } .main-menu__link--back:before { content: ''; position: absolute; display: block; top: 17px; left: 5px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px } .mobile-catalog-active .main-menu__link--back { display: none } .footer-section-menu__item--level1 { width: 50%; padding-left: 15px } .index-slider-bottom__element { width: 50% } .index-slider-bottom__title { font-size: 18px } .index-slider__button--link { bottom: 28% } .catalog-categories__image-container { height: 170px } .sidebar--filters { display: none; width: auto; float: none } .sidebar__header--filter { display: block; font-size: 20px; padding-left: 30px; position: relative } .sidebar__header--filter:before { content: ''; position: absolute; display: block; top: -3px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 89.40397350993378% 17.77777777777778%; width: 22px; height: 23px } .filters-opened .sidebar--filters { display: block; width: 100%; padding-top: 20px } .filters__filter.active .filters__title-inner:after { top: 2px; -webkit-transform: none; -ms-transform: none; transform: none } .filters__title-inner { position: relative; padding-right: 22px } .filters-color-block__toggler { margin-left: 2px } .filters-color-block__title { left: 37px } .filters-color-block__checkbox:nth-child(5n) { margin-right: 7px } .catalog-item__top { min-height: auto !important } .catalog__filter-link { position: fixed; bottom: 115px; left: 25px; display: flex; padding: 5px; font-size: 0; background-color: #2d2d39; border-radius: 50%; width: 40px; height: 40px; z-index: 21; color: #fff } .catalog__filter-link:before, .catalog__filter-link:after { content: ''; position: absolute; display: block } .catalog__filter-link:before { background: url("/local/templates/general/assets/css/../images/sliders.svg"); background-size: cover; width: 22px; height: 22px; top: 7px; left: 9px } .catalog__filter-link:after { display: none } .catalog__content { width: 100% } .catalog--search .catalog-item { width: 33.333% } .catalog--search .catalog-item:nth-child(4n + 1) { clear: none } .catalog--search .catalog-item:nth-child(3n + 1) { clear: left } .product-top { padding-bottom: 15px } .product-top__topbar { margin-top: 18px; width: 100% } .product-top__left { position: absolute; display: block; right: 15px } .product-top__right { float: left; display: block; width: auto } .product-preview { width: 1920px; margin-left: -696px; left: 50% } .product-title__toggler { padding-right: 22px; position: relative; transition: none } .product-title__toggler:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 100% 0; width: 15px; height: 11px; top: 4px; right: 0 } .product-title__toggler.inactive:after { top: 6px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .product__gallery { width: 100% } .product_video { position: static; float: left; width: 100%; padding: 0 15px 4px } .product__filter { position: static; float: left; width: 100%; padding: 40px 15px 4px } .product-filter__label { line-height: 40px; margin-bottom: 0; width: auto } .product-filter__color, .product-filter__door-type { margin-top: 0 } .product-filter__door-open-side { margin-top: 20px } .product-filter__price-tabs { order: -10 } .product-filter__complect { order: -5; width: 100%; margin-bottom: 10px } .product-filter-complect__inner { height: auto !important } .product-filter-complect__cell--title { padding-left: 15px } .product-filter__submit { display: flex; flex-direction: column } .product-filter__submit:before { left: 0; width: 100% } .product-filter-price-tabs__configure:after { display: none } .product-info__description { width: 100%; max-width: none } .product-info__parameters { width: 100%; margin-top: 35px } .product-info-parameters__list { column-count: 1; column-gap: 0; } .product-info-parameters__key { width: 40% } .product-info-parameters__value { width: 60% } .product__gallery-large { width: 400px; padding: 0 } .product__price { float: none; padding: 0 } .product-price__block { width: 35%; min-width: 125px } .product-price-submit__price { min-width: 125px } .product-price__block--small { width: 30% } .product-price__block--area { width: 45% } .product-price__submit:before { left: 0; width: 100% } .cart__form { padding: 12px 20px } .cart__topbar { right: 15px } .cart__table { display: block } .cart__table tbody { display: block } .cart-table__header-row { display: none } .cart-table__row { display: block; border-top: 1px solid #ccc } .cart-table__row:after { display: block; content: ''; clear: both } .cart-table__cell { border: 0; float: left; display: block } .cart-table__cell--image { margin-left: 15px } .cart-table__cell--title { width: calc(100% - 365px) } .cart-table__cell--price { width: 250px; float: right } .cart-table__cell--quantity { width: 250px; float: right; padding-top: 0 } .cart-table__cell--sum { width: 250px; float: right; padding-top: 0; clear: right; text-align: left } .cart-table__remove-link { position: absolute; top: 0; right: 0 } .cart__table-bottom { border-top: 1px solid #ccc } .cart-table-bottom__coupon { margin-left: 15px; width: calc(50% - 15px) } .cart-table-bottom-coupon__label { line-height: 40px } .cart-table-bottom-coupon__input { width: calc(100% - 210px); height: 40px; margin-right: 0; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } .cart-table-bottom-coupon__button--submit { border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100px; padding: 0; height: 40px; line-height: 38px } .cart-table-bottom__sum { width: calc(50% - 60px) } .cart-table-bottom-sum__item { width: 25%; text-align: right } .cart-table-bottom-sum__item--total { margin-right: 15px; width: calc(75% - 15px) } .cart-table-bottom-sum__value--total { font-size: 24px } .cart__cart-bottom { margin-top: 20px; padding: 0 15px } .cart-cart-bottom__button--submit { height: 40px; line-height: 38px } .order__fieldset--delivery .order__form-group { padding: 0; width: 100% } .order__fieldset--comment .order__form-group { padding: 0; width: 100% } .order__form-group { width: 50%; float: left; padding-right: 15px } .order__form-group:nth-of-type(2) { margin-top: 8px } .order__form-group:nth-of-type(2n + 1) { clear: left } .order__form-group--files { width: 100%; padding-bottom: 16px } .order__input { width: 100%; max-width: 300px } .order__message-container { position: static; float: left; width: 100%; padding: 0; display: block; height: auto !important; margin-top: 5px } .order__message { padding-left: 0 } .order__address-text { width: 100%; min-height: 0; padding-bottom: 40px } .order__map-container { position: static; width: 83.333% } .order__textarea { width: 83.333% } .order__submit { width: 83.333% } .order__files-controls { width: 100% } .order__files-container { width: 100%; margin-top: 12px } .text__content { width: 100% } .errorpage__block { margin-left: 0 } .contacts__form { width: 100% } .contacts-form__inner { max-width: 100%; padding-bottom: 40px; border-bottom: 4px solid #f5f5f5 } .contacts__text-info { margin-top: 36px; width: 100% } .contacts-text-info__inner { max-width: 100% } .contacts-text-info__phones { width: 66.666%; float: left } .contacts-text-info__links { width: 33.333%; float: left } .contacts-text-info__block--link { clear: both; margin-bottom: 6px } .contacts-text-info__skypes { width: 66.666%; float: left } .contacts-text-info__props { width: 66.666%; float: left } .splitable-doors__top { position: relative; width: 100% } .splitable-doors__image { border-radius: 3px; width: 100%; height: 268px } .splitable-doors__main-title { margin-bottom: 98px } .splitable-doors__button-container { position: absolute; bottom: 2px; left: 17px; border: 0; border-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: #fff; width: calc(100% - 34px); height: 96px } .splitable-doors__tabs { width: 100% } .feedback__items .feedback__item { width: calc(50% - 30px) } .news__item:first-child .news__image { height: 170px } .news__item:first-child .news__text-container { position: static; background: 0; padding: 0 } .news__item:first-child .news__text { margin-top: 12px; color: inherit } .news__item:nth-child(6) { clear: none } .offers__item { height: auto; } .offers__inner { background-position: left -15px; background-size: auto 215px } .offers__button--readmore { bottom: 15px; left: 20px } .sidebar--stores + div { width: 100% !important } .stores__content { width: 100% } .about__text:nth-child(n) { flex-direction: column } .about__text .image_for_index_page { margin-bottom: 0; padding-bottom: 0; margin-right: 0 } .about__text .image_for_index_page + br { display: none } .catalog__sort-links { position: static } .pagination__total { margin-right: 0; margin-bottom: 15px } .fixed-header.active-fixed { display: none } .product-top__title-inner { display: block } .product-top__title-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap } .product-top__title-row .product-top__instore { display: block; width: auto; margin: 0 } .product-top__title { margin-right: auto } .basket__item-img { flex-basis: auto; margin-right: 20px } .basket__item-params { margin-right: auto } .basket__item-price { margin-left: 30px; flex-direction: column; align-items: flex-end } .basket__item-base-price { white-space: nowrap; flex-direction: row; margin-bottom: 15px; margin-right: 0 } .basket__item-quantity { margin-right: 0; margin-bottom: 7px } .basket__item-sum-price { min-width: 0 } .about, .container-gray { padding-top: 30px; padding-bottom: 35px } .index-feedback .container-gray__header, .container-gray__header { margin-bottom: 15px } .index-feedback { padding: 30px 0 20px } .index-slider__bottom { margin: 0; padding: 15px 0 } .index-slider-bottom__element { padding: 10px } .index-types, .items-slider { padding-top: 30px } .items-slider .content-container { padding-bottom: 25px } .catalog__list_inner { margin: 0 -5px } .video-block { float: none; width: 100%; display: block; margin: 0 0 15px } .video-block video { max-width: 100% } .wrap_mW { bottom: 35px !important } .move_top_arrow { bottom: 135px } .cad-fixed-call.cad_bl { bottom: 55px !important } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2 { padding-bottom: 15px; height: auto } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--current { padding-bottom: 10px } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--level2 { padding: 0; font-weight: bold } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--level2 > li { margin-bottom: 0; border-bottom: 1px solid #ccc } .header-catalog-menu__item--doors-item .header-catalog-menu__item--level3 { border-bottom: 0 } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--colors-item { float: none; margin-bottom: 0 !important } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--doors-item { margin: 0 } .header-catalog-menu__list--level2 li:nth-child(6) { margin-bottom: 0 } .header-catalog-menu__item--colors-item { padding: 15px 10px !important; border-top: none !important; border-bottom: 1px solid #ccc !important } .header-catalog-menu__item--colors-item:after { display: none } .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3 { float: none; width: 100%; margin-bottom: 0 } .header-catalog-menu__item--colors-item .header-catalog-menu__item--level3:nth-child(n) { margin-bottom: 0; margin-left: 0; margin-top: 15px; display: block } .header-catalog-menu__item--splitable-doors { position: static !important; width: 100% !important } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2 { position: static; padding: 15px 10px } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2:not(:first-child):before, .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:after, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:after { display: none } .product__button--consulting { margin-left: 0; margin-right: 0; margin-bottom: 30px } .header-fixed-search__button { background: 0; border: 0; margin-right: -25px } .header-fixed-search__button::after, .header-fixed-search__button::before { display: none } .title-search-result.title-search-result { min-width: 200px } .filter-container { position: static } } @media screen and (max-width: 767px) { .fade-block__content .about__text { padding: 15px } .catalog__title { font-size: 24px; line-height: 1.2; margin-bottom: 20px } .catalog .catalog-item { margin-bottom: 30px; padding: 0 10px } .catalog--main .catalog-item:nth-child(3n + 1) { clear: none } .catalog--main .catalog-item { width: calc(50% - 10px); text-align: center } .catalog-item__image-container > div { text-align: center; } .catalog--main .catalog-item__title, .catalog--main .catalog-item__image-link, .catalog--main .catalog-item__image-container { margin-left: auto; margin-right: auto } .catalog-item__image-link { display: inline-flex; } .catalog--main.catalog--main .catalog-item__badge-container { /*left: 78px*/ left: 26% !important; } .index-slider-bottom__title { margin-top: 0; margin-left: 10px } .jouele-play-lift { top: 32%; width: 10px; height: 10px } .jouele-control-text { display: none } .jouele-svg { width: 50px; height: 50px } .header-middle-container { flex-direction: column } .header_search { flex-basis: initial; width: 100% } .header__shoping { display: none } .header_search__form { max-width: initial; margin-top: 6px } .header-logo__image { float: none } .img-block { background-size: 0 } .img-block::before { padding-top: 195px; content: ''; display: block; background-image: inherit; background-size: cover; background-position: right center } .img-block__content { max-width: none; padding: 20px 20px 25px; background: rgba(0, 0, 0, 0.1); min-height: 1px } .img-block__title { font-size: 18px; margin-bottom: 5px } .img-blocks-list .owl-dots { bottom: 13px } .queries-list { font-size: 16px; flex-direction: column } .queries-list__list { margin-right: -15px } .owl-carousel--dots .owl-dots { display: block !important } .product-top__title { width: 100% } .product-top__badge-container { padding: 7px 0 0 } .header-logo__image { max-width: 80px } .items-slider__button--all-button { height: 20px; line-height: 20px } .index-types { padding-top: 0 } h2, .items-slider__title, h2.container-gray__title { font-size: 20px; line-height: 26px } .our_project__title, .feedback__item { padding: 15px } .index-news .index-news__item { padding-bottom: 15px } .feedback__text { height: auto; margin-bottom: 10px } .footer--orange .subscribe form { flex-direction: column } .footer--orange .subscribe { padding: 0 } .subscribe__title { margin-right: 0; margin-bottom: 10px } .owl-dots { display: flex; justify-content: center; flex-wrap: wrap } .owl-dot:not(:last-child) { margin-right: 6px } .owl-dot { width: 6px; height: 6px } .container-gray .owl-dots { bottom: -25px } .index-news__item .index-news__link, .index-news__text, .index-news__title, .index-news__date { margin-left: 15px; margin-right: 15px } .container-gray__subtitle { margin-top: 5px } .catalog-wrapper { margin-bottom: 10px } .catalog__text { padding-top: 30px } .owl-carousel .owl-stage { display: block } .catalog__list_inner { margin: 0 -10px } .img-blocks-list { display: none } .catalog--search ~ .catalog__list .catalog-item { width: 33.33% } } @media screen and (max-width: 600px) { .product-filter__submit { padding: 5px 15px 15px } .product_params__title { margin-top: 15px } .index-slider__bottom { display: flex; flex-direction: column; align-items: center } .index-slider-bottom__element { width: 100%; max-width: 300px; padding-left: 0; margin-bottom: 0; padding-bottom: 10px } .index-slider-bottom__element input:checked ~ .tab-content { transform: scaleY(0); max-height: 1px } .index-slider-bottom__element .tab-content { transform: scaleY(1); max-height: 100% } .header__menu-button { display: flex; padding-top: 10px; padding-bottom: 10px; padding-left: 0; color: #fff } .header__menu-button { margin-top: -6px } .items-slider__slider { padding: 0 15px } .items-slider__slider .owl-prev { left: 5px } .items-slider__slider .owl-next { right: 5px } .soc-fixed { bottom: 0; top: auto; right: auto; left: 100px; width: 134px; padding-bottom: 0 } .soc-fixed li { list-style: none; width: 32px; float: left; margin-right: 8px } .soc-fixed li:last-child { margin-right: 0 } .soc-btn_fixed { margin: 0 0 5px; position: relative } .catalog__topbar { display: flex; justify-content: center; flex-wrap: wrap } .catalog__topbar .catalog-categories__list { width: 100%; margin-bottom: 30px; } .catalog-categories__text h1 { margin-bottom: 0 } .catalog__sort-container { margin-left: 0 } .chips { margin-bottom: 10px; margin-right: 0; margin-top: 10px; justify-content: center } .footer-section-contacts__developer { flex-direction: column; align-items: center } .footer-section-contacts__copyright { margin-bottom: 15px } .header-top { background-size: 0 } .header-top .content-container { display: flex; align-items: center; padding-right: 82px } .header-top .header__logo { margin: 0 auto; display: inline-block; width: auto } .header-logo__image { margin-top: 0; padding: 0; max-width: none; width: 170px } .queries-list { font-size: 12px; display: none; } .queries-list__list { margin-right: -10px } .queries-list__list li:nth-child(n + 6) { display: none } .queries-list__list.active-class li:nth-child(n) { display: block } .queries-list__list.active-class .queries-list__toggler span:first-child { display: none } .queries-list__list.active-class .queries-list__toggler span:last-child { display: block } .queries-list__list > li { margin: 0 10px 10px 0 } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler { width: auto; height: auto; border: 1px solid #b3b3b3 } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler, .queries-list__list a { padding: 2px 8px } .catalog-item .catalog-item__badge-container { left: -5px } .catalog-item .catalog-item__label { height: 18px; line-height: 18px; margin-bottom: 5px; font-weight: 400; font-size: 10px; min-width: 0; padding-left: 5px } .catalog-item .catalog-item__label:before { border-width: 2px; left: 1px } .catalog-item .catalog-item__label:after { top: 0; border-width: 9px } .related__slider-item .catalog-item__label { height: 16px; line-height: 16px; padding-left: 4px; margin-bottom: 5px; font-weight: 400; font-size: 8px; min-width: 0 } .related__slider-item .catalog-item__label:before { border-width: 2px; left: 1px } .related__slider-item .catalog-item__label:after { top: 0; border-width: 8px } .related__slider-item .catalog-item__badge-container { top: 5px; left: -5px } .owl-carousel--arrow .owl-nav { display: none !important } .product .tabset.tabset { margin: 30px -20px; display: flex; flex-wrap: wrap; border-bottom: 0 } .product .tabset > label { display: none; width: 50%; border-top: 2px solid #c5c5c5; border-bottom: 2px solid #c5c5c5 !important; margin: 0; text-align: center; padding: 15px 10px } .product .tabset > label[for="tab1"]::after, .product .tabset > label[for="tab3"]::after { content: ''; height: 100%; width: 2px; background-color: #c5c5c5; position: absolute; right: -1px; top: 0 } .product .tabset > label[for="tab1"], .product .tabset > label[for="tab6"], .product .tabset > label[for="tab2"], .product .tabset > label[for="tab3"] { display: block; } .product .tabset > label[for="tab6"], .product .tabset > label[for="tab3"] { margin-top: -2px; } .product .tabset > input:checked + label { color: #333 } .product .tabset > input:checked + label { background-color: #c5c5c5 } .product .tabset > input:checked + label::before { display: none !important } .product .tab-panels { width: 100%; margin: 0; padding: 0 20px; border-bottom: 4px solid #f5f5f5 } .product .tab-panel { padding: 20px 0 } .basket__item-params { flex-grow: 1; max-width: 500px; flex-basis: 1px } .basket__item { flex-wrap: wrap } .basket__item-price { order: 1; flex-basis: 100%; align-items: center; flex-direction: row; flex-wrap: nowrap; margin-left: 0; margin-top: 15px } .basket__item-base-price { flex-direction: row; min-width: 135px; justify-content: flex-end; margin-right: 15px; margin-bottom: 0 } .basket__item-quantity { margin-right: 15px; margin-bottom: 0 } .basket__item-sum-price { margin-top: 0 } .basket__item-remove { position: static; margin-left: auto } .image_for_index_page { max-width: none } .about__title { margin-bottom: 12px } .index-slider2 { display: block !important } .index-slider2 .index-slider__item { height: 90vw } .index-slider2 .index-slider__item p { position: absolute; bottom: 50px; left: 15px; right: 15px } .text_about_shop .tab-label { justify-content: center } .index-slider .owl-dots { display: flex !important; bottom: 15px; left: 15px; right: 15px; width: auto } .index-slider .owl-dot:not(:last-child) { margin-right: 6px } .product-center__footer { padding-top: 11px } .product_params__descr { margin-bottom: 20px } .contacts-text-info__links, .contacts-text-info__skypes, .contacts-text-info__props, .contacts-text-info__block { margin-top: 0; width: 100%; padding-right: 0 } .feedback__items .feedback__item { width: calc(100% - 30px) } .socials-block-adaptive .socials__links { justify-content: center } ._orinationRight_25 .button_1O { transform: scale(0.8) !important; margin-right: 5px !important } .move_top_arrow { right: 14px; bottom: 125px } .catalog__filter-link { bottom: 125px; left: 14px } } @media screen and (max-width: 500px) { .product-preview { margin-left: -810px } .cart__form { padding: 0 15px } .basket__item { padding: 15px 0 } .basket__item-img { margin-right: 10px } .basket__item-img .cart-table__image { max-width: 70px } .basket__item-title { font-size: 14px; font-weight: 600; margin-bottom: 5px } .basket__item-params .not_product-top__availability--available, .basket__item-params .product-top__availability--available { line-height: 20px; padding-left: 27px; font-size: 12px } .basket__item-params .not_product-top__availability--available::before, .basket__item-params .product-top__availability--available::before { width: 20px; height: 20px } .basket__item-params .not_product-top__availability--available::after, .basket__item-params .product-top__availability--available::after { width: 13px; height: 11px; top: 5px; left: 5px } .basket__item-base-price { flex-direction: column; align-items: flex-end; min-width: 80px; font-size: 14px; line-height: 1.3; margin-right: 10px } .basket__item-quantity { margin-right: 10px; width: 96px } .basket__item .quantity__button { width: 27px; height: 34px } .basket__item .quantity__input { width: 40px; height: 34px } .basket__item-sum-price { font-size: 16px } .basket__item-remove-link { font-size: 0; width: 20px; height: 20px; display: block; position: relative } .basket__item-remove-link::before, .basket__item-remove-link::after { content: ''; display: block; width: 24px; height: 2px; background-color: currentColor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg) } .basket__item-remove-link::after { transform: translate(-50%, -50%) rotate(45deg) } #dostavich .table-wrapper { float: none; width: 100%; margin-top: -1px } .product-filter__price-tabs { padding: 0 } .project__item, .index-news__image, .our_project__image, .image_for_index_page { height: 60vw } } @media (max-width: 460px) { .furniture-inner { margin-left: -5px; margin-right: -5px } .furniture__item { -webkit-flex-basis: calc(50% - 10px); -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px) } .furniture__img { height: 80px; padding: 5px } .header__menu-span { display: none } .header-top .content-container { padding-right: 32px } .catalog-item__image-link--shadow::before { left: 15px } .catalog--search ~ .catalog__list .catalog-item { width: 50% } .header-fixed__search .header_search__input, .header-fixed-search__input { width: 255px } } @media (max-width: 394px) { .items-slider__slider .catalog-item__image-container { width: 100% } .items-slider__slider .owl-item .catalog-item__inner { text-align: center } .items-slider__slider .catalog-item__title { max-width: none } .items-slider__slider .catalog-item__badge-container { left: calc(50% - 74px) } .items-slider__slider .owl-prev { left: 15px } .items-slider__slider .owl-next { right: 15px } .queries-list__list { font-size: 14px } .basket__item-prm { font-size: 11px } .basket__item-params .not_product-top__availability--available, .basket__item-params .product-top__availability--available { line-height: 18px; padding-left: 23px; font-size: 11px } .basket__item-params .not_product-top__availability--available::before, .basket__item-params .product-top__availability--available::before, .basket__item-params .not_product-top__availability--available::after, .basket__item-params .product-top__availability--available::after { transform: translate(-2px, -2px) scale(0.8) } .basket__item-base-price { font-size: 13px; min-width: 72px } .basket__item-sum-price { font-size: 14px } .basket__item-remove { margin-right: -4px } .catalog-item__image-container > div { text-align: center } .items-slider .catalog-item { justify-content: center } .items-slider__slider .catalog-item__image-link { margin-left: auto; margin-right: auto } } @media (max-width: 360px) { .header-fixed__search .header_search__input, .header-fixed-search__input { width: 215px } } .bx-sls .dropdown-block { padding: 4px 22px 4px 30px } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { height: 28px } .section-image__container { position: relative; min-height: 1px; width: 100%; margin-bottom: 20px } .section-image__container:before, .section-image__container:after { content: " "; display: table } .section-image__container:after { clear: both } .section-image__block { width: 100%; max-height: 147px; background-size: cover; background-position: left top; background-repeat: no-repeat } .sidebar--filters { padding-top: 6px } .catalog-text__descr { margin-top: 0 } .product_img .product-door { text-align: center; width: 100% } .banner-w-slider { display: flex } .banner-w-slider__main .index-slider__slider { margin: 0; width: auto; } .banner-w-slider__main { min-width: 75% } .banner-w-slider__main .owl-carousel .owl-item img { max-height: 40vw } .banner-w-slider__aside { width: 25%; flex-shrink: 0; padding-left: 20px; box-sizing: border-box } .banner-w-slider__grid { display: flex; flex-wrap: wrap; margin: -10px; width: calc(100% + 20px) } .banner-w-slider__cell { width: 100%; display: flex; padding: 10px; box-sizing: border-box } .banner-w-slider__item { height: 184.5px; position: relative; display: flex; align-items: flex-end; width: 100%; padding: 15px 20px; box-sizing: border-box; overflow: hidden; border-radius: 8px } .banner-w-slider__img { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .banner-w-slider__img img { object-fit: cover; width: 100% } .banner-w-slider__img::after { /* background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0.6)); */ top: 50%; position: absolute; z-index: 2; left: 0; width: 100%; height: 50%; content: ''; display: block } .banner-w-slider__name { position: relative; z-index: 2; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.5 } @media screen and (max-width: 1024px) { .index-slider__item { height: auto } .banner-w-slider { flex-wrap: wrap } .banner-w-slider__main { width: 100% } .banner-w-slider__aside { width: 100%; padding-left: 0; padding-top: 20px } .banner-w-slider__cell { width: 50% } .banner-w-slider__item { height: calc(25vw - 20px) } } @media screen and (max-width: 600px) { .banner-w-slider { display: none } } .main_slider_product { padding-top: 40px } .main_slider_product .tab-panel { width: 100% } .main_slider_product .items-slider { padding-top: 0 } .icon--order-call { width: 20px; height: 22px } .icon--info { height: 20px; width: 20px } .owl-carousel .owl-item { opacity: 0 !important } .owl-carousel .owl-item.active { opacity: 1 !important } .mobnav_popup_line a { color: #222227 } .product-price__submit_old { width: 100%; float: left; padding-top: 20px; position: relative } .catalog-item { min-height: 410px !important } .section-image__list { display: flex; justify-content: space-between; margin-bottom: 15px } .section-image__list .section-image__item { width: calc(50% - 10px) } .section-image__list .section-image__item img { display: block } @media (max-width: 600px) { .section-image__list { flex-wrap: wrap } .section-image__list .section-image__item { margin-bottom: 5px; width: 100% } .items-slider .catalog-item { padding-left: 15px; } } .product-document-item { margin-bottom: 10px; } .product-document-item span { border-bottom: 1px solid #000 } .product-document-item svg { fill: #ff652e; height: 18px !important; margin-top: 4px; margin-left: 5px !important; } .product-filter__footer-doc { margin-top: 10px } .__jivoMobileButton { bottom: 45px !important } .product-gallery__link__video { text-align: center; justify-content: center; align-items: center } .product-gallery__link__video img { max-width: 50px; max-height: 50px } .index-slider__slider { width: 65%; margin: 0 auto; } .product-banner { padding: 0 0 15px 0; } .product-banner a { display: block; width: 100% } .product-banner a img { width: 100% } .product-top__availability--no-active { margin-bottom: 15px; } .product-top__availability--no-active:before { background: red; } .product-top__availability--no-active:after { content: 'x'; background: none; color: #fff; text-align: center; width: 16px; font-size: 16px; } .promo-banner { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; } .promo-banner__wrapper { min-height: 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: white; } .promo-banner__link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .promo-banner__content { margin-left: 15px; } .promo-banner__title { text-shadow: 0 2px 8px rgba(188, 80, 1, 0.1); font-size: 16px; font-weight: 700; text-transform: uppercase; } .promo-banner__text{ font-size: 13px; } .product-info__descr, .product-delivery-description{ max-width: 60%; } .product-delivery-description + .product-delivery-description{ margin-top: 20px; } .tabs.init-tabs .tabs__content { position: static; visibility: visible; } .tabs__navigation { display: flex; overflow-x: auto; margin-bottom: 24px; } .tabs__navigation::-webkit-scrollbar { height: 0; width: 0; background: #fff; display: none; scrollbar-width: 0; scrollbar-height: 0; } .tabs__navigation::-webkit-scrollbar-thumb { appearance: none; height: 0; width: 0; background: #fff; display: none; } .tabs__navigation::-webkit-scrollbar-button { display: none; width: 0; height: 0; } .tabs__navigation::-webkit-scrollbar-corner { background-color: transparent; } .tabs__toggle:last-child { padding-right: 0; flex-grow: 1; } .tabs__toggle:hover span{ color: #ff652e; } .tabs__toggle { padding-right: 30px; border-bottom: 3px solid #ccc; } .tabs__toggle span{ display: inline-block; white-space: nowrap; cursor: pointer; transition-duration: 400ms; padding: 5px 0; font-weight: 600; font-size: 16px; border-bottom: 3px solid #ccc; margin-bottom: -3px; position: relative; z-index: 5; } .tabs__toggle.active-tab span{ color: #ff652e; border-bottom-color: #ff652e; } .tabs__content .catalog__list { height: auto !important; } .tabs__content { position: absolute; width: 100%; left: 0; visibility: hidden; } .tabs__content.active-tab { position: static; visibility: visible; } .link-list{ margin: 0; margin-top: 30px; padding: 0; list-style: none; max-width: 470px; column-gap: 24px; column-count: 2; } .link-list__item::before{ display: none; } .link-list__item{ display: inline-block; width: 100%; margin-bottom: 4px; } iframe[src*="youtube.com"]{ max-width: 100%; } @media (max-width: 1024px){ .promo-banner { background-size: auto; background-position: 50% 100%; } .promo-banner__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px !important; padding-bottom: 15px !important; } .promo-banner__content{ margin-bottom: 10px; margin-left: 0; order: -10; text-align: center; } .promo-banner__title { margin-right: 0; font-size: 15px; } .countdown-section{ width: 50px; } .countdown-amount{ font-size: 19px; } .countdown-period{ font-size: 10px; } .tabs__navigation{ margin: 0 -20px 20px; padding-left: 20px; } .tabs__navigation::after { width: 20px; content: ''; flex-shrink: 0; } .product-info__descr, .product-delivery-description{ max-width: none; } } @media (max-width: 550px){ .link-list{ column-count: 1; column-gap: 0; } iframe[src*="youtube.com"]{ max-width: calc(100% + 40px); margin: 0px; height: 56.25vw; } } #BX_file_dialog { height: auto !important; } .h6-to-div { margin: 15px 0; font: bold 15px Roboto, sans-serif; line-height: 24px; text-transform: uppercase; color: #222227; letter-spacing: 0; } .catalog-item:nth-child(1) a, .catalog-item:nth-child(2) a, .catalog-item:nth-child(3) a, .catalog-item:nth-child(4) a, .catalog-item:nth-child(5) a, .catalog-item:nth-child(6) a, .catalog-item:nth-child(7) a, .catalog-item:nth-child(8) a{ justify-content: left; } .catalog-item:nth-child(1) a img, .catalog-item:nth-child(2) a img, .catalog-item:nth-child(3) a img, .catalog-item:nth-child(4) a img, .catalog-item:nth-child(5) a img, .catalog-item:nth-child(6) a img, .catalog-item:nth-child(7) a img, .catalog-item:nth-child(8) a img{ padding-left: 0; } .catalog--main .catalog-item:hover .catalog-item__aside{ left: 250px; } @media (max-width: 768px){ .product .tabs{ overflow: hidden; } .card-projects__doors-wrp .catalog-item a img{ max-height: 160px; } .card-projects__doors-wrp .catalog-item .catalog-item__image-container{ margin: 0; } .card-projects__doors-wrp .catalog-item .catalog-item__image-container > div{ text-align: left; } .catalog-item:nth-child(1) a, .catalog-item:nth-child(2) a, .catalog-item:nth-child(3) a, .catalog-item:nth-child(4) a, .catalog-item:nth-child(5) a, .catalog-item:nth-child(6) a, .catalog-item:nth-child(7) a, .catalog-item:nth-child(8) a{ justify-content: center; } .product .catalog-item:not(:hover) .catalog-item__top{ min-width: 150px; } .product .catalog-item__title{ max-width: 110px; } .product .catalog-item__image-link{ width: 150px; } .product .catalog .catalog-item__image{ max-height: 135px; } .catalog-item:not(:hover) .catalog-item__top{ min-width: 150px; } .catalog-item__image-link{ width: 150px; } .catalog-item__title{ max-width: 110px; margin: 0 auto; } .catalog-item__title-container{ margin-left: 0; text-align: center; } .catalog-item__image-container{ width: 100% !important; } .catalog-item-price__discount{ text-align: center; } } .prop_title { width: auto; margin-right: 10px; } .catalog-item-detail { width: 100px; } .catalog-item__title-container-detail { margin-bottom: 0; } /* полоса прокрутки (скроллбар) */ ::-webkit-scrollbar { width: 12px; height: auto; background-color: #fcfcfc; } /* ползунок скроллбара */ ::-webkit-scrollbar-thumb { background-color: #ff652e; border-radius: 9em; box-shadow: inset 1px 1px 10px #f3faf7; } ::-webkit-scrollbar-thumb:hover { background-color: #253861; } @media screen and (max-width: 600px) { .dekor .product-preview__door-image-small { width: 250px; -o-object-fit: fill; object-fit: fill; height: 300px; image-rendering: auto; } } @media screen and (min-width: 996px) { .door_none { display: none; } } @media screen and (max-width: 996px) { .door_none { padding-left: 6px; } } .vtor_teg,.vtor_teg_down { margin: 10px 0px; display: flex; flex-wrap: wrap; align-items: center; } .vtor_teg a,.vtor_teg_down a { color: #777; padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; margin-right: 5px; } .vtor_teg object a { display: block; } .vtor_teg_down a { margin-bottom: 10px; } .vtor_teg a:hover,.vtor_teg_down a:hover { border: 1px solid #ff652e; color: #000 } @media screen and (max-width: 996px) { .vtor_teg a,.vtor_teg_down a { margin: 5px 5px; } } .popular-categories-main_icons__item--image { max-width: 70px; } ul li::before{ display: none; } @media screen and (max-width: 600px) { .menu-opened .filters__submit { z-index: 100; } } @media screen and (max-width: 991px){ .catalog__filter-link{ z-index: 100; } .header-mobile-bottom-fixed { z-index: 100; } } .catalog__map .map__nav ul li::before{ display: none; } /*!!!Стикеры. Убрать при реализации след задачи*/ /*.catalog-item__badge-container, .product-top__badge-container { display: none; }*/ /* End */ /* Start:/local/templates/general/assets/css/styles.css?1750938814324459*/ .header__button--catalog-button span::after { content: ''; position: absolute; display: block; background: url("/bitrix/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 24.324324324324323%; width: 14px; height: 10px; top: 20px; right: -2px; transform: scale(1.5, 1.5) } #dostavich .table-wrapper { float: left; width: calc(100% / 3); margin: 0; margin-left: -1px } #dostavich table { width: 100% } #dostavich td { width: 50%; padding: 5px 18px } .content-container:after { content: ''; display: block; clear: both } a.disabled { cursor: not-allowed } * { margin: 0; padding: 0 } *, *:before, *:after { box-sizing: inherit } html, body { min-height: 100% } html { -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; -moz-text-size-adjust: 100%; box-sizing: border-box } body { height: 100%; color: #222227; font: 14px/1.4em "Open Sans", sans-serif; background-color: #fff } .header, .footer { width: 100%; position: relative } section { position: relative } .content-container { margin: 0 auto; position: relative; max-width: 1400px } .page-wrapper { display: table; width: 100%; table-layout: fixed; position: relative } .header, .main-content { display: table-row } .main-content { height: 100% } a { cursor: pointer; color: #ff652e; transition: all .25s linear; text-decoration: none } a.default { color: #222227 } a.default:hover { color: #ff652e } a.underline { border-bottom: 1px solid } a:focus { outline: 0 } a:hover { text-decoration: none } .nowrap { white-space: nowrap } img { border: 0; margin-bottom: 1.1em; object-fit: cover; max-width: 100% } img[align='left'], img.left { margin-right: 2.2em; max-width: 50% } img[align='right'], img.right { margin-left: 2.2em; max-width: 50% } img:last-child { margin-bottom: 0 } p { margin-bottom: 1.1em } p:empty { display: none } p:last-child { margin-bottom: 0 } h1 { margin: 30px 0; font: bold 30px Roboto, sans-serif; line-height: 45px; text-transform: uppercase } h2 { margin: 28px 0; font: bold 24px Roboto, sans-serif; line-height: 24px; text-transform: uppercase } h3 { margin: 24px 0; font: bold 24px Roboto, sans-serif; line-height: 36px; text-transform: uppercase } h4 { margin: 20px 0; font: bold 20px Roboto, sans-serif; line-height: 30px; text-transform: uppercase } h5 { margin: 18px 0; font: bold 18px Roboto, sans-serif; line-height: 27px; text-transform: uppercase } h6 { margin: 15px 0; font: bold 15px Roboto, sans-serif; line-height: 24px; text-transform: uppercase } h1, h2, h3, h4, h5, h6 { color: #222227; letter-spacing: 0 } h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child { margin-top: 0 } figure { margin-bottom: 1.1em } figure.left { float: left; margin-right: 2.2em } figure.right { float: right; margin-left: 2.2em } figure img, figure iframe { margin: 0 } figure:last-child { margin-bottom: 0 } figcaption { font-style: italic } input, textarea, select { -webkit-appearance: none; -moz-appearance: none } input:focus, textarea:focus, select:focus { border-color: #ff652e } input.error, textarea.error, select.error { border-color: #ee490e } input::-ms-clear, input::-ms-reveal { width: 0; height: 0; display: none } input:-webkit-autofill { -webkit-box-shadow: 0 0 0 1000px #fff inset } textarea { resize: vertical; overflow: auto } label { display: inline-block; margin-bottom: .3em } .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0 } input[type='checkbox'], input[type='radio'] { display: none } input[type='file'] { display: none } input::-webkit-input-placeholder, textarea::-webkit-input-placeholder { color: #999 !important } input:-ms-input-placeholder, textarea:-ms-input-placeholder { color: #999 !important } input::-moz-placeholder, textarea::-moz-placeholder { color: #999 !important } input.placeholder, textarea.placeholder { color: #999 } ::-webkit-input-placeholder { opacity: 1 !important } :-ms-input-placeholder { opacity: 1 !important } ::-moz-placeholder { opacity: 1 !important } form { position: relative } fieldset { border: 0 } .form-group { margin-bottom: 1.1em } table { border-spacing: 0; border-collapse: collapse; border: 1px solid #ccc; margin-bottom: 1.1em } table:last-child { margin-bottom: 0 } caption { margin-bottom: 1.1em } th { font-weight: bold; text-align: left } th, td { color: #333; border: 1px solid #ccc; padding: 14px 18px } ul { list-style: none } ul li { position: relative } ul li:before, .artismedia-faq-box ul li:before{ content: ''; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #777; top: .77em; left: -1em; margin-top: -3px } ul, ol { padding-left: 2em; margin-bottom: 1.1em } ul:last-child, ol:last-child { margin-bottom: 0 } li { margin-bottom: .5em } li ul { margin-top: 1.1em } hr { border: 0; border-top: 1px solid #ccc; margin: .55em 0 } mark { background-color: transparent; color: #ee490e } small { font-size: 80% } abbr { cursor: help; border-bottom: 1px dotted #333 } address { font-style: normal } blockquote { position: relative; padding: 1.65em; margin: 2.2em 0; font-size: 18px; line-height: 1.6em } blockquote:before, blockquote:after { content: ''; position: absolute; display: block; width: 100%; left: 0; border-top: 5px solid #ccc } blockquote:before { top: 0 } blockquote:after { bottom: 0 } blockquote:last-child { margin-bottom: 0 } blockquote p { width: 80%; margin: 0 auto; text-align: center } sup, sub { line-height: 0; font-size: 70% } .left { float: left } .right { float: right } .lead { font-size: 1.5em; line-height: 1.4em; margin-bottom: 1.6em } .text-right { text-align: right } .inline { display: inline-block } .border { border: 1px solid #ccc } .breadcrumbs__list:after, .quantity__container:after, .items-slider__title-container:after, .catalog-item-aside__links:after, .catalog-item-aside__colors:after, .popup-form__row:after { content: ''; display: block; clear: both } .button[disabled], input[disabled], textarea[disabled], select[disabled], button[disabled] { cursor: not-allowed; border: 0 } input, select, textarea { display: block; width: 100%; color: #222227; height: 36px; outline: 0; border: 1px solid #bdbdbd; background-color: #fff; font: 16px/normal "Open Sans", sans-serif; padding: 0 10px; border-radius: 6px } textarea { height: auto; padding: 7px 11px 0 } .button, button { display: inline-block; height: 35px; outline: 0; border: 1px solid #ff652e; background-color: #ff652e; font: 14px/33px "Open Sans", sans-serif; padding: 0 20px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; text-decoration: none; text-align: center; position: relative; transition: all .25s linear; border-radius: 8px } .button > span, button > span { display: block; position: relative; top: 0; left: 0; width: 100% } .button:hover, button:hover { background-color: #ee490e; color: #fff; border-color: #ee490e } .button_call { margin-top: 10px; margin-bottom: 20px } .button--secondary { color: #ff652e; background-color: #fff; font-weight: 600 } .button--secondary:hover { color: #fff; background-color: #ff652e; border-color: #ff652e } .button--w-icon { display: inline-flex; align-items: center } .button--w-icon svg:first-child { margin-right: 5px } .button--w-icon svg:last-child { margin-left: 0px } .button--w-icon .icon-small-cart { width: 20px; height: 20px; color: #fff } .button--md { padding-left: 32px; padding-right: 32px; font-weight: 700 } .one-click-buy { margin-right: 15px; white-space: nowrap } .product_view .one-click-buy { width: 100%; margin: 20px 0; height: 40px; font-weight: 700; line-height: 38px } .radio { position: relative } .radio label { cursor: pointer; margin: 0; padding-left: 26px; color: #333; transition: all .25s linear } .radio label:before { content: ''; position: absolute; display: block; top: 2px; left: 0; width: 14px; height: 14px; border-radius: 50%; background-color: #f5f5f5; border: 1px solid #ccc } .radio label:after { display: block; position: absolute; top: 6px; left: 4px; width: 6px; height: 6px; border-radius: 50%; background-color: #fff } .radio input:checked + label { cursor: default; color: #000 } .radio input:checked + label:before { border-color: #ff652e; background-color: #ff652e } .radio input:checked + label:after { content: '' } .radio:hover label { color: #000 } .checkbox { position: relative } .checkbox .icon:last-child { margin-left: 4px } .checkbox .icon--info { margin-bottom: -5px } .checkbox label { cursor: pointer; margin: 0; padding-left: 29px; color: #000; transition: all .25s linear } .checkbox label:before { content: ''; position: absolute; display: block; top: 2px; left: 0; width: 14px; height: 14px; border: 1px solid #b3b3b3; box-sizing: border-box; border-radius: 4px } .checkbox label:after { display: block; position: absolute; top: 5px; left: 3px; width: 8px; height: 8px; background-color: #fff; border-radius: 1px } .checkbox input:checked + label { color: #000 } .checkbox input:checked + label:before { border-color: #ff652e; background-color: #ff652e } .checkbox:hover label { color: #000 } #bx-panel a { transition: none } .fw-bold { font-weight: bold } .offcanvas { position: fixed; z-index: 500; height: 100%; left: -270px } .offcanvas__menu { width: 270px; height: 100%; overflow-y: auto; overflow-x: hidden; min-height: 100%; background-color: #fff } .offcanvas-menu__inner { width: 540px; position: relative; overflow-x: hidden; padding-bottom: 20px } .offcanvas-menu__inner.inner-active { overflow: hidden } .filters-opened .offcanvas-menu__inner { display: none } .filters__filter:last-child .bx-filter-block { height: auto !important } .offcanvas__shim { opacity: 0; top: -9999px; left: 270px; background-color: #000; width: 100vw; height: 100vh; position: absolute; z-index: -1; cursor: pointer; transition: opacity .4s ease-out } .offcanvas__shim:before { content: ''; position: absolute; display: block; top: 16px; left: 16px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 84.07643312101911% 96.47887323943662%; width: 16px; height: 16px } .menu-opened .offcanvas__shim { z-index: 1000; opacity: .8; top: 0 } .menu-opened-end { overflow: hidden } .menu-opened-end body, .menu-opened-end .page-wrapper { overflow: hidden } .menu-closed .offcanvas__shim { opacity: 0 } .filters-opened .offcanvas { left: auto !important; right: -270px } .filters-opened .offcanvas__shim { right: 100%; left: auto } .filters-opened .offcanvas__shim:before { left: auto; right: 16px } .filters-opened-large .offcanvas { width: 100%; right: -100% } .filters-opened-large .offcanvas__menu { width: 100% } .filters-opened-large .offcanvas__shim:before { display: none } .page-title-section { padding-top: 36px } .page-title { padding: 0 15px } .page-title__title { font: 36px/normal "Open Sans", sans-serif } .page-title__title.reduced { width: calc(100% - 260px) } .breadcrumbs { padding: 25px 0 } .breadcrumbs + .page-title-section { padding-top: 0 } .breadcrumbs__list { margin: 0; padding: 0 15px; display: flex; justify-content: flex-start; flex-wrap: wrap } .breadcrumbs__item { float: left; margin: 0; position: relative; font-size: 13px } .breadcrumbs__item a { color: #999 } .breadcrumbs__item:not(:last-child) { padding-right: 18px } .breadcrumbs__item:not(:last-child):after { position: absolute; top: 0; right: 2px; content: '/'; color: #999; width: 10px; height: 19px } .breadcrumbs__item:before { display: none } .container-gray { background: #f4f4f4; padding-top: 68px; padding-bottom: 50px } .container-gray .owl-dots { position: absolute; bottom: -35px } .container-gray__header { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 26px } .container-gray__title { width: 75%; font-size: 24px; display: block; position: relative; color: #000; text-transform: uppercase; font-weight: bold; transition: color .3s } .container-gray__all { font-weight: bold; font-size: 12px; line-height: 16px; text-transform: uppercase; color: #595959 } .container-gray__subtitle { margin-top: 15px; transition: color .3s; text-transform: none; font-weight: 400; font-size: 16px; line-height: 24px; color: #000 } .container-gray__title:hover .container-gray__subtitle { color: #222227 } .container-gray .project__box { padding: 0 } .container-gray .index-brands { padding: 0 15px } .container-gray .owl-prev, .container-gray .owl-next { background-color: #fff } .quantity__container { display: block; clear: both; width: 110px; background: #fff; box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 8px } .quantity__button { float: left; width: 34px; height: 36px; border: 0; text-decoration: none; text-align: center; font: 22px/32px "Open Sans", sans-serif; color: #ff562e; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .quantity__button:hover { color: #000 } .quantity__button.disabled { color: #ccc } .quantity__input { width: 40px; padding: 0; text-align: center; border-radius: 0; border: none !important; float: left; font-size: 16px; color: #000; background-color: rgba(0, 0, 0, 0.05) } .items-slider { padding-top: 38px } .items-slider:last-child .content-container { padding-bottom: 35px } .items-slider:last-child .content-container:after { display: none } .items-slider .content-container { padding-bottom: 70px } .items-slider__slider { padding-right: 15px; display: flex } .items-slider .owl-stage { display: flex } .items-slider .catalog-item { width: 100%; display: flex } .items-slider .catalog-item__inner { display: flex; flex-direction: column } .items-slider .owl-item .catalog-item__inner { min-width: 0 } .items-slider__title-container { padding: 0 15px; margin-bottom: 3px } .items-slider__title { width: 75%; padding-right: 15px; float: left; font: 24px/28px Roboto, sans-serif; margin: 0; text-transform: uppercase; font-weight: 700; color: #000 } .items-slider__button--all-button { height: 36px; float: right; line-height: 36px; color: #595959; font-weight: 700; text-transform: uppercase } .items-slider__footer { text-align: center; margin-top: 30px } .items-slider .owl-prev, .items-slider .owl-next { top: 50%; margin-top: -56px } .project__box .owl-prev, .project__box .owl-next { top: 50%; margin-top: -24px } .project__box .owl-prev { left: 0 } .project__box .owl-next { right: 0 } .items-slider .owl-prev { left: -20px } .items-slider .owl-next { right: -20px } .owl-prev, .owl-next { width: 25px; height: 25px; border-radius: 50%; background-color: #f5f5f5; position: absolute; transition: all .25s linear } .owl-prev:before, .owl-next:before { content: ''; position: absolute; display: block; top: 5px; left: 6px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 76.54320987654322% 85.21126760563381%; width: 11px; height: 16px } .owl-prev.disabled, .owl-next.disabled { cursor: default !important; opacity: .2 } .owl-next { left: auto !important } .owl-next:before { -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); left: 9px } .owl-carousel .owl-stage { display: flex } .owl-carousel .owl-item { -webkit-backface-visibility: hidden; display: flex; justify-content: center } .owl-carousel .owl-item img { transform-style: flat } .index-news__slider .owl-carousel .owl-item img { height: 200px } .owl-dots { margin-top: 15px; left: 0; width: 100%; text-align: center; justify-content: center } .owl-dot { width: 8px; height: 8px; border-radius: 50%; border: 1px solid #222227; display: inline-block } .owl-dot:not(:last-child) { margin-right: 10px } .owl-dot.active { background-color: #000 } .catalog-item { width: 230px; padding: 15px 15px 0 15px; float: left; position: relative; background-color: #fff } .catalog-item:not(:hover) .catalog-item__top { min-height: auto !important } .catalog-item__top { position: relative; z-index: 1 } .catalog-item__image-container { display: table; width: 170px; height: auto; min-height: 170px } .catalog-item__image-container > div { display: table-cell; text-align: left; vertical-align: middle } .catalog-item__image-link { display: inline-flex; max-height: 100%; background-size: contain; background-repeat: no-repeat; transition: none; position: relative; justify-content: left; } .catalog-item__image-link--shadow::before { content: ''; display: block; height: 5px; width: calc(100% - 20px); position: absolute; left: 25px; bottom: 3px; border-radius: 10px; background-color: rgba(0, 0, 0, 0.3); box-shadow: 16px 0 7px 0 rgba(0, 0, 0, 0.6); z-index: 1; filter: drop-shadow(15px -12px 10px #000000) } .catalog-item__image-link--background { background-size: 0 } .catalog-item__image-link--background::after { content: ''; display: block; position: absolute; z-index: 2; top: 0; left: 0; width: 100%; height: 100%; background-image: inherit; background-size: cover } .catalog-item__image { position: relative; z-index: 2; width: auto !important; max-width: none; height: auto; background: 0; object-fit: contain } .catalog-item__image[src$="preload.svg"] { max-height: 80px; max-width: 80px } .catalog-item__image:not([src$="preload.svg"]) { height: 280px; vertical-align: top; max-width: 100%; } .catalog-item__image.dveri:not([src$="preload.svg"]) { max-width: none !important; } .items-slider--similar .catalog-item { min-height: 1px !important } .items-slider--similar .catalog-item__image:not([src$="preload.svg"]) { height: 186px; object-fit: scale-down } .items-slider--similar .catalog-item__title-container { margin-bottom: auto } .items-slider--similar .catalog-item__price { margin-bottom: 0 } .catalog-item__title-container { margin-top: 12px } .catalog-item__title { text-decoration: none; color: #333; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; font: 18px/normal Roboto, sans-serif; max-width: 170px; max-height: 62px } .catalog-item__title:hover { color: #000 } .catalog-item__price { margin-top: 12px; margin-bottom: auto } .catalog-item-price__discount { color: #ff652e; font-size: 20px; white-space: nowrap } .catalog-item-price__discount::before { display: inline-block; margin-right: 4px } .catalog-item-price__base { color: #ee490e; margin-top: 6px; font-size: 12px } .catalog-item-price__number { text-decoration: line-through; white-space: nowrap } .catalog-item-price__badge { background-color: #ee490e; line-height: 20px; padding: 0 5px; border-radius: 3px; color: #fff; display: inline-block; margin-left: 7px } .catalog-item__badge-container { position: absolute; top: 10px; left: -10px; height: 0; z-index: 10 } .catalog-item__badge-container .catalog-item__label { margin-bottom: 5px; } .catalog-item__badge { width: 56px; height: 56px; border-radius: 50%; color: #fff; text-align: center; font: 12px/56px "Open Sans", sans-serif; margin-bottom: 5px } .catalog-item__badge--hit { background-color: #40404b } .catalog-item__badge--new { background-color: #ff652e } .catalog-item__badge--discount { background-color: #ee490e; font-size: 16px } .catalog-item__badge--stores { line-height: normal; width: 60px; height: 60px; padding-top: 21px; background-color: #491760; font-size: 8px; text-transform: uppercase } .catalog-item__label { /*background-color: #ff652e; position: relative; height: 30px; line-height: 30px; min-width: 30px; display: table; padding-left: 10px; margin-bottom: 15px; font-weight: bold; color: #fff*/ font-family: "Open Sans",sans-serif; font-size: 12px; font-weight: 400; line-height: 16px; letter-spacing: 0em; text-align: left; text-transform: capitalize; height: auto; width: auto; margin: 0; padding: 4px 10px !important; border-radius: 20px; } .catalog-item__label:before { content: none; display: block; position: absolute; top: 100%; left: 0; border: 5px solid transparent; border-top: 5px solid #ee490e; border-right: 5px solid #ee490e } .catalog-item__label:after { content: none; display: block; position: absolute; top: -5px; left: 100%; border: 20px solid transparent; border-left: 20px solid #ff652e } .catalog-item__label:after{ border-left: 20px solid var(--before-background, #ff652e); } .catalog-item__label:before { border-top: 5px solid var(--before-background, #ff652e); border-right: 5px solid var(--before-background, #ff652e); } .catalog-item__label--dark { background-color: #40404b } .catalog-item__label--red { background-color: #F83333; } .catalog-item__label--dark:before { border-top-color: #222227; border-right-color: #222227 } .catalog-item__label--dark:after { border-left-color: #40404b } .catalog-item__label--small { height: 20px; line-height: 20px; font-size: 12px; margin-right: 30px } .catalog-item__label--small:after { border-width: 13px; top: -3px } .catalog-item__buttons { margin-top: 13px } .catalog-item__inner { position: relative } .catalog-item__bg { display: none; position: absolute; background-color: #fff; width: calc(100% + 150px); height: calc(100% + 35px); border: 1px solid #ccc; border-radius: 3px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); top: -15px; left: -15px; min-width: 330px } .catalog-item__bg_small .catalog-item__bg { /*width: auto;*/ /*min-width: 215px;*/ right: -15px } .catalog-item__aside { position: absolute; top: -9999px; left: 195px; width: 120px; padding-left: 15px; border-left: 1px solid #ccc; z-index: 1 } .catalog-item__aside .bx_item_detail_scu { margin-top: 18px } .catalog-item-aside__block:not(:first-child) { margin-top: 18px } .catalog-item-aside__title { font-size: 12px; margin-bottom: 8px; display: block } .catalog-item-aside__links a { display: inline-block; clear: both; float: left; text-decoration: none; color: #333 } .catalog-item-aside__links a:not(:last-child) { margin-bottom: 8px } .catalog-item-aside__links a:hover { color: #000 } .catalog-item-aside__links a.active { font-weight: bold } .catalog-item-aside__colors a { padding-top: 0 !important; float: left; width: 25px !important; height: 25px !important; border-radius: 50%; display: inline-flex; background-size: 100%; position: relative; z-index: 1; margin: 0 7px 7px 0 } .catalog-item-aside__colors a:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 50%; border: 1px solid #ccc; z-index: -1 } .catalog-item-aside__colors .imgcolor { border-radius: 50% } .catalog-item-aside__colors a.active:after { border-color: #333 } .catalog-item-aside__color { float: left; margin: 0 7px 7px 0; width: 23px; height: 23px; border-radius: 2px; display: block; background-size: 100%; position: relative; z-index: 1 } .catalog-item-aside__color:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc; z-index: -1 } .catalog-item-aside__color:nth-child(2n) { margin-right: 2px } .catalog-item-aside__color.active:after { border-color: #999 } .catalog-item__bottom { margin-top: 15px; display: none; width: 100%; } .catalog-item__button--more { float: left; padding: 0 15px; margin-top: 10px; min-width: 154px; } .catalog-item__compare { float: left; padding-left: 38px; color: #777; line-height: 35px; position: relative; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .catalog-item__compare a { color: #777; display: block; line-height: 35px; text-decoration: none } .catalog-item__compare.active { color: #ff652e } .catalog-item__compare.active a { color: #ff652e } .catalog-item__compare.active:before { background-position: 73.61111111111111% 0 } .catalog-item__compare.active .catalog-item-compare__text:after { border-color: #ff652e } .catalog-item__compare.active .catalog-item-compare__text--active { display: inline } .catalog-item__compare.active .catalog-item-compare__text--default { display: none } .catalog-item-compare__text { position: relative } .catalog-item-compare__text:after { content: ''; position: absolute; display: block; width: 100%; bottom: -1px; border-bottom: 1px solid #777; transition: all .25s linear } .catalog-item-compare__text--active { display: none } .catalog-item.right-item .catalog-item__bg { left: -160px } .catalog-item.right-item .catalog-item__bg_small .catalog-item__bg { /*left: -15px*/ } .catalog-item.right-item .catalog-item__aside { right: auto; left: -140px; border-left: none; border-right: 1px solid #ccc; padding: 0 15px 0 0 } .catalog-item .catalog-item__bg_small .catalog-item__bottom { margin: 0; width: 80%; position: relative; bottom: -20px } .catalog-item.right-item .catalog-item__bottom { /*margin-left: -32px*/ } .catalog-item .catalog-item__bg_small .catalog-item__title { max-width: none; } .catalog-item .catalog-item__bg_small .catalog-item__bg { height: calc(100% + 50px); width: auto; min-width: 0; left: -15px; } .white-popup { position: relative; background: #fff; padding: 40px 40px; width: auto; max-width: 580px; margin: 20px auto } .popup_info { display: flex; flex-direction: column; font-size: 14px; color: #8d8d8d; margin-top: 20px } .popup-form__label { font-size: 16px; color: #8d8d8d } .popup_info__row { display: flex; margin-top: 5px } .popup_info_first { font-size: 14px; color: #222227; font-weight: 400 } .popup_info_second { font-weight: bold; color: #222227 } .popup_info_dots { flex-grow: 1 } .popup__submit { text-transform: uppercase; font-weight: bold; position: relative; top: -10px } .popup_info_dots::after { content: ''; display: inline-block; vertical-align: baseline; width: 100%; height: 1px; min-width: 20px; background: linear-gradient(to right, #d4d4d4 0, #d4d4d4 2px, transparent 1px, transparent 4px) 0 0/4px 1px repeat-x } .feedback__item { width: 100%; padding: 24px 24px 31px; overflow: hidden; position: relative; margin-right: 30px; border: 1px solid #d9d9d9; box-sizing: border-box; border-radius: 8px } .feedback__item:before, .feedback__item:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 0 0; width: 28px; height: 63px; top: 14px; right: 14px } .feedback__item:after { right: 48px } .feedback__inner { position: relative; z-index: 10; overflow: hidden; text-overflow: ellipsis } .feedback__title { font-size: 14px; line-height: 24px; font-weight: 700; color: #000; margin-top: auto; margin-bottom: 4px } .feedback__date { color: #999; font-size: 14px; line-height: 24px; margin-bottom: 4px } .feedback__text { font: 16px/24px "Open Sans", sans-serif; display: block; position: relative; height: 144px; overflow: hidden; text-overflow: ellipsis; margin-bottom: 18px } .feedback__stars { display: flex } .feedback__link { margin-top: 8px; display: inline-block; color: #ee490e; font-size: 12px } .sidebar { width: 200px; float: left; padding: 0 15px; position: relative; z-index: 100 } .sidebar + .text__content { width: calc(100% - 300px) } .sidebar--stores + div { width: calc(100% - 200px) !important } .sidebar--text { width: 300px } .sidebar__header--filter { font-size: 24px; font-weight: 600 } .sidebar__filters { padding-top: 15px } .sidebar__button--menu { display: none } .sidebar-menu__list { padding: 0 } .sidebar-menu__item { margin: 0 } .sidebar-menu__item:first-child .sidebar-menu__link { border-top-left-radius: 3px; border-top-right-radius: 3px } .sidebar-menu__item:first-child .sidebar-menu__title { border-top-left-radius: 3px; border-top-right-radius: 3px } .sidebar-menu__item:last-child .sidebar-menu__link { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .sidebar-menu__item:last-child .sidebar-menu__title { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .sidebar-menu__item:before { display: none } .sidebar-menu__link { padding: 10px 19px; display: block; margin-top: -1px; text-decoration: none; color: #777; border: 1px solid #ccc } .sidebar-menu__link:hover { color: #333 } .sidebar-menu__title { display: block; padding: 10px 19px; color: #333; background-color: #f5f5f5; margin-top: -1px; border: 1px solid #ccc } .tooltip-link { position: relative } .tooltip-link:before { position: absolute; content: ''; width: 100%; height: 5px; left: 0; display: none } .tooltip-link:hover:before { display: block } .tooltip-link:hover .tooltip { opacity: 1; -webkit-transform: translateY(9px); -ms-transform: translateY(9px); transform: translateY(9px) } .tooltip-link:before, .tooltip-link.tooltip-bottom:before { bottom: -5px } .tooltip-link:hover .tooltip, .tooltip-link.tooltip-bottom:hover .tooltip { top: calc(100% - 5px) } .tooltip-link .tooltip:after, .tooltip-link.tooltip-bottom .tooltip:after { top: -4px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .tooltip-link.tooltip-top:before { top: -5px } .tooltip-link.tooltip-top:hover .tooltip { top: auto; bottom: calc(100% + 25px) } .tooltip-link.tooltip-top .tooltip:after { top: auto; bottom: -10px; border-color: #fff transparent transparent transparent; border-style: solid; border-width: 10px 10px 0 10px } .tooltip-link.tooltip-right .tooltip:after { left: auto; right: 25px } .phone-list { text-align: left; padding-left: 20px; color: #222227; font-size: 14px } .phone-list:last-child { margin-bottom: 20px } .header__text-item--phone .tooltip-title { margin-top: 20px } .phone-list__item { color: #222227; text-decoration: none; display: inline-flex; align-self: center; align-items: center } .phone-list .phone-list__item:hover { color: #ee490e } .tooltip { background-color: #fff; position: absolute; opacity: 0; -webkit-transform: translateY(-3px); -ms-transform: translateY(-3px); transform: translateY(-3px); top: -9999px; left: 50%; width: 250px; cursor: default; color: #333; padding: 6px 8px; border-radius: 3px; font: 12px/normal "Open Sans", sans-serif; margin-left: -125px; z-index: 20; text-align: center; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.2); transition: transform .25s linear, opacity .25s linear } .tooltip--right { left: auto; right: 0 } .tooltip.tooltip--right::after { left: auto; right: 15px } .browser-safari .tooltip { transition: opacity .25s linear } .tooltip:after { content: ''; position: absolute; display: block; left: 50%; margin-left: -4px } select { font-size: 14px; width: 120px; height: 40px } .ui-selectmenu-button { width: auto !important; border: 1px solid #ccc; height: 40px; outline: 0; color: #333 } .ui-selectmenu-button span.ui-selectmenu-text { padding: 0 28px 0 10px; line-height: 38px } .ui-selectmenu-button span.ui-icon { right: 8px; margin-top: -4px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .ui-selectmenu-button.ui-corner-top { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-bottom: 0 } .ui-selectmenu-menu { margin-top: -1px } .ui-selectmenu-menu .ui-menu { background-color: #fff; border: 1px solid #ccc; border-top: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .ui-menu .ui-state-focus { margin: 0; color: #333 } .ui-menu .ui-menu-item { padding: 6px 10px } .mfp-close { width: 30px; height: 30px; border-radius: 50%; border: 1px solid #777; top: 30px !important; right: 30px } .mfp-close:after { position: absolute; content: ''; background-image: url(/local/templates/general/assets/css/../../images/cross.svg); background-size: cover; width: 22px; height: 22px; left: 3px; top: 3px } .mfp-gallery .mfp-close { display: none } .mfp-arrow { z-index: 2000 } .popup { display: none; width: 530px; padding: 23px 30px 35px; margin: 0 auto; background-color: #fff; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); position: relative } .mfp-wrap .popup { display: block } .popup__title { font: 32px/normal Roboto, sans-serif; margin: 0; padding-right: 45px; color: #333 } .popup__content { padding-top: 24px } .popup-form__row:not(:first-child) { margin-top: 30px } .popup-form__row--submit { margin-top: 30px !important } .popup-form__form-group { float: left; width: 100% } .popup-form__form-group--name { width: 40%; padding-right: 15px } .popup-form__form-group--phone { width: 60%; padding-left: 15px } .popup-form__comment { float: left; line-height: 40px } .popup-form__button--submit { float: right; width: 170px; height: 40px; line-height: 38px } .popup-form__bottom-comment { width: 60%; float: left; font-size: 12px } .popup-form__bottom-comment--price { width: 40% } .popup-form__textarea { height: 35px } .bx-component-opener a { transition: none } .errortext, .notetext { padding: 0 15px } .main-menu__list--level1:after { content: ''; display: block; clear: both } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3 { text-align: justify } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:before, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:before, .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:after, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:after { content: ''; width: 100% } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:before, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:before { display: block } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:after, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:after { display: inline-block } .header-fixed__button--catalog { color: #fff; background-color: #ff652e; border-color: #ff652e } .header-fixed__button--catalog:hover { background-color: #ee490e; border-color: #ee490e } .header-top { padding: 10px 0; background-color: #f5f5f5; height: 100% } .header-top .header__logo { display: none } .header__menu-button { display: none } .header .bx-basket { float: left } .main-menu { width: 100%; padding-left: 15px; float: left } .main-menu.fixed-active { top: 60px !important; opacity: 1 !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } nav.main-menu__container { display: flex; justify-content: space-between } .main-menu__container--level2 { top: -9999px; left: -20px; position: absolute; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); opacity: 0; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); min-width: 120px; width: auto; transition: transform .25s linear, opacity .25s linear; z-index: 9999 } .main-menu__container--level2:before { content: ''; position: absolute; display: block; width: 100%; height: 10px; top: -10px } .browser-safari .main-menu__container { transition: opacity .25s linear } .main-menu__list { padding: 0 20px; margin: 0 } .main-menu__list--level2 { background-color: #fff; border: 1px solid #ccc; border-radius: 3px; position: relative; padding-left: 0; margin-top: 0; min-width: max-content } .main-menu__list--level2:before { content: ''; position: absolute; display: block; top: -5px; left: 19px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .main-menu__list--level2:after { content: ''; position: absolute; display: block; top: -4px; left: 20px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .main-menu__item { margin: 0; transition: background .25s linear } .main-menu__item:before { display: none } .main-menu__item:hover { background-color: #f5f5f5 } .main-menu__item--level1 { float: left } .main-menu__item--level1:not(:last-child) { margin-right: 28px } .main-menu__item--level2:nth-child(2) .main-menu__link { border-top-left-radius: 2px; border-top-right-radius: 2px } .main-menu__item--level2:last-child .main-menu__link { border-bottom-left-radius: 2px; border-bottom-right-radius: 2px } .main-menu__item--level2:not(:last-child) { border-bottom: 1px solid #ccc } .main-menu__item--current { display: none } .main-menu__item--has-items:hover .main-menu__container { top: 28px; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .main-menu__item--has-items:hover .main-menu__link--level1 { color: #333 } .main-menu__link { color: #777; text-decoration: none; transition: color .25s linear } .main-menu__item--level1:last-child .main-menu__container--level2 { right: 0; left: initial } .main-menu__item--level1:last-child .main-menu__list--level2:before { right: 20px; left: initial } .main-menu__item--level1:last-child .main-menu__list--level2:after { right: 21px; left: initial } .main-menu__link:hover { color: #333 } .main-menu__link--level2 { padding: 9px 18px; display: block } .main-menu__link--back { display: none } .main-menu__link--current { color: #333 !important; font-weight: bold } .header__languages { width: 100px; padding-right: 15px; text-align: right; position: absolute; right: 0 } .header-languages__link { display: inline-block; color: #333; margin-left: 6px } .header-languages__link--active { cursor: default; color: #777 } .header-languages__link:first-child { margin: 0 10px 0 0 } .header-middle { padding: 10px 0 } .fixed-header.active-fixed .fixed-header__wrap { position: fixed; top: 0; left: 0; z-index: 999; background-color: #fff; width: 100%; padding: 10px 0 } .fixed-header.active-fixed .fixed-header__wrap::after { content: ""; position: absolute; top: 100%; right: 0; left: 0; display: block; width: 100%; height: 10px; background: linear-gradient(rgba(0, 0, 0, .3), #000000) } .fixed-header.active-fixed .header-logo__image { max-width: 75px } .header__logo > div { float: left } .header-logo__image { float: left; max-width: 120px; margin: 0 } .header-logo__text { margin: 13px 0 0 36px !important; width: 146px; height: 46px; font: 12px/16px "Open Sans", sans-serif; float: left; padding-left: 10px; border-left: 3px solid #ccc; color: #777 } .header__text-items { float: left } .header__text-item { float: left; padding-left: 22px; margin-right: 46px; margin-top: 19px } .header__text-item--second { display: none } .header-text-item__time { color: #ee490e; line-height: normal; position: relative } .header-text-item__time:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 0 100%; width: 21px; height: 21px; top: -3px; left: -24px } .header-text-item__comment { font-size: 12px; white-space: nowrap; display: block } .header-text-item__comment p { margin: 0 } .header-text-item__phone { font: 16px/normal "Open Sans", sans-serif; white-space: nowrap; position: relative; display: flex; align-items: center } .header-text-item__phone .dropdown_arrow { color: #222227; transition: transform .3s; margin-left: 5px; margin-bottom: 2px } .icon-phone { width: 14px; height: 14px; margin-right: 5px; color: #222227 } .icon-viber { width: 24px; height: 24px; margin-right: 10px } .icon-whatsapp { width: 24px; height: 28px; margin-right: 10px } .icon-arrow-circle { width: 32px; height: 32px; transition: .3s } .header-text-item__phone > .default { color: #222227; text-decoration: none; border-bottom: 1px dashed #222227 } .header-text-item__phone .tooltip-link:hover .dropdown_arrow { transform: rotate(180deg) } .header-text-item__phone br + br { display: none } .header__text-item--call .header-text-item__callback { display: inline-block; position: relative; background: #ff652e; transition: none; color: #fff; float: right; padding: 10px; border-radius: 4px; -webkit-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1); -moz-animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1); animation: button-bounce 2200ms forwards infinite cubic-bezier(0.165, 0.84, 0.44, 1); -webkit-transition: background-color .3s ease; -moz-transition: background-color .3s ease; transition: background-color .3s ease } .tab { width: 100% } .tab-label { display: flex; align-items: center; font-weight: bold; cursor: pointer; font-size: 16px; color: #222227 } .tab-content { color: #222227; font-size: 16px; text-align: left; transform: scaleY(1); max-height: 100%; transition: all .3s; transform-origin: top } .tab-arrow { width: 12px; height: 12px; transition: transform .3s } input:checked ~ .tab-label .tab-arrow { color: #ee490e; transform: rotate(180deg) } input:checked ~ .tab-content { transform: scaleY(1); max-height: 100% } @media screen and (max-width: 900px) { .header__text-item--call .header-text-item__callback { float: none } } .header__text-item--call .header-text-item__callback:hover { background: #ee490e } @media screen and (min-width: 900px) { .header__text-item--call .header-text-item__callback:after { background-color: #ff652e; border-radius: 7px; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; -webkit-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1); -moz-animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1); animation: button-blip 2200ms forwards infinite cubic-bezier(0.215, 0.61, 0.355, 1) } .header__text-item--call .header-text-item__callback:hover:after { border-color: transparent } @-webkit-keyframes button-bounce { 0% { transform: scale(1) } 10% { transform: scale(0.96) } 20% { transform: scale(1.04) } 52%, 100% { transform: scale(1) } }@-moz-keyframes button-bounce { 0% { transform: scale(1) } 10% { transform: scale(0.96) } 20% { transform: scale(1.04) } 52%, 100% { transform: scale(1) } }@keyframes button-bounce { 0% { transform: scale(1) } 10% { transform: scale(0.96) } 20% { transform: scale(1.04) } 52%, 100% { transform: scale(1) } }@-webkit-keyframes button-blip { 0% { transform: scaleX(1) scaleY(1); opacity: 0 } 10% { transform: scaleX(1) scaleY(1); opacity: .7 } 30%, 99% { transform: scaleX(1.08) scaleY(1.35); opacity: 0 } 100% { transform: scaleX(1) scaleY(1); opacity: 0 } }@-moz-keyframes button-blip { 0% { transform: scaleX(1) scaleY(1); opacity: 0 } 10% { transform: scaleX(1) scaleY(1); opacity: .7 } 30%, 99% { transform: scaleX(1.08) scaleY(1.35); opacity: 0 } 100% { transform: scaleX(1) scaleY(1); opacity: 0 } }@keyframes button-blip { 0% { transform: scaleX(1) scaleY(1); opacity: 0 } 10% { transform: scaleX(1) scaleY(1); opacity: .7 } 30%, 99% { transform: scaleX(1.08) scaleY(1.35); opacity: 0 } 100% { transform: scaleX(1) scaleY(1); opacity: 0 } } } .header__shop-links { float: right; margin-top: 17px; padding-right: 15px } .header__shop-links > div { float: left } .header-shop-links__link { height: 40px; float: left; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); transition: none; text-decoration: none; display: flex; align-items: center; color: #222227 } .header-shop-links__link--comparsion:before { width: 30px; height: 30px; color: #222227 } .header-shop-links__link--comparsion.active:before { color: #ee490e } .icon-chart { width: 30px; height: 30px } .header-shop-links__link--cart { margin-left: 4px; display: flex; align-items: center } .icon-small-cart { width: 30px; height: 30px; color: #ff562e; margin-right: 10px } .header-shop-links__link--cart.active:before { color: #ee490e } .header-shop-links__link.active .header-shop-links__text { color: #ee490e } .header-shop-links__text { white-space: nowrap; font: bold 16px/40px "Open Sans", sans-serif; margin-left: 4px; color: #222227 } .header-shop-links__text--comparsion { display: none; font-weight: normal } .header-shop-links__badge { position: absolute; top: -5px; left: 12px; background-color: #ff652e; color: #fff; text-align: center; z-index: 10; border-radius: 6px / 50% 50%; font: 9px/12px "Open Sans", sans-serif; padding: 1px 4px 0 } .header-shop-links__link--cart.active .header-shop-links__badge { background-color: #ee490e } .header__button--catalog-button { display: none } .header__catalog-menu { background-color: #40404b; border-top-left-radius: 4px; border-bottom-left-radius: 4px; overflow-x: hidden } .header__catalog-menu.fixed-active { top: 60px !important; opacity: 1 !important; -webkit-transform: translateY(0) !important; -ms-transform: translateY(0) !important; transform: translateY(0) !important } .header-catalog-menu__button { display: none } .header-catalog-menu__container--level2 { display: table; table-layout: fixed; top: -9999px; left: 0; position: absolute; width: 100%; background-color: #fff; box-shadow: 0 7px 20px 0 rgba(0, 0, 0, 0.15); opacity: 0; transition: opacity .25s linear } .header-catalog-menu__list { padding: 0; margin: 0 } .header-catalog-menu__list--level1 { display: -ms-flexbox; display: -webkit-flex; display: flex } .header-catalog-menu__list--level2 { display: flex } .header-catalog-menu__item { margin: 0 } .header-catalog-menu__item:before { display: none } .header-catalog-menu__item--level1 { display: inline-block; -ms-flex: 1 1 auto; -webkit-flex: 1 1 auto; flex: 1 1 auto; position: static; text-align: center; cursor: pointer; transition: background .25s linear } .header-catalog-menu__item--active, .header-catalog-menu__item--level1:hover { background-color: #2d2d39; color: #fff } .header-catalog-menu__item--level1:hover { background-color: rgba(45, 45, 57, 0.5) } .header-catalog-menu__title--level1 { display: flex; align-items: flex-start; line-height: 60px; white-space: nowrap; height: 60px; justify-content: center } .header-catalog-menu__title--level1::before { -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s } .header-catalog-menu__item--level1:hover .header-catalog-menu__title--level1::before { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .header-catalog-menu__item--level2 { display: table-cell; vertical-align: top; min-width: 130px; max-width: 200px; flex-grow: 1 } .header-catalog-menu__item--level2:not(:first-child) { border-left: 1px solid #e0e0e0 } .header-catalog-menu__item--level3 { margin-top: 12px } .header-catalog-menu__item--desktop-hidden { display: none } .header-catalog-menu__item--has-items:hover .header-catalog-menu__container { top: 60px; z-index: 200; opacity: 1 } .header-catalog-menu__item--current { display: none !important } .header-catalog-menu__item--doors-menu .header-catalog-menu__container { display: block } .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2 { display: block; overflow: hidden } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2 { display: inline-block; border: 0; padding: 30px 30px 28px; min-width: calc(20% - 8px); max-width: none } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2:not(:first-child) { position: relative } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2:not(:first-child):before { content: ''; position: absolute; display: block; width: 0; height: 1000px; top: -20px; left: 0; border-left: 1px solid #e0e0e0 } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--doors-item { margin: 12px 0 6px 0 } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--colors-item { float: left } .header-catalog-menu__item--doors-menu .header-catalog-menu__image { height: 78px; background-position: center } .header-catalog-menu__item--doors-menu-table .header-catalog-menu__container--level2 { table-layout: auto } .header-catalog-menu__item--doors-item { text-align: left; padding: 20px 0 24px 24px; cursor: default } .header-catalog-menu__item--splitable-doors { position: absolute !important; bottom: 157px; right: 0; padding: 0 !important } .header-catalog-menu__item--splitable-doors:before { display: none !important } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2 { cursor: pointer; padding: 24px 0 24px 30px; margin: 0 } .header-catalog-menu__list--level2 li:nth-child(6) { margin-bottom: 6px } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2:hover { color: #000 } .header-catalog-menu__item--colors-item { width: 100%; background-color: #fff; padding: 26px 30px !important; border-top: 1px solid #ccc !important; line-height: 23px } .header-catalog-menu__item--colors-item + .header-catalog-menu__item--colors-item { padding-bottom: 6px !important } .header-catalog-menu__item--colors-item:before { display: none !important } .header-catalog-menu__item--colors-item:after { content: ''; position: absolute; display: block; width: 100%; height: 20px; background-color: #fff; bottom: -20px; left: 0 } .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3 { float: right; width: calc(100% - 140px); margin-bottom: -35px } .header-catalog-menu__item--colors-item .header-catalog-menu__item { margin: 0 } .header-catalog-menu__item--colors-item .header-catalog-menu__item--level3 { display: inline-block; margin-left: 30px; margin-bottom: 15px } .header-catalog-menu__item--colors-item .header-catalog-menu__link--level3 { display: inline-block } .header-catalog-menu__link { text-decoration: none } .header-catalog-menu__link--level1 { padding: 0 10px; display: block; font-weight: bold; text-transform: uppercase; color: #fff } .header-catalog-menu__link--has-items { position: relative } .header-catalog-menu__link--has-items .header-catalog-menu__title--level1 { position: relative; height: 60px; align-items: center; display: inline-flex } .header-catalog-menu__link--has-items .header-catalog-menu__title--level1:after { content: none; position: relative; display: inline-flex; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 24.324324324324323%; width: 14px; height: 10px; top: 0; right: -2px; transition: transform .3s } .header-catalog-menu__link--has-items:hover .header-catalog-menu__title--level1:after { transform: rotate(180deg) } .header-catalog-menu__link--level2 { display: block; color: #777; padding: 30px 28px 24px; font-size: 16px } .header-catalog-menu__link--level2:hover { color: #333 } .header-catalog-menu__link--level2:before { display: none } .header-catalog-menu__link--level2 .header-catalog-menu__title { margin-top: 10px; text-align: left; color: #000 } .header-catalog-menu__link--level2 .header-catalog-menu__title--furniture { text-align: center } .header-catalog-menu__link--level3 { color: #222227; font-size: 16px } .header-catalog-menu__link--level3:hover { color: #ff652e } .header-catalog-menu__link--back { display: none } .header-catalog-menu__link--doors-item { cursor: default; color: #222227; font-size: 18px; font-weight: bold; padding: 0; margin: 4px 0 6px 24px } .header-catalog-menu__link--colors-item { margin: 0 !important } .header-catalog-menu__link--current { color: #333 !important; font-weight: bold !important } .header-catalog-menu__image { width: 100%; height: 100px; background-position: center; background-repeat: no-repeat } .header-catalog-menu__image--furniture { height: 85px } .header-catalog-menu__image--left { float: left; width: 100px; height: 200px; background-position: center 0 } .header-catalog-menu__image--left + .header-catalog-menu__link { float: left; width: 50% } .header-catalog-menu__image--left + .header-catalog-menu__link + .header-catalog-menu__container { margin-left: 24px; float: left } .header-catalog-menu__inner-menu { display: none } .header-catalog-menu__color { position: relative; border-radius: 50%; width: 23px; height: 23px; float: left; margin-right: 12px; background-size: 100% } .header-catalog-menu__color:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 50%; border: 1px solid #ccc } .header__search { float: left; width: 50px; height: 50px; margin-right: 15px; background-color: #ee490e; border-top-right-radius: 4px; border-bottom-right-radius: 4px } .header__search.hover form { width: 472px !important } .header__search.hover .header-search__input-container { right: 50px !important } .header__search.hover .header-search__input-container:before { opacity: .5 !important } .header__search form { border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: absolute; overflow: hidden; width: 50px; height: 50px; right: 15px; z-index: 10; transition: width .4s ease } .header__search form:hover { width: 472px } .header__search form:hover .header-search__input-container { right: 50px } .header__search form:hover .header-search__input-container:before { opacity: .5 } .header-bottom { background-color: #40404b } .header-search__input-container { position: absolute; right: -342px; width: 342px; height: 100%; padding-left: 7px; background-color: #ee490e; transition: right .5s ease-in-out; border-top-left-radius: 4px; border-bottom-left-radius: 4px } .header-search__input-container:before { content: ''; position: absolute; display: block; width: 80px; height: 100%; left: -76px; z-index: -1; opacity: 0; transition: opacity .6s ease-in-out; background: -moz-linear-gradient(left, #000000 0, rgba(0, 0, 0, 0.9) 100%); background: -webkit-linear-gradient(left, #000000 0, rgba(0, 0, 0, 0.9) 100%); background: linear-gradient(to right, #000000 0, rgba(0, 0, 0, 0.9) 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#000000', endColorstr='rgba(0,0,0,0.9)', GradientType=1) } .header-search__input { width: 100%; height: 36px; margin-top: 7px; border: 0 } .header-search__button--submit { z-index: 50; float: right; display: block; width: 50px; height: 50px; background-color: #2d2d39; border: 0; border-radius: 0; border-top-right-radius: 4px; border-bottom-right-radius: 4px; transition: none } .header-search__button--submit:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 90% 0; width: 23px; height: 24px; top: 13px; left: 15px } .header-search__button--submit:hover { background-color: #2d2d39 } .header-fixed { display: block; position: static; z-index: 300; width: 100%; background-color: #fff; top: 0; left: 0; box-shadow: 0 5px 15px 0 rgba(0, 0, 0, 0.1) } .header-fixed .content-container { display: none; padding: 7px 0 } .header-fixed__menu-button { margin-left: 15px; padding-left: 24px; line-height: 35px; float: left; position: relative; color: #777; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; transition: color .25s linear } .header-fixed__menu-button:before, .header-fixed__menu-button:after { content: ''; position: absolute; display: block; top: 9px; left: -2px; transition: opacity .25s linear; background: url("/local/templates/general/assets/css/../images/sprites.svg") 25.974025974025974% 97.16312056737588%; width: 19px; height: 17px } .header-fixed__menu-button:after { opacity: 0; background-position: 50.64935064935065% 97.16312056737588% } .header-fixed__menu-button:hover { color: #333 } .header-fixed__menu-button:hover:before { opacity: 0 } .header-fixed__menu-button:hover:after { opacity: 1 } .header-fixed__button--catalog { float: left; margin-left: 40px; text-transform: uppercase; font-weight: bold } .header-fixed__right { display: flex; align-items: center; margin-left: auto; margin-right: 4px } .header-fixed-phones__number { font: bold 14px/18px "Open Sans", sans-serif; color: #ee490e; display: flex } .header-fixed-phones__number a { color: #ee490e; text-decoration: none } .header-fixed__search.header-fixed__search { margin-left: 15px; float: left } .header-fixed__search .header_search__form { margin-top: 0 } .header-fixed__search.active .header_search__block, .header-fixed__search.active .header-fixed-search__input-container { display: block } .header-fixed__search .header_search__block, .header-fixed-search__input-container { display: none; position: absolute; right: 40px } .header-fixed__search .header_search__input, .header-fixed-search__input { width: 290px; height: 35px } .header-fixed__search .header_search__button, .header-fixed__search .header_search__button--submit.disabled, .header-fixed-search__button--submit { display: block; border: 0; border-radius: 0; background-color: #fff; width: 35px; height: 35px; padding: 0 } .header-fixed__search .header_search__button:hover, .header-fixed-search__button--submit:hover { background-color: #fff; border: 0 } .header-fixed__shop-links { float: left } .header-fixed-shop-links__link { margin-left: 20px; height: 35px; float: left; position: relative; -webkit-transform: translateZ(0); -ms-transform: translateZ(0); transform: translateZ(0); padding-left: 10px; text-decoration: none !important; display: flex } .header-fixed-shop-links__link--comparsion:before { content: ''; position: absolute; display: block; top: 4px; left: 3px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 63.07692307692308%; width: 29px; height: 28px } .header-fixed-shop-links__link--comparsion.active:before { background-position: 73.61111111111111% 0 } .header-fixed-shop-links__link--cart.active:before { background-position: 43.75% 41.98473282442748% } .header-fixed-shop-links__link--cart.active .header-fixed-shop-links__text { color: #ee490e } .header-fixed-shop-links__text { white-space: nowrap; font: bold 16px/40px "Open Sans", sans-serif; margin-left: 4px; color: #222227; display: flex; align-items: center } .header-fixed-shop-links__text--comparsion { font-weight: normal } .header-fixed-shop-links__badge { position: absolute; top: 5px; right: 37px; background-color: #ff652e; color: #fff; text-align: center; z-index: 10; border-radius: 6px / 50% 50%; font: 9px/12px "Open Sans", sans-serif; padding: 1px 4px 0 } .header.fixed .header-fixed { position: fixed } .header.fixed .main-menu { top: -9999px; opacity: 0; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); transition: transform .25s linear, opacity .25s linear; position: fixed; left: calc(50% - 605px); width: 270px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 0; border: 1px solid #ccc; z-index: 400 } .header.fixed .main-menu:before { content: ''; position: absolute; display: block; top: -5px; left: 21px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .header.fixed .main-menu:after { content: ''; position: absolute; display: block; top: -4px; left: 22px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .header.fixed .main-menu__container--level2 { -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px) } .header.fixed .main-menu__item--level1 { width: 100% } .header.fixed .main-menu__item--level1:not(:last-child) { margin: 0; border-bottom: 1px solid #ccc } .header.fixed .main-menu__item:hover { background-color: #f5f5f5 } .dropdown_arrow { width: 12px; height: 10px; position: relative; top: 1px; -webkit-transition: transform .3s; -moz-transition: transform .3s; -o-transition: transform .3s; transition: transform .3s } .main-menu__item:hover .dropdown_arrow { -webkit-transform: rotate(180deg); -moz-transform: rotate(180deg); -ms-transform: rotate(180deg); -o-transform: rotate(180deg); transform: rotate(180deg) } .main-menu__slogan { display: inline-block } .header.fixed .main-menu__item--has-items:hover .main-menu__container { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: -1px; left: 285px } .header.fixed .main-menu__item--has-items:hover .main-menu__container--level2:before { width: 20px; height: 100%; top: 0; right: 100% } .header.fixed .main-menu__item--has-items:hover .main-menu__list--level2:before { top: 13px; left: -5px; border-color: transparent #ccc transparent transparent; border-style: solid; border-width: 5px 5px 5px 0 } .header.fixed .main-menu__item--has-items:hover .main-menu__list--level2:after { top: 14px; left: -4px; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 4px 4px 4px 0 } .header.fixed .main-menu__link--level1 { display: block; padding: 9px 12px } .header.fixed .main-menu__link--has-items:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; top: 11px; right: 10px } .browser-safari .header.fixed .main-menu { transition: opacity .25s linear } .header.fixed .header__catalog-menu { top: -9999px; opacity: 0; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); transition: transform .25s linear, opacity .25s linear; position: fixed; left: calc(50% - 517px); width: 270px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); background-color: #fff; padding: 0; border: 1px solid #ccc; z-index: 400 } .header.fixed .header__catalog-menu:before { content: ''; position: absolute; display: block; top: -5px; left: 31px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .header.fixed .header__catalog-menu:after { content: ''; position: absolute; display: block; top: -4px; left: 32px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .header.fixed .header-catalog-menu__container--level2 { display: block; width: 270px; border: 1px solid #ccc; opacity: 0; border-radius: 3px; -webkit-transform: translateX(-12px); -ms-transform: translateX(-12px); transform: translateX(-12px); transition: transform .25s linear, opacity .25s linear } .header.fixed .header-catalog-menu__container--level2:before { content: ''; position: absolute; display: block; width: 20px; height: 100%; top: 0; right: 100% } .header.fixed .header-catalog-menu__list { display: block } .header.fixed .header-catalog-menu__item { border-left: none !important; transition: background .25s linear } .header.fixed .header-catalog-menu__item:hover { background-color: #f5f5f5 } .header.fixed .header-catalog-menu__item:not(:last-child) { border-bottom: 1px solid #ccc } .header.fixed .header-catalog-menu__item--level1 { border-radius: 0; width: 100%; position: relative } .header.fixed .header-catalog-menu__item--level1:hover .header-catalog-menu__link--level1 { color: #333 } .header.fixed .header-catalog-menu__item--level2 { display: block } .header.fixed .header-catalog-menu__item--desktop-hidden { display: block } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__container { -webkit-transform: translateX(0); -ms-transform: translateX(0); transform: translateX(0); top: -1px; left: 285px; opacity: 1 } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__container--level2:before { width: 20px; height: 100%; top: 0; right: 100% } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__list--level2:before { content: ''; position: absolute; display: block; top: 13px; left: -5px; border-color: transparent #ccc transparent transparent; border-style: solid; border-width: 5px 5px 5px 0 } .header.fixed .header-catalog-menu__item--has-items-mobile:hover .header-catalog-menu__list--level2:after { content: ''; position: absolute; display: block; top: 14px; left: -4px; border-color: transparent #fff transparent transparent; border-style: solid; border-width: 4px 4px 4px 0 } .header.fixed .header-catalog-menu__link { padding: 9px 12px } .header.fixed .header-catalog-menu__link--level1 { display: block; color: #777; text-transform: none; text-align: left; font: normal 14px/1.4em "Open Sans", sans-serif } .header.fixed .header-catalog-menu__link--has-items:before { display: none } .header.fixed .header-catalog-menu__link--has-items-mobile:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; top: 11px; right: 10px } .header.fixed .header-catalog-menu__image { display: none } .header.fixed .header-catalog-menu__title { text-align: left !important; margin: 0 } .browser-safari .header.fixed .header__catalog-menu { transition: opacity .25s linear } .browser-safari .header.fixed .header-catalog-menu__container--level2 { transition: opacity .25s linear } .header__logo, .header_search, .header__text-item--phone { margin-right: 30px } .header__shoping, .header_search, .header__text-item--phone { margin-left: auto } .header_search { flex-basis: 700px } .header_search__form { display: flex; align-items: center; max-width: 700px } .header_search__icon { width: 28px; height: 24px; margin: 10px; position: absolute; left: 2px; top: 0 } .header-fixed__search .header_search__icon { color: #ee490e; margin: 4px } .header_search__block { flex: 1 1 auto } .header_search__button { width: 50px; height: 42px; padding: 0 9px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-top-right-radius: 4px; border-bottom-right-radius: 4px; position: relative; left: -4px; background-color: #40404b; border: 0 } .header_search__button:hover { background-color: #2d2d39 } .header_search__input { height: 42px; border: 1px solid #40404b; border-radius: 4px } .header-middle-container { display: flex; justify-content: space-between; align-items: center; padding: 0 20px } .header-middle-container > div:not(:first-child) { margin-left: auto } .image_for_index_page { float: left; width: 551px; height: 385px; margin-right: 34px; margin-bottom: 0; border-radius: 8px; overflow: hidden; flex-shrink: 0; max-width: 48% } div.title-search-result { border: none !important; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1) } div.title-search-result .bx_searche .bx_img_element { background: none !important } div.title-search-result .bx_searche .bx_image { border: none !important } div.title-search-result .bx_searche .bx_item_element a { color: #ff652e !important } div.title-search-result .bx_searche .bx_item_element a b { color: #333 !important } div.title-search-result .bx_searche hr { display: none } .footer-section-menu__list--level1:after { content: ''; display: block; clear: both } .footer-section--orange { background: linear-gradient(180deg, #ff9370 0, #fe642e 100%); color: #fff } .content-container--orange:before { display: none !important } .content-container--orange.content-container--orange.content-container--orange { padding: 23px 15px } .socials__title, .subscribe__title { font-size: 16px; margin-bottom: 10px } .subscribe__title { margin-bottom: 0; margin-right: 40px } input.subscribe_email { background-color: transparent; color: #222227; border: 0; max-width: 400px } input.subscribe_email:active { border: 1px solid #ff652e } input.subscribe_email:focus { border: none !important } .subscribe_email + .response { display: none; position: absolute; bottom: -18px; left: 10px } .subscribe_email.mce_inline_error + .response { display: block } input.subscribe_email::placeholder { color: #222227 !important } .btn:active { border: 0 } .subscribe_email.mce_inline_error + .response { display: block } .socials__link { width: 36px; height: 36px; display: inline-flex; align-items: center; justify-content: center; margin-right: 5px; transition: background-color .3s; cursor: pointer; border-radius: 50%; border: 1px solid transparent } .socials__link:hover { background-color: #222227; border-color: #222227 } .socials__link > a { display: flex; width: 100%; height: 100%; justify-content: center; align-items: center } .socials_svg { width: 22px; height: 22px; color: #222227 } .socials__link:hover .socials_svg { color: #fff } .socials--white .socials_svg { color: #fff } .socials--white .socials__link { border-color: #fff } .socials--white .socials__link:hover { background-color: #fff } .socials--white .socials__link:hover .socials_svg { color: #ff652e } .subscribe__group { display: flex; border: 1px solid #222227 } .subscribe_button { width: 160px; border: 1px solid #fff; border-left: 1px solid #ff652e; color: #ff652e; position: relative; z-index: 1; right: 1px; cursor: pointer; transition: all .3s } .subscribe_button:focus { border: 1px solid #fff; border-left: 1px solid #ee490e } .subscribe_button:hover { color: #fff; background-color: #ee490e; border: 1px solid #fff } .subscribe--white .subscribe__group { border-color: #fff; border-radius: 8px; overflow: hidden } .subscribe__form { width: 390px; max-width: 100% } .subscribe--white input.subscribe_email, .subscribe--white input.subscribe_email::placeholder { color: #fff } .subscribe--white input.subscribe_email { padding-left: 16px } .subscribe--white .btn.subscribe_button { color: #eb4a21 !important; position: static } .subscribe--white input:valid:not(:placeholder-shown) { color: #fff; position: static } .subscribe--white input.subscribe_email::placeholder { color: #fff !important; opacity: .8 } .footer--orange { display: flex; flex-direction: row-reverse; justify-content: space-around; max-width: 1400px; flex-wrap: wrap } .footer--orange .subscribe, .footer--orange .socials { max-width: 50% } .footer--orange .subscribe { max-width: none } .footer--orange .subscribe form { display: flex; align-items: center; justify-content: center } .footer-section:last-child { padding: 0 20px } .footer-section:first-child { margin-top: 0 } .footer-section .content-container { padding: 48px 0 50px } .footer-section__menu { padding-left: 15px; padding-right: 15px } .footer-section-menu__list { padding: 0; margin: 0 } .footer-section-menu__item:before { display: none } .footer-section-menu__item--level1 { width: 25%; padding-right: 15px; float: left; margin: 0 } .footer-section-menu__item--level2 { margin-bottom: 9px } .footer-section-menu__link { text-decoration: none } .footer-section-menu__link--level1 { color: #222227; font-size: 16px; font-weight: bold; margin-bottom: 14px; display: block; text-transform: uppercase } .footer-section-menu__link--level2 { font-size: 14px; color: #222227 } .footer-section-menu__link--level2:hover { color: #ff652e } .footer-section__address-container { width: 25%; padding-left: 15px; padding-right: 15px; float: left } .footer-section-address-container__block { padding-bottom: 10px } .footer-section-address-container__title { color: #222227; font-size: 16px; font-weight: bold; margin-bottom: 6px; text-transform: uppercase } .footer-section-address-container__office { font-size: 15px; color: #222227; margin-top: 15px; margin-bottom: 10px; font-weight: bold } .footer-section-address-container__address { color: #222227; font-size: 14px } .footer-section-address-container__worktime { font-size: 14px; color: #222227; margin-bottom: 3px } .footer-section-address-container__link { color: #222227; position: relative; font-size: 15px; font-weight: bold } .footer-section-address-container__link:after { content: ''; position: relative; display: inline-block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 86.53846153846153% 80.2919708029197%; width: 17px; height: 21px; top: 5px } .email_link { color: #ff652e } .footer-section__contacts { width: 25%; padding-left: 15px; padding-right: 15px; float: left } .socials-block-adaptive .socials, .footer-section__contacts .socials { margin-bottom: 15px } .footer-section-contacts__title { color: #222227; font-size: 16px; font-weight: bold; margin-bottom: 14px; text-transform: uppercase } .footer-section__contacts a { color: #222227; font-size: 14px } .footer-section-contacts__worktime { margin: 14px 0; font-size: 14px; color: #222227 } .footer-section-contacts__email { color: #ee490e; margin-bottom: 40px; display: inline-block } .footer-section-contacts__link { padding-right: 76px; position: relative } .footer-section-contacts__link:after { content: ''; position: absolute; display: block; top: -1px; right: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") 0 0; width: 70px; height: 18px } .footer-section-contacts__phone a { color: #777; text-decoration: none } .text__content > div:after, .text-content > div:after, .text-content .gallery:after, .contacts__buttons:after, .contacts-form__row:after, .contacts-text-info__phones:after, .contacts-text-info__links:after, .contacts-text-info__skypes:after, .splitable-doors-tabs__menu:after, .feedback__items:after, .feedback-form__row:after, .news__list:after, .offers__list:after, .stores__gallery:after, .stores .stores-map__placemark:after { content: ''; display: block; clear: both } .text__button--all-actions, .text__button--all-feedback, .feedback__button--more, .news__button--more, .offers__button--more { color: #999; background-color: #fff; border-color: #ccc } .text__button--all-actions:hover, .text__button--all-feedback:hover, .feedback__button--more:hover, .news__button--more:hover, .offers__button--more:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .feedback__button--more { margin-left: 15px } .contacts__button { color: #fff; background-color: #ff652e; border-color: #ff652e } .contacts__button:hover { background-color: #ee490e; border-color: #ee490e } .text__date { color: #999; margin-bottom: 20px; font-size: 11px } .text__content { float: left; width: 100%; padding: 0 15px; margin-bottom: 30px } .text__content--no-padding { padding: 0 } .text__button--all-actions { margin: 36px 0 0; padding: 0 16px } .text__button--all-feedback { margin: 36px 0 0; padding: 0 16px } .text-content .table-wrapper { overflow: auto; margin-bottom: 1.1em } .text-content .table-wrapper:last-child { margin: 0 } .text-content .button { margin-bottom: 1.1em } .text-content h1 + h2, .text-content h1 + h3 { margin-top: 0 } .text-content h2 + h3 { margin-top: 0 } .text-content iframe { margin-bottom: 1.1em } .text-content iframe:last-child { margin: 0 } .text-content img { height: auto; min-width: 0 !important } .text-content > ul, .text-content .text__content > ul { display: inline-block } .text-content .slider { padding: 36px 0; display: flex; overflow: hidden } .text-content .slider.owl-loaded { display: block } .text-content .slider .owl-item { text-align: center } .text-content .slider .owl-prev, .text-content .slider .owl-next { top: 50%; margin-top: -13px } .text-content .slider .owl-prev { left: 0 } .text-content .slider .owl-next { right: 0 } .text-content .slider a { display: block } .text-content .slider img { display: inline-block; width: auto !important } .text-content .gallery { margin: 1.1em -15px; padding: 0 } .text-content .gallery li { vertical-align: top; width: 33.333%; padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 2.2em } .text-content .gallery li:before { display: none } .text-content .gallery li:nth-child(3n + 1) { clear: left } .contacts { padding: 20px 0 13px } .contacts__buttons { position: absolute; top: -82px; right: 15px } .contacts__button { padding: 0 17px; height: 40px; line-height: 38px; float: left; transition: background .25s linear } .contacts__button:not(:last-child) { margin-right: 15px } .contacts__button--master span { padding-left: 36px } .contacts__button--master span:before { content: ''; position: absolute; display: block; top: 6px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") 0 -20px; width: 26px; height: 26px } .contacts__button--address span { padding-left: 28px } .contacts__button--master { line-height: 1.3; height: max-content; } .checkbox input:checked ~ label .icon-tick { width: 14px; height: 14px; } .header-catalog-menu__image--left { width: 100px; float: unset !important; } .header-catalog-menu__item .header-catalog-menu__link--level2 { display: flex; flex-direction: column; align-items: center; } header-catalog-menu__image--left { width: 70px; } .contacts__button--address span:before { content: ''; position: absolute; display: block; top: 9px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") -72px 0; width: 16px; height: 20px } .contacts__form { width: 50%; padding-left: 15px; padding-right: 15px; float: left; min-height: 410px } .contacts__form .errortext { margin-top: 20px; display: block } .contacts-form__inner { max-width: 470px } .contacts-form__row { margin-top: 20px } .contacts-form__form-group--name { float: left; width: calc(40% - 15px) } .contacts-form__form-group--phone { width: calc(60% - 15px); float: right } .contacts-form__textarea { height: 90px } .contacts-form__comment { float: left; line-height: 40px } .contacts-form__button--submit { height: 40px; line-height: 38px; float: right; width: 170px } .contacts__text-info { width: 50%; padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 15px } .contacts-text-info__inner { max-width: 500px } .contacts-text-info__block { width: 50%; float: left; padding-right: 15px } .contacts-text-info__address { color: #333 } .contacts-text-info__address-link { font-size: 11px; position: relative; top: -6px } .contacts-text-info__phones { margin-top: 32px } .contacts-text-info__title { margin-bottom: 8px } .contacts-text-info__phone { color: #333; font: bold 16px/normal "Open Sans", sans-serif; margin-top: 6px } .contacts-text-info__phone a { color: #333; text-decoration: none } .contacts-text-info__links { margin-top: 32px } .contacts-text-info__skypes { margin-top: 32px } .contacts-text-info__skype { color: #12aae7; padding-left: 24px; position: relative; font: bold 16px/normal "Open Sans", sans-serif } .contacts-text-info__skype:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.png") -22px -48px; width: 18px; height: 18px; left: 0 } .contacts-text-info__comment { font-size: 12px; margin-top: 8px; max-width: 140px } .contacts-text-info__props { color: #333; margin-top: 48px } .contacts-text-info__props-title { font: bold 16px/normal "Open Sans", sans-serif; margin-bottom: 16px } .errorpage { text-align: center; color: #333; margin-top: 70px } .errorpage + .items-slider { padding-top: 8px } .errorpage__block { width: 714px; height: 354px; display: inline-block; margin-left: 85px; background-image: url('/local/templates/general/assets/css/../images/errorpage.jpg'); position: relative } .errorpage__inner { text-align: left; width: 236px; position: absolute; top: 74px; right: 48px } .errorpage__title { font: bold 30px/normal Roboto, sans-serif } .errorpage__text { margin-top: 12px } .splitable-doors__top { width: 100%; padding-left: 15px; padding-right: 15px; float: left } .splitable-doors__image { background-image: url('/local/templates/general/assets/css/../images/splitable-doors.jpg'); background-position: center; display: table; width: 70%; height: 170px; color: #fff; font: bold 24px/normal Roboto, sans-serif; border-top-left-radius: 3px; border-bottom-left-radius: 3px; float: left } .splitable-doors__image > div { display: table-cell; text-align: left; vertical-align: middle } .splitable-doors__main-title { margin-left: 20px; max-width: 280px } .splitable-doors__button-container { display: table; width: 30%; height: 170px; float: left; border-top-right-radius: 3px; border-bottom-right-radius: 3px; border: 2px solid #c5a063 } .splitable-doors__button-container > div { display: table-cell; text-align: center; vertical-align: middle } .product-price-submit__button--submit, .splitable-doors__button--catalog { height: 45px; font: 16px/43px "Open Sans", sans-serif } .splitable-doors__tabs { width: 100%; padding-left: 15px; padding-right: 15px; float: left; margin-top: 40px } .splitable-doors-tabs__menu { border-bottom: 1px solid #ccc } .splitable-doors-tabs-menu__item { border-top-left-radius: 3px; border-top-right-radius: 3px; color: #777; border: 1px solid #ccc; padding: 0 14px; line-height: 38px; float: left; display: block; border-bottom: 0; text-decoration: none } .splitable-doors-tabs-menu__item:not(:last-child) { margin-right: 10px } .splitable-doors-tabs-menu__item.active { color: #333; cursor: default; background-color: #f5f5f5 } .splitable-doors-tabs-menu__item:hover { color: #333 } .splitable-doors-tabs__content { padding-top: 40px } .splitable-doors-tabs__button--menu { display: none } .feedback { padding-bottom: 15px } .feedback .text__date { margin-bottom: 5px } .feedback .feedback__stars { margin-bottom: 20px } .feedback .errortext, .feedback .notetext { display: block; position: relative; padding: 0 15px; top: 40px } .feedback__items { margin: -15px -15px 15px; display: flex; flex-wrap: wrap } .feedback__items .feedback__stars { margin-bottom: 4px } .feedback__items .feedback__item { width: calc(33.33% - 30px); margin: 15px } .feedback__buttons { font-size: 0; text-align: center; margin: 0 -10px } .feedback__button { margin: 0 10px } .feedback__form { display: none } .feedback__form form { padding-top: 48px } .feedback-form__row--submit { padding: 30px 15px } .feedback-form__col--small { width: 33.333%; padding-left: 15px; padding-right: 15px; float: left } .feedback-form__col--large { width: 66.666%; padding-left: 15px; padding-right: 15px; float: left } .feedback-form__form-group--email { margin-top: 16px } .feedback-form__textarea { height: 186px } .feedback-form__comment { float: left; line-height: 40px } .feedback-form__button--submit { float: right; width: 170px; height: 40px; line-height: 38px } .news { padding-top: 24px } .text__content .news__list { padding: 0; margin: -15px -15px 10px } .news__list { padding: 0 15px } .news__item { float: left; padding: 15px; width: 25% } .news__item:first-child { width: 50%; height: 565px } .news__item:first-child .news__image { height: 100% } .news__item:first-child .news__text-container { position: absolute; bottom: 0; width: 100%; background-color: rgba(0, 158, 69, 0.85); padding: 18px 24px } .news__item:first-child .news__text { margin: 0; color: #fff } .news__item:nth-child(6) { clear: left } .news__inner { display: block; height: 100%; position: relative; color: #777; text-decoration: none } .news__inner:hover { color: #333 } .news__image { height: 170px; background-size: cover; background-position: center } .news__date { width: 60px; height: 60px; background-color: #6c6c6c; color: #fff; text-align: center; position: absolute; top: 0px; } .news__date-number { font: bold 21px/normal "Open Sans", sans-serif; display: block; padding-top: 8px } .news__text { font: 18px/24px "Open Sans", sans-serif; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; margin-top: 12px; height: 72px } .news__bottombar { text-align: center; padding: 15px 0 } .offers { padding-top: 24px } .offers__item { width: 65%; /*height: 297px;*/ margin: 0 auto 15px; } .offers__inner { height: 100%; background-size: cover; position: relative } .offers__bottombar { text-align: center; padding: 15px 0 } .offers__button--readmore { bottom: 30px; left: 30px; position: absolute; margin-bottom: -5px !important } .stores.stores__content { width: 100% } .stores__content { width: calc(100% - 200px); float: left; padding: 0 15px } .stores__map { height: 300px } .stores__item { display: flex; margin-top: 46px; width: 100%; padding-left: 15px; padding-right: 15px; } .stores__item:nth-child(2n + 1) { clear: left } .stores__address { color: #333; margin-left: 10px; margin-bottom: 2%; font-size: 17px; font-weight: 600; } .stores__address-link { position: relative; font-size: 11px; top: -6px; margin-left: 8px } .gallery_img_wrap { display: flex; } .stores__gallery { width: 66%; } .img_wrap { width:60%; } .stores__image-link { display: block; margin: 0 10px 10px; max-width: 120px; float: left; overflow: hidden } .stores__image { height: 85px; max-width: none !important } .stores__block { display: flex; flex-direction: column; margin: auto; } .stores__block__widget { display: flex; width: 33%; } .stores__block .wrap { padding-bottom: 5%; } .stores__title { margin-bottom: 8px } .stores__phone { font: bold 16px/24px "Open Sans", sans-serif; color: #333; padding-right: 15px } .stores__text { font: 16px/24px "Open Sans", sans-serif; color: #333 } .stores .ymaps-2-1-38-balloon { box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); width: 430px; border-radius: 3px } .stores .ymaps-2-1-38-balloon__layout { overflow: visible; padding: 36px } .stores .ymaps-2-1-38-balloon__tail { display: none } .stores .ymaps-2-1-38-svg-icon { background-image: url('/local/templates/general/assets/css/../images/sprites.svg'); background-position: 69.28104575163398% 36.090225563909776%; background-size: auto; width: 20px !important; height: 25px !important; margin-top: 11px } .stores .ymaps-2-1-38-balloon__close { top: 24px; left: -22px; right: auto } .stores .ymaps-2-1-38-balloon__close-button { background: url("/local/templates/general/assets/css/../images/sprites.svg") 48.46153846153846% 0; width: 43px; height: 55px; opacity: 1 } .stores .ymaps-2-1-38-balloon__content { padding: 0 } .stores .stores-map__placemark { font-size: 14px; color: #777 } .stores .stores-map__address { margin-bottom: 18px; width: 100%; float: left; color: #333 } .stores .stores-map__block { float: left; width: 50% } .stores .stores-map__title { margin-bottom: 8px } .stores .stores-map__phone { font: bold 16px/24px "Open Sans", sans-serif; color: #333; padding-right: 15px } .stores .stores-map__text { font: 16px/24px "Open Sans", sans-serif; color: #333 } .sale .content-container { padding-bottom: 0 } .sale .content-container:after { display: none } .index-slider .owl-dots:after, .index-slider-bottom__element:after, .index-title:after { content: ''; display: block; clear: both } .index-slider__bottom { display: inline-flex; flex-wrap: wrap; justify-content: space-around; width: 100% } .index-slider__bottom:before, .index-slider__bottom:after { content: ''; width: 100% } .index-slider__bottom:before { display: block } .index-slider__bottom:after { display: inline-block } .index-title__button { color: #999; background-color: #fff; border-color: #ccc } .index-title__button:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .index-slider { padding-top: 20px; overflow: hidden } .index-slider .content-container { padding: 0 15px } .index-slider__image { margin: 0; padding: 0; width: 100%; height: auto; object-fit: cover; object-position: left center; max-height: 100%; } .index-slider__button--link { position: absolute; bottom: 28%; left: 14.5%; padding: 0 21px; background: #f2f2f2; border: 1px solid #adabab; color: #323232 } .index-slider__item .button:hover { background: #adabab; color: #f2f2f2; border: 1px solid #adabab } .index-slider--akcii .index-slider__item { height: auto; align-items: flex-start; } .index-slider__item { position: relative; height: 390px; width: 100%; display: flex; overflow: hidden; border-radius: 8px } .index-slider__item:not(:first-child) { display: none } .index-slider .owl-prev, .index-slider .owl-next { top: 50%; margin-top: -13px } .index-slider .owl-prev { left: 29px } .index-slider .owl-next { right: 29px } .index-slider .owl-dots { display: block !important; position: absolute; bottom: 30px; left: 35px } .index-slider .owl-dot { width: 8px; height: 8px; border-radius: 50%; opacity: .25; background-color: #fff; float: left } .index-slider .owl-dot:not(:last-child) { margin-right: 10px } .index-slider .owl-dot.active { cursor: default; opacity: 1 } .index-slider__bottom { padding: 0 0 8px; margin: 20px 0 0 } .index-slider-bottom__element { vertical-align: top; display: inline-block; padding: 15px; text-align: left; width: 25% } .index-slider-bottom__element .tab-arrow { color: #ee490e; display: none } .index-slider-bottom__title { float: right; margin-top: 12px; font-size: 18px; font-weight: 700; width: calc(100% - 64px); color: #ff652e; white-space: nowrap } .index-slider-bottom__text { margin-top: 8px; width: calc(100% - 60px); margin-left: 60px; clear: both; font: 14px/20px "Open Sans", sans-serif } .index-slider-bottom__icon { width: 54px; height: 54px; margin-bottom: -10px; margin-right: 6px; float: left; background-position: center; background-repeat: no-repeat } .index-feedback { padding: 64px 0 36px } .index-feedback .container-gray__header { padding: 0 15px; margin-bottom: 32px } .index-feedback__slider { width: calc(100% - 30px); margin-left: 15px; display: flex } .index-feedback .owl-item .feedback__item { margin: 0 } .index-feedback .owl-prev, .index-feedback .owl-next { top: 50%; margin-top: -13px } .index-feedback .owl-prev { left: -33px } .index-feedback .owl-next { right: -33px } .index-title { margin-bottom: 15px; width: 100%; font: 36px/40px Roboto, sans-serif; color: #333; display: flex; align-items: center; justify-content: space-between } .index-title::after { display: none } .index-title__title { text-align: left; width: 75%; padding-right: 15px; float: left; font: 24px/28px Roboto, sans-serif; margin: 0; text-transform: uppercase; font-weight: 700; color: #000 } .line-through { position: relative; text-align: center } .title-through { background: linear-gradient(to left, #ffffff, #ffffff 10%, #ffffff 90%, #ffffff); font-size: 24px; line-height: 1.2; display: inline-block; padding: 10px 50px; position: relative; color: #222227; text-transform: uppercase; font-weight: bold } .title-through:hover { color: #ff652e } .index-title__button { height: 36px; float: right; line-height: 36px; color: #595959; font-weight: 700; text-transform: uppercase; padding: 0; border: 0 } .index-title__button.index-title__button { margin-bottom: 0 } .index-title__button.index-title__button:hover { color: #595959; opacity: .8; background: 0 } .index-brands { margin-bottom: 20px } .index-brands__slider { width: calc(100% - 30px); padding: 28px 0; margin-left: 15px } .index-brands__item { width: 170px; margin-right: 30px; float: left } .index-brands .owl-prev, .index-brands .owl-next { top: 50%; margin-top: -13px } .index-brands .owl-prev { left: -33px } .index-brands .owl-next { right: -33px } .index-brands .owl-item .index-brands__item { margin: 0; width: 100% } .index-brands__image { max-width: 170px; margin: 0 auto } .index-news { margin: 50px 15px; } .index-news .owl-stage-outer { width: 100% } .index-news .owl-stage { display: flex } .index-news .index-news__item { box-sizing: border-box; width: 100%; border: 4px solid #fff; border-radius: 8px; padding-bottom: 20px; overflow: hidden } .icon-star { width: 16px; height: 16px; color: #ff652e } .index-news__slider { display: flex } .index-news__item { width: 100%; background-color: #fff; display: flex; flex-direction: column } .index-news__item .index-news__link { margin-left: 20px; margin-right: 20px } .index-news .owl-prev, .index-news .owl-next { top: 50%; margin-top: -13px } .index-news .owl-prev { left: -33px } .index-news .owl-next { right: -33px } .index-news__date { font-size: 14px; line-height: 24px; color: #999; margin: 0 20px 7px } .index-news__title { margin: 0 20px; overflow: hidden; display: block } .index-news__title-link { display: block; text-decoration: none; font-size: 16px; line-height: 24px; text-transform: uppercase; font-weight: 700; color: #000 } .index-news__text { font-size: 14px; height: 38px; padding: 0; margin: 0 20px 10px } .index-news__link { display: inline-block; align-self: flex-start; background-color: #fff; color: #ee490e; font-size: 14px; border: 1px solid #ee490e; padding: 5px 20px; margin: auto auto 20px; transition: all .3s } .index-news__link:hover { background-color: #ee490e; color: #fff } .index-news__image-link { display: block; margin-bottom: 18px } .index-news__image.index-news__image { height: 180px; object-fit: unset; width: 100% !important; border-radius: 8px } @media screen and (max-width: 600px){ .index-news__image.index-news__image { height: 150px; } } .about { padding: 70px 0 69px } .about .index-title { padding: 0 } .about__inner { font-size: 16px; line-height: 24px; padding: 23px 0 0 } .about__image { width: 50%; height: auto; padding-left: 15px; padding-right: 15px; float: left } .about__text-content { padding-left: 15px; padding-right: 15px } .about__title { margin: 0 0 20px } .about__text { display: flex; width: 100%; color: #333 } .about__link { margin-top: 16px; padding-right: 5px; position: relative; display: inline-block; color: #ff562e; float: left; text-decoration: none; font-size: 12px; text-transform: uppercase; font-weight: bold; transition: transform .3s } .about__link:hover { transform: translateX(5px) } .about__link:before, .about__link:after { content: ''; position: absolute; display: block } .about__link:before { width: 18px; height: 18px; border-radius: 50%; background-color: #ff562e; top: 1px; left: 100% } .about__link:after { top: 2px; left: calc(100% + 4px); background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px } .catalog-categories__list:after, .filters-color-block__list:after, .filters-range__input-container:after, .catalog__topbar:after, .catalog__sort-links:after, .catalog__list:after { content: ''; display: block; clear: both } .catalog__button--more { color: #999; background-color: #fff; border-color: #ccc } .catalog__button--more:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .catalog-categories__text { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding-bottom: 32px; width: calc(100% - 30px); margin: 0 auto; border-bottom: 4px solid #f5f5f5 } .catalog-categories__text:last-child { padding: 20px 0 12px; border: 0; border-top: 4px solid #f5f5f5 } .catalog-categories__list { margin-top: 50px; padding: 0 } .catalog-categories__item { width: 25%; padding-left: 15px; padding-right: 15px; float: left; margin-bottom: 30px } .catalog-categories__item:before { display: none } .catalog-categories__link { color: #333; text-decoration: none } .catalog-categories__link:hover { color: #000 } .catalog-categories__link:hover .catalog-categories__image-container { border-width: 4px; padding: 0 } .catalog-categories__image-container { border-radius: 3px; display: table; width: 100%; height: 225px; padding: 3px; border: 1px solid #ccc } .catalog-categories__image-container > div { display: table-cell; text-align: center; vertical-align: middle } .catalog-categories__image { margin: 0; max-width: calc(100% - 0px); max-height: calc(100% - 22px) } .catalog-categories__title { margin-top: 14px; font-size: 18px; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; height: 38px; text-align: center } .filters__header { display: none } .filters__filters-close { display: none } .filters__filter { padding: 8px 0; border-bottom: 1px solid #ccc } .filters__filter--top { border-bottom: 0; padding-bottom: 4px; padding-top: 0 } .filters__filter:first-child { padding-top: 0 } .filters__filter:nth-last-child(2) { border: 0 } .filters__title { color: #333; padding: 7px 12px 8px 0; font: bold 14px/20px "Open Sans", sans-serif; display: block; cursor: default; position: relative } .filters__title .fa { position: absolute; right: 0; top: 10px } .filters__inner-content { padding: 12px 0 2px } .filters__checkbox { margin-bottom: 10px } .checkbox label { line-height: 20px } .checkbox label:before { top: 0; width: 20px; height: 20px; background-color: #fff } .checkbox input:checked + label { color: #ff652e; position: relative; z-index: 1 } .checkbox input:checked + label:before { background: 0 } .checkbox:hover label { color: #ff652e } .filters__check-list--large .checkbox { margin: 0 } .filters__check-list--large .checkbox:last-child label { margin-top: -1px } .filters__check-list--large .checkbox:hover label { color: #ff652e !important; border-color: #ff652e; opacity: .6; position: relative; z-index: 1 } .filters__check-list--large .checkbox label { padding: 0; line-height: 33px; z-index: 1; display: flex; align-items: flex-start } .filters__check-list--large .checkbox label:before { display: none } .filters__check-list--large .checkbox label:after { left: auto; top: 7px; right: 11px } .filters__check-list--large .checkbox input:checked { opacity: 1 } .filters__check-list--large .checkbox .checked_filter { order: -5; margin-left: 0; margin-right: 9px; margin-top: 7px; position: static } .filters__color-block { margin-bottom: 12px; position: relative } .checked_filter { display: inline-flex; width: 20px; height: 20px; position: relative; top: 3px; margin-left: 10px; color: #ff652e; border: 1px solid #b3b3b3; border-radius: 4px; padding: 1px } .icon-tick { transition: transform .3s; transform: scale(0) } .checkbox input:checked + label .checked_filter { border-color: #ff652e } .checkbox input:checked + label .icon-tick { transform: scale(1) } .checked_filter_params { position: absolute; left: 3px; top: 3px; width: 14px; height: 14px; display: inline-flex; transform: scale(0); transition: transform .3s } .checkbox input:checked + label .checked_filter_params { transform: scale(1) } .filters-color-block__toggler { position: relative; border-radius: 2px; width: 23px; height: 23px; display: block; background-size: 100% } .filters-color-block__toggler:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc } .filters-color-block__checkbox:before, .filters-color-block__toggler:before { content: ''; position: absolute; display: block; top: 50%; left: 50%; transform: translate(-13%, -25%) rotate(-45deg); transform-origin: left bottom; width: 16px; height: 8px; border-left: 2px solid #ff652e; border-bottom: 2px solid #ff652e; box-sizing: border-box; opacity: 0 } .filters-color-block__checkbox.has-checked:before, .filters-color-block__toggler.has-checked:before { opacity: 1 } .filters-color-block__checkbox.has-checked::after, .filters-color-block__toggler.has-checked::after { border-color: #ff652e } .filters-color-block__title { padding-right: 17px; position: absolute; top: -2px; left: 35px; white-space: nowrap; color: #777; line-height: 27px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .filters-color-block__title:before { content: ''; position: absolute; display: block; width: calc(100% - 17px); bottom: 6px; border-bottom: 1px dashed #777 } .filters-color-block__title:after { content: ''; position: absolute; display: block; top: 6px; right: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg) } .filters-color-block__title.active, .filters-color-block__title:hover { color: #333 } .filters-color-block__title.active:before, .filters-color-block__title:hover:before { border-color: #333 } .filters-color-block__title.active:after { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg) } .filters-color-block__inner { display: none } .filters-color-block__list { padding: 10px 0 10px 24px } .filters-color-block__checkbox { float: left; margin: 0 7px 7px 0; width: 23px; height: 23px; border-radius: 2px; display: block; background-size: 100% } .filters-color-block__checkbox:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc; z-index: -1 } .filters-color-block__checkbox label { padding: 0; width: 23px; height: 23px } .filters-color-block__checkbox label:before { display: none !important } .filters-color-block__checkbox label:after { top: 3px; left: 2px; background: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 62.98701298701299% 97.16312056737588%; width: 19px; height: 17px } .filters__button--submit { width: 100% } .filters-range__input-container { display: inline-block } .filters-range__label { width: 20px; float: left; margin: 0; line-height: 40px } .filters-range__input { float: left; width: 60px; font-weight: 600; height: 36px; position: relative; top: 2px; border: 1px solid #b3b3b3; border-radius: 8px } .filters-range__input.filters-range__input.filters-range__input:focus { border-color: #ff652e } .filters-range__slider { margin-bottom: 20px; padding: 0 6px; background-color: #e0e0e0; height: 4px; border-radius: 2px } .filters-range__slider .ui-slider { height: 100% } .filters-range__slider .ui-slider-handle { top: -6px; margin-left: -6px; width: 12px; height: 12px; border-radius: 50%; background-color: #ff652e; outline: 0; cursor: pointer; padding: 8px; background: no-repeat 50%; background-image: url("data:image/svg + xml;charset=utf-8,%3Csvgxmlns='http://www.w3.org/2000/svg'style='isolation:isolate'viewBox='802601211'width='12'height='11'%3E%3Cpathd='M80261.995c0-.948.992-1.9451.846-1.995-.023.0255.43905.4620.786.0161.364.4381.846.997q.023-.0252.8462.993v2.992q-2.8692.992-2.8462.992c-.529.635-.998.964-1.846.997.046.025-5.416.05-5.4620-.923-.025-1.823-.922-1.846-1.995.02300-6.9560-6.981z'fill='%23ff652e'/%3E%3C/svg%3E") } .filters-range__slider .ui-slider-handle:last-child { transform: rotate(180deg); top: -5px } .filters-range__slider .ui-slider-range { background-color: #ffc8b4 } .icon-list { width: 32px; height: 33px } .catalog .page-title-section { padding-top: 0 } .catalog__title { margin-bottom: 29px; padding: 0 15px } .catalog__filter-link { display: none } .catalog__sort-links { float: right } .catalog__sort-container { float: left; position: relative; margin-left: 40px } .catalog__sort-container:nth-child(2) { display: none } .catalog__sort-container:hover .catalog__sort-popup { top: 35px; opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0) } .catalog__sort-link { font: 12px/35px "Open Sans", sans-serif; color: #777; text-decoration: none; position: relative; display: inline-block; padding-right: 14px } .catalog__sort-link:before, .catalog__sort-link:after { content: ''; position: absolute; display: block } .catalog__sort-link:before { background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); top: 11px; right: 0; transition: transform .3s } .catalog__sort-link:after { width: calc(100% - 14px); bottom: 10px; left: 0; border-bottom: 1px dashed #777 } .catalog__sort-link:hover::before { transform: rotate(-90deg) } .catalog__sort-popup { top: -9999px; position: absolute; right: -10px; opacity: 0; z-index: 100; -webkit-transform: translateY(-12px); -ms-transform: translateY(-12px); transform: translateY(-12px); box-shadow: 0 8px 20px 0 rgba(0, 0, 0, 0.1); transition: transform .25s linear, opacity .25s linear } .browser-safari .catalog__sort-popup { transition: opacity .25s linear } .catalog-sort-popup__list { padding: 0; background-color: #fff; border: 1px solid #ccc; border-radius: 3px; position: relative } .catalog-sort-popup__list:before { content: ''; position: absolute; display: block; top: -5px; right: 9px; border-color: transparent transparent #ccc transparent; border-style: solid; border-width: 0 5px 5px 5px } .catalog-sort-popup__list:after { content: ''; position: absolute; display: block; top: -4px; right: 10px; border-color: transparent transparent #fff transparent; border-style: solid; border-width: 0 4px 4px 4px } .catalog-sort-popup__item { margin: 0 } .catalog-sort-popup__item:first-child a { border-top-left-radius: 3px; border-top-right-radius: 3px } .catalog-sort-popup__item:last-child a { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .catalog-sort-popup__item:not(:last-child) { border-bottom: 1px solid #ccc } .catalog-sort-popup__item:before { display: none } .catalog-sort-popup__link { white-space: nowrap; padding: 9px 12px; display: block; color: #777; text-decoration: none } .catalog-sort-popup__link:hover { color: #333; background-color: #f5f5f5 } .catalog__content { width: 83%; padding-left: 15px; padding-right: 15px; float: left } .catalog .catalog-item { margin-bottom: 36px } .items-slider .catalog-item { margin-bottom: 0 } .catalog--main .catalog-item { width: 25%; height: 500px !important; } .items-slider .catalog-item { width: 100%; padding-left: 53px } .catalog--main .catalog-item:nth-child(4n + 1) { clear: left } .catalog--main .catalog-item:hover { z-index: 20 } .catalog--main .catalog-item:hover .catalog-item__bg { display: block } .catalog--main .catalog-item:hover .catalog-item__aside { top: 0; left: 275px; } .catalog--main .catalog-item.right-item:hover .catalog-item__aside { left:-140px; } .catalog--main .catalog-item:hover .catalog-item__bottom { display: block; justify-content: center } .catalog--main .catalog-item:hover .catalog-item__bg_small .catalog-item__bottom { flex-direction: column } .catalog--main .catalog-item:hover .catalog-item__bg_small .catalog-item__bottom .one-click-buy { width: 100%; max-width: 150px; padding: 0 10px; } .catalog--main .catalog-item:hover .catalog-item__bg_small .catalog-item__bottom a { width: 100%; max-width: 150px; display: block; margin-top: 10px } .catalog--search .catalog__content { width: 100% } .catalog--search .catalog-item { width: 20% } .catalog--search .catalog-item:nth-child(5n + 1) { clear: left } .catalog__list { overflow: visible } .catalog--search ~ .catalog__list .catalog__content { width: 100% } .catalog__search ~ .catalog__list { text-align: center } .catalog--search ~ .catalog__list .catalog-item { width: 20% } .catalog--search ~ .catalog__list .catalog-item:nth-child(5n + 1) { clear: left } .catalog--search ~ .catalog__list .catalog-item:nth-child(4n + 1) { clear: none } .catalog--floor .catalog-item { width: 33.333% } .catalog--floor .catalog-item:nth-child(4n + 1) { clear: none } .catalog--floor .catalog-item:nth-child(3n + 1) { clear: left } .catalog--floor .catalog-item__image-container { width: 100% } .catalog__bottombar { text-align: center } .catalog-text__columns { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-gap: 30px; -moz-column-gap: 30px; column-gap: 30px; padding: 36px 15px 12px; border-top: 4px solid #f5f5f5 } .catalog-text__descr { margin: 20px 0 } .catalog__search-header { font: 36px/normal Roboto, sans-serif; text-align: center; padding-top: 24px; margin-bottom: 12px } .catalog__search-value { color: #333; text-align: center } .catalog__search { width: 600px; margin: 26px auto 40px; padding-left: 15px; padding-right: 15px; height: 40px } .catalog--search.catalog-search-nothing-found { text-align: center } .catalog-search__input { float: left; width: calc(100% - 100px); height: 40px; border: 1px solid #ff652e } .catalog-search__button--submit { float: right; width: 100px; height: 40px } .product-gallery__inner { display: flex } .product-top__topbar:after, .product-top__left:after, .product-top__right:after, .product__view-links:after, .product-view-links__inner:after, .product__gallery:after, .product-gallery__inner:after, .product__filter:after, .product-filter__door-type:after, .product-filter-color__inner:after, .product-filter-price-tabs__discount:after, .product-filter-complect__row:after, .product-info-parameters__item:after, .product-price__inner:after, .product-price__colors:after { content: ''; display: block; clear: both } .product-filter__footer { display: flex; align-items: center; justify-content: center } .product-top { padding-bottom: 33px } .product-top__title-container { width: 100%; padding-left: 12px; padding-right: 15px } .product-top__title-inner { display: table } .product-top__title-row { display: table-row } .product-top__title-row .product-top__instore { display: none } .product-top__title { font: 30px/34px Roboto, sans-serif; font-weight: 700; display: table-cell; vertical-align: top; margin: 0 } .product-top__badge-container { position: absolute; top: 22px } .product-top__badge-container .catalog-item__label:not(:last-child) { margin-right: 0; margin-bottom: 5px } .product-top__badge { border-radius: 3px; font: 12px/20px "Open Sans", sans-serif; float: left; padding: 0 8px; margin-bottom: 10px; color: #fff } .product-top__badge:not(:last-child) { margin-right: 10px } .product-top__badge--new { background-color: #ff652e } .product-top__badge--discount { background-color: #ee490e } .product-top__badge--hit { background-color: #40404b } .product-top__number { display: none !important; margin-top: 4px; font-size: 12px } .product-top__topbar { width: 50%; padding-left: 15px; padding-right: 15px; float: left } .product-top__button--type { float: left; padding: 0 12px; height: 40px; line-height: 38px; color: #595959; border-color: #ccc; background-color: transparent; margin-bottom: 12px } .product-top__button--type span:before, .product-top__button--type span:after { content: ''; position: absolute; display: block; top: 9px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 57.5% 59.42028985507246%; width: 13px; height: 20px; transition: opacity .25s linear } .product-top__button--type span:after { opacity: 0 } .product-top__button--type.active, .product-top__button--type:hover { color: #000; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e; background-color: transparent } .product-top__button--type.active span:before, .product-top__button--type:hover span:before { opacity: 0 } .product-top__button--type.active span:after, .product-top__button--type:hover span:after { opacity: 1 } .product-top__button--type.active { cursor: default } .product-top__button--single { margin-right: 12px } .product-top__button--single span { padding-left: 18px } .product-top__button--single span:after { background-position: 57.5% 39.85507246376812% } .product-top__button--double span { padding-left: 28px } .product-top__button--double span:before { background-position: 90% 65.21739130434783%; width: 23px; height: 20px } .product-top__button--double span:after { background-position: 90% 34.05797101449275%; width: 23px; height: 20px } .product-top__left { float: left } .product-top__instore { margin-bottom: 15px } .product-top__availability { padding-left: 36px; position: relative; line-height: 40px } .product-top__availability_not.offers-show, .product-top__availability.offers-show { display: inline-block } .product-top__availability:before, .product-top__availability:after { content: ''; position: absolute; display: block } .product-top__availability:before { top: 7px; left: 0; width: 25px; height: 25px; border-radius: 50%; background-color: #ccc } .product-top__availability:after { top: 11px; left: 4px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 68.38709677419355% 85.21126760563381%; width: 18px; height: 16px } .product-top__availability--order { color: #ee490e } .product-top__availability--order:before { background-color: #ee490e } .product-top__compare { padding-left: 38px; margin-left: 21px; color: #777; line-height: 40px; position: relative; text-decoration: none } .product-top__compare.offers-show { display: inline-block } .product-top__compare:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 63.07692307692308%; width: 29px; height: 28px; top: 5px; left: 0 } .product-top__compare[style*='display: block;'] { display: inline-block !important } .product-top__compare.active { color: #ff652e } .product-top__compare.active:before { background-position: 73.61111111111111% 0 } .product-top__compare.active .product-top-compare__text:after { border-color: #ff652e } .product-top__compare.active .product-top-compare__text--active { display: inline } .product-top__compare.active .product-top-compare__text--default { display: none } .product-top-compare__text { position: relative } .product-top-compare__text:after { content: ''; position: absolute; display: block; width: 100%; bottom: -1px; border-bottom: 1px solid #777; transition: all .25s linear } .product-top-compare__text--active { display: none } .product-preview { height: 635px; background-position: center; background-repeat: no-repeat; margin-bottom: 26px } .product-preview__door-container { position: absolute; width: 462px; bottom: 70px; left: 50%; margin-left: -496px } .product-preview__door-image { margin: 0 auto; display: block } .product_img .product-preview__door-image { width: 100%; max-height: 100%; max-width: fit-content; object-fit: contain } .product-preview__door-image-small { display: none } .product__title { font-size: 22px; line-height: 40px; margin-bottom: 14px } .product__view-links { padding: 10px 15px 8px; display: inline-block; background-color: #fff; z-index: 1; right: 0; position: absolute; box-shadow: 0 2px 7px 1px #00000050 } .product-view-links__inner { margin-left: -15px; overflow: hidden } .product-view-links__link { width: 100px; float: left; margin: 0 15px 20px 15px; color: #333; position: relative } .product-view-links__link:hover { color: #000 } .product-view-links__link:nth-child(4n + 1) { clear: left } .product-view-links__link.active { cursor: default; color: #000 } .product-view-links__link.active .product-view-links__image:before { content: ''; position: absolute; display: block; width: 100%; height: 70px; border: 2px solid #e0e0e0 } .product-view-links__link.active .product-view-links__image:after { content: ''; position: absolute; display: block; width: 96px; height: 66px; top: 2px; left: 2px; border: 2px solid #fff } .product-view-links__image { width: 100px; height: 70px; background-size: cover } .product-view-links__hidden { position: absolute; top: -9999px } .product-view-links__title { margin-top: 6px; display: block } .product-title__toggler { color: #333 } .owl-item.active ~ .owl-item.active .product-gallery__link::after { box-shadow: none } .owl-item.active .product-gallery__link::after { position: absolute; border-radius: 8px; top: 0; left: 0; bottom: 0; right: 0; content: ''; box-shadow: inset 0 0 0 2px #ff652e } .product-gallery__link { position: relative; width: 70px; height: 70px; border-radius: 8px; overflow: hidden; text-decoration: none; display: flex } .product-gallery__image { max-width: 70px; max-height: 70px } .product_video { width: 75px; left: 14px; padding: 10px; position: absolute; top: -661px; right: 0; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; text-align: center } .product_video .video_link { color: black; text-decoration: none; display: flex; align-items: center; width: 200px } .product_video:hover .video_img { -webkit-animation: pulse 1s ease 0s infinite normal; -o-animation: pulse 1s ease 0s infinite normal; -moz-animation: pulse 1s ease 0s infinite normal; animation: pulse 1s ease 0s infinite normal } .product_video:hover .video_link { text-decoration: underline } .product_video .video_link { color: black; text-decoration: none } .video_img { display: inline-block; width: 50px; height: 50px; margin-right: 10px; transition: opacity .25s linear; -moz-box-shadow: 2px 1px 4px 4px rgba(10, 10, 0, .5); -webkit-box-shadow: 2px 1px 4px 4px rgba(10, 10, 0, .5); -o-box-shadow: 2px 1px 4px 4px rgba(10, 10, 0, .5); box-shadow: 2px 1px 6px 4px rgba(10, 10, 0, .5); border-radius: 50%; -webkit-animation: bump 3s linear infinite normal; -o-animation: bump 3s linear infinite normal; -moz-animation: bump 3s linear infinite normal; animation: bump 3s linear infinite normal; top: 0; position: relative } @-webkit-keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @-o-keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @-moz-keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @keyframes pulse { 0% { -webkit-transform: scale(1) rotate(0deg) } 50% { -webkit-transform: scale(1.1) rotate(-5deg) } 100% { -webkit-transform: scale(1) rotate(0deg) } } @-webkit-keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } @-o-keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } @-moz-keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } @keyframes bump { 0% { top: 0 } 5% { top: 3px } 10% { top: 0 } 100% { top: 0 } } .product_view { display: flex; justify-content: space-between; flex-wrap: wrap; margin-bottom: 45px } .product_view > div { padding: 0 10px; max-width: 500px } .product_img { width: 35%; position: relative } .product_params { width: 35% } .product_order { width: 30% } .product-center__footer { padding-top: 20px; clear: both } .product-center__footer-row { display: flex; align-items: center; margin-bottom: 5px } .product-center__hidden-block { margin-top: 20px; margin-bottom: 5px } .product-center__footer-row .icon--info { margin-left: 8px; margin-bottom: -4px } .product-filter__select-container .product_params__footer { padding-top: 3px } .product-center__footer a:last-child { margin-right: 0 } .product_params_top .product_params__title { margin-top: 0 } .product_params__title { font-size: 14px; font-weight: 600; color: #000; margin-bottom: 12px; margin-top: 20px } .product_params__descr { font-size: 14px; line-height: 24px; color: #000; margin: 6px 0 26px } .fade-block { position: relative } .fade-block__toggler { display: inline-block; cursor: pointer; transition-duration: 300ms } .fade-block__toggler:hover { opacity: .8 } .fade-block__toggler--close { position: relative; width: 22px; height: 22px } .fade-block__toggler--close::before, .fade-block__toggler--close::after { content: ''; display: block; position: absolute; width: 100%; height: 2px; background-color: currentColor; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg) } .fade-block__toggler--close::after { transform: translate(-50%, -50%) rotate(45deg) } .fade-block__content { position: absolute; top: 50%; left: 50%; z-index: 10; display: none; box-sizing: border-box; transform: translate(-50%, -50%) } .fade-block__content .about__text--flex { display: flex; } .fade-block__content .about__text { padding: 58px 32px 47px; width: 896px; max-width: 100% } .fade-block__content .about__inner { padding: 0; font-size: 14px; line-height: 24px; color: #000 } .fade-block__content .about__image { margin-bottom: 0; margin-right: 28px; padding: 0 } .fade-block__content .about__image--slider { width: 30%; flex-shrink: 0; } .fade-block__content .about__image--slider img { width: 100%; } .fade-block--popup .fade-block__toggler--close { position: absolute; top: 15px; right: 15px } .fade-block--popup .fade-block__content { position: fixed; overflow-y: auto; z-index: 100; max-width: calc(100% - 30px); max-height: calc(100% - 180px); background: #fff; box-shadow: 0 0 16px rgba(0, 0, 0, 0.12); border-radius: 8px } .sku-wrapper { margin-bottom: -7px } .product__filter { width: 50%; padding: 30px 30px 20px; background-color: #fff; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .product__filter .tooltip { padding: 17px 22px; text-align: left; line-height: 16px; margin-left: 0 } .product-filter__label { margin: 0 8px 0 0; color: #333; line-height: 40px; vertical-align: top; display: block } .product-filter__select-container { float: left; width: 100% } .filter__select-box { display: flex; flex-wrap: wrap } .product-filter__select-container--second { float: right } .product-filter__select-container--second + .product-filter__color { clear: left } .product-filter__door-type { width: 100%; float: left } .product-filter__type { display: inline-block; border: 1px solid #ccc; padding: 7px 15px; margin-bottom: 5px; color: #595959; line-height: 24px; border-radius: 8px; float: left; position: relative } .product-filter__type:not(:last-child) { margin-right: 12px } .product-filter__type:hover, .product-filter__type.active { position: relative; z-index: 1; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e } .product-filter__type.active { cursor: default } .product-filter__type--left { padding-left: 47px } .product-filter__type--right:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 72.10884353741497% 20.28985507246377%; width: 26px; height: 20px; top: 10px; left: 13px } .product-filter__type--right { padding-left: 47px } .product-filter__type--left:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 72.10884353741497% 20.28985507246377%; width: 26px; height: 20px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); top: 10px; left: 13px } .product-filter__door-open-side { float: left; width: 100%; margin-top: 20px } .product-filter__color { float: left; width: 50% } /* .product-filter__color--second { padding-left: 30px } */ .product-filter__color--second + .product-filter__color { clear: left } .product-filter-color__title { color: #333 } .product-filter-color__inner { margin: -6px; width: calc(100% + 12px) } .tooltip1 { float: left } .product-filter-color__link { margin: 6px; width: 40px; height: 40px; display: flex; justify-content: center; align-items: center; border-radius: 8px; position: relative; background-size: 100%; border: 1px solid #ccc; transition: .25s linear } .product-filter-color__link img { margin-bottom: 0; width: 32px; height: 32px; border-radius: 6px } .product-filter-color__link:hover, .product-filter-color__link.active { position: relative; z-index: 1; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e } .product-filter-color__link.active { cursor: default } .product-filter__price { width: 100%; float: left; margin-bottom: 17px } .product-filter-price__title { color: #333 } .product-filter-price__base { color: #ee490e; margin-top: 6px; font-size: 12px } .product-filter-price__number { white-space: nowrap; text-decoration: line-through } .product-filter-price__badge { background-color: #ee490e; color: #fff; padding: 0 5px; line-height: 20px; border-radius: 3px; display: inline-block; margin-left: 7px } .product-filter__price-tabs { width: 100%; flex-wrap: wrap; margin: 10px 0 20px; box-sizing: border-box } .product-filter-price-tabs__tab { width: 100%; padding: 10px 16px; transition: background .25s linear; border: 1px solid #ccc; box-sizing: border-box; cursor: pointer; padding-left: 29px; } .product-filter-price-tabs__tab:first-child { border-radius: 8px; margin-bottom: 8px; text-align: center; } .product-filter-price-tabs__tab + .product-filter-price-tabs__tab { border-radius: 8px; } .product-filter-price-tabs__tab.active { cursor: default; box-shadow: inset 0 0 0 1px #ff562e; border-color: #ff562e; position: relative; z-index: 2 } .product-filter-price-tabs__tab:hover { box-shadow: inset 0 0 0 1px #ff562e; border-color: #ff562e } .product-filter-price-tabs__tab:hover .tooltip { bottom: calc(100% + 16px) !important } .product-filter-price-tabs__tab .tooltip { left: 0; width: 100% } .product-filter-price-tabs__tab .tooltip:after { left: 15px } .product-filter-price-tabs__title { font-size: 14px; color: #999 } .product-filter-price-tabs__discount { font: 700 16px/22px "Open Sans", sans-serif; white-space: nowrap; color: #000 } .product-filter-price-tabs__price--old { color: #777; font-size: 11px; font-weight: normal; position: relative; top: 5px; margin-left: 5px } .product-filter-price-tabs__number { white-space: nowrap; text-decoration: line-through } .product-filter-price-tabs__badge { background-color: #ee490e; color: #fff; padding: 0 5px; line-height: 20px; border-radius: 3px; display: inline-block; margin-left: 7px } .product-filter-price-tabs__tab-wrap .fade-block__toggler { position: absolute; top: 7px; right: 9px; z-index: 2; } .product-filter-price-tabs__tab-wrap { position: relative; } .open-accordion .product-filter-price-tabs__configure.product-filter-price-tabs__configure::before { transform: rotate(135deg); } .product-filter-price-tabs__configure.product-filter-price-tabs__configure::before { transition-duration: 300ms; width: 6px; height: 6px; border-left: 1px solid #000; border-bottom: 1px solid #000; transform: rotate(-45deg); position: static; } .product-filter-price-tabs__configure.product-filter-price-tabs__configure:hover { opacity: .7; } .product-filter-price-tabs__configure.product-filter-price-tabs__configure { transition-duration: 300ms; position: absolute; z-index: 2; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; left: 30px; top: 9px; } .product-filter-price-tabs__configure-text { font: 14px/1.2em Arial, Helvetica, sans-serif; font-weight: 700; line-height: 14px; transition: all .25s linear } .product-filter-price-tabs__configure:before { content: ''; position: absolute; display: block; top: -2px; right: -1px; width: 14px; height: 14px; font-size: 20px } .product-filter__complect { border-left: 1px solid #ccc; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; display: none; position: relative; text-align: left; margin-top: -13px; padding-top: 10px; padding-left: 14px; padding-right: 5px; margin-bottom: 5px; border-radius: 0 0 8px 8px; } .product-filter-complect__inner::-webkit-scrollbar { background-color: #f5f5f5; width: 6px } .product-filter-complect__inner::-webkit-scrollbar-thumb { width: 6px; background-color: #ccc; border-radius: 6px; } .product-filter-complect__inner { overflow-y: auto; overflow-x: hidden; max-height: 300px } .product-filter-complect__inner.offers-show { height: auto !important } .product-filter-complect__table { border: 0; width: 100% } .product-filter-complect__cell { border: 0; vertical-align: top } .product-filter-complect__cell--title { padding: 11px 15px 6px 0; font-size: 12px; color: #000 } .product-filter-complect__cell--price { padding: 11px 0; white-space: nowrap; text-align: right } .product-filter-complect__cell--quantity { padding: 3px 3px 3px 15px } .product-filter-complect__cell--quantity .quantity__input { font-size: 14px } .product-filter-complect__cell--quantity .simple-quantity { box-shadow: none; line-height: 20px; height: auto; padding: 8px 0; color: #000 } .product-filter-complect__cell .quantity__container { width: 90px; float: right } .product-filter-complect__cell .quantity__button { width: 29px } .product-filter-complect__cell .quantity__input { width: 30px } .product-filter__submit { padding: 31px 24px 30px; width: 100%; float: left; position: relative; box-shadow: 0 0 12px rgba(0, 0, 0, 0.12); border-radius: 8px } .product__price .button { float: right } .product__price .button, .product-filter__submit .button { font-size: 16px; line-height: 43px; height: 45px } .product-filter__submit .button svg { margin-right: 0; margin-left: 8px } .product-filter__submit .popup-link { font-size: 16px } .product-filter__submit .popup-link svg { margin-right: 0; margin-left: 10px } .product-filter__price-block { display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px } .product-filter-price__discount, .product-filter-submit__prices { font: bold 22px/24px "Open Sans", sans-serif; color: #000 } .product-filter-submit__price { display: block } .product-filter-price-tabs__base, .product-filter-submit__price--old { color: #595959; font-size: 15px; line-height: 24px; text-decoration: line-through; font-weight: 400 } .product-filter-submit__quantity { text-align: center } .product-filter-submit__button--submit { width: 100%; font-size: 16px; height: 40px; line-height: 40px } .product-filter-submit__button--submit .icon-small-cart { margin-bottom: -5px; width: 22px; height: 22px; color: currentColor } .product-filter-submit__button--submit:hover .tooltip { bottom: calc(100% + 17px) !important; left: 0 } .product-filter-submit__button--submit .tooltip { left: auto; right: 0; width: 340px } .product-filter-submit__button--submit .tooltip:after { left: auto; right: 11px } .product__buttons { margin-top: 26px; float: left; width: calc(100% - 30px); border-top: 3px solid #f5f5f5; padding: 20px 0 } .product-buttons__button { height: 45px; font: 16px/43px "Open Sans", sans-serif; float: left } .product-buttons__button:not(:last-child) { margin-right: 20px } .popup--measure { border-bottom: 3px solid #f5f5f5; padding-bottom: 20px; margin-bottom: 20px } .product-buttons__button--measurement { color: #000; display: inline-flex; align-items: center; font-weight: 600 } .product-buttons__button--measurement .icon { position: relative; width: 24px; height: 24px; margin-right: 8px; color: #ed4919 } .product_order { margin-bottom: 30px } .description__title { font-size: 22px; line-height: 40px } .description__subtitle { font-size: 14px; font-weight: bold; margin-bottom: 10px } .description__text { font-size: 14px } .description__text--gray { color: #7d7d7d } .description__subtext { font-size: 14px; color: #7d7d7d; padding: 10px 20px; border-left: 2px solid #ffc8b4 } .description__link { font-size: 14px } .product-buttons__button--consulting span { padding-left: 35px } .product-buttons__button--consulting span:before { content: ''; position: absolute; display: block; top: 19px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") -28px -20px; width: 20px; height: 21px } .product-buttons__button--splitable-door { border-top-right-radius: 0; border-bottom-right-radius: 0; margin-right: 0 !important } .product-buttons__button--splitable-door .icon { width: 54px; float: left; height: 57px; background-color: #ff652e; position: relative; margin-right: 10px } .product-buttons__button--splitable-door .icon:before { content: ''; position: absolute; display: block; top: 18px; left: 16px; background: url("/local/templates/general/assets/css/../images/sprites.png") 0 -48px; width: 20px; height: 20px } .splitable-door { line-height: 30px; font-weight: bold; display: block } .what-splitable-door { color: #222227; line-height: 26px } .product-buttons__button--splitable-door-view { border-top-left-radius: 0; border-bottom-left-radius: 0; text-decoration: underline; background: #fff !important; border: 2px solid #ff652e !important; border-left: none !important; color: #ff652e !important; font-size: 14px } .product__info { padding: 26px 0 30px; float: left; width: 100% } .product__info:after { content: ''; position: absolute; display: block; width: calc(100% - 30px); bottom: 0; left: 15px; border-bottom: 4px solid #f5f5f5 } .product-info__description { width: 50%; max-width: 500px; float: left; padding: 0 15px } .product-info__text { margin-top: 24px } .product-info__parameters { width: 50%; float: right; padding: 0 15px } .product-info-parameters__list { padding: 0; column-count: 2; column-gap: 32px; } .product-info-parameters__item { padding: 10px 0; margin: 0; display: inline-block; vertical-align: top; width: 100%; } .product-info-parameters__item { border-bottom: 3px solid #f5f5f5 } .product-info-parameters__item:before { display: none } .product-info-parameters__key { width: 200px; float: left; padding-right: 12px; } .product-info-parameters__value { width: calc(100% - 200px); float: left; font-weight: 400; } .product__gallery-large { width: 50%; padding-left: 15px; padding-right: 15px; float: left } .product-gallery-large__inner { float: left; width: 370px; height: 370px; position: relative } .product-gallery-large__container { display: table; width: 100%; height: 100% } .product-gallery-large__container > div { display: table-cell; text-align: center; vertical-align: middle } .product-gallery-large__container--top { position: absolute; top: 0; left: 0 } .product-gallery-large__previews { float: left; margin-left: 30px; width: 70px } .product-gallery-large-previews__item { display: table; width: 70px; height: 70px } .product-gallery-large-previews__item > div { display: table-cell; text-align: center; vertical-align: middle } .product-gallery-large-previews__item:not(:last-child) { margin-bottom: 30px } .product-gallery-large-previews__item.active { position: relative; cursor: default } .product-gallery-large-previews__item.active:before, .product-gallery-large-previews__item.active:after { content: ''; position: absolute; display: block } .product-gallery-large-previews__item.active:before { width: 70px; height: 70px; border: 2px solid #ccc } .product-gallery-large-previews__item.active:after { width: 66px; height: 66px; top: 2px; left: 2px; border: 2px solid #fff } .product-gallery-large-previews__image { display: block; max-width: 66px; max-height: 66px } .product__price { width: 50%; padding-left: 15px; padding-right: 15px; float: left } .product__price .tooltip { padding: 17px 22px; text-align: left; line-height: 16px; margin-left: 0 } .product-price__inner { border: 1px solid #e0e0e0; border-radius: 8px; padding: 2px 30px 20px } .product-price__block { width: 33%; float: left; margin-top: 28px; position: relative } .product-price__block:nth-child(3n + 1) { clear: left } .product-price__block.product-price__block--small + .product-price__block:not(.catalog-item-price__base) { clear: left } .product-price__block.product-price__block--small + .product-price__block:not(.catalog-item-price__base) + .product-price__block--area { clear: none } .product-price__block.product-price__block--small + .product-price__block:not(.catalog-item-price__base) + .product-price__block--area { clear: none } .product-price__block--area { color: #333; line-height: 40px } .product-price__block--area:before { color: #777; content: 'или'; position: absolute; bottom: 0; left: -50%; margin-left: 50px } .product-price__title { color: #333; margin-bottom: 10px; line-height: 1.4em; display: block } .product-price__discount { margin-top: 4px; color: #ff652e; font: bold 18px/normal "Open Sans", sans-serif; white-space: nowrap } .product-price__base { color: #ee490e; margin-top: 6px; font-size: 12px } .product-price__number { white-space: nowrap; text-decoration: line-through } .product-price__badge { background-color: #ee490e; color: #fff; padding: 0 5px; line-height: 20px; border-radius: 3px; display: inline-block; margin-left: 7px } .product-price__colors { margin: 12px -6px 0 } .product-price__color-link { width: 33px; height: 33px; border-radius: 2px; position: relative; display: block; float: left; margin: 0 6px 8px 6px; background-size: 100%; transition: none } .product-price__color-link:after { content: ''; position: absolute; display: block; width: 37px; height: 37px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc; transition: border-color .25s linear } .product-price__color-link.active { width: 31px; height: 31px; margin: 1px 7px 9px 7px; cursor: default } .product-price__color-link.active:after { width: 39px; height: 39px; border-width: 2px; top: -4px; left: -4px; border-radius: 5px; border-color: #ccc !important } .product-price__color-link:hover:after { border-color: #999 } .product-price__quantity .quantity__container { width: 116px } .product-price__quantity .quantity__button { width: 38px; height: 38px; line-height: 38px } .product-price__quantity .quantity__button--minus { line-height: 34px } .product-price__quantity .quantity__input { height: 38px } .product-price__submit { width: 100%; margin-top: 20px; float: left; padding-top: 20px; position: relative } .product-price__submit:before { content: ''; position: absolute; display: block; width: calc(100% + 60px); top: 0; left: -30px; border-top: 1px solid #e0e0e0 } .product-price-submit__price { font: bold 18px/35px "Open Sans", sans-serif; width: 50%; color: #ff652e; float: left; white-space: nowrap } .product-price-submit__button--submit { float: right } .product-price-submit__button--submit:hover .tooltip { bottom: calc(100% + 17px) !important } .product-price-submit__button--submit:hover .tooltip { left: auto; right: 0; width: 340px } .product-price-submit__button--submit:hover .tooltip:after { left: auto; right: 11px } .product-price__input--area { width: 80px; height: 40px; margin-right: 8px; display: inline-block } .product__button--consulting { margin: 30px 15px 8px; border: 1px solid #e0e0e0; background: #fff !important; color: #333 !important; width: 214px; height: 45px; font: 16px/43px "Open Sans", sans-serif } .product__button--consulting:hover { border-color: #999 } .product__button--consulting span { padding-left: 20px } .product__button--consulting span:before { content: ''; position: absolute; display: block; top: 13px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.png") -50px -20px; width: 20px; height: 21px } .cart-table__item-parameters:after, .cart__table-bottom:after, .cart-table-bottom__sum:after, .cart__cart-bottom:after { content: ''; display: block; clear: both } .cart-topbar__button { margin-top: 20px; margin-bottom: 20px } .cart-topbar__button--clear-button { color: #999; background-color: #fff; border-color: #ccc } .cart-topbar__button--clear-button:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .cart__form { padding: 12px 15px 0 } .cart__topbar { position: absolute; top: -70px; right: 0 } .cart-topbar__button--clear-button { padding: 0 18px } .cart-topbar__button--clear-button span { padding-left: 26px } .cart-topbar__button--clear-button span:before { content: '×'; position: absolute; left: 0; font-size: 30px } .cart__table { border: 0; margin: 0; width: 100% } .cart-table__header-cell { border: 0; padding: 9px 15px; color: #999; font-weight: normal } .cart-table__header-cell--title { padding: 9px 0 } .cart-table__cell { border: 1px solid #ccc; border-left: none; border-right: 0; padding: 20px 15px } .cart-table__cell--image { width: 100px; padding: 20px 0; vertical-align: top; text-align: center } .cart-table__cell--title { padding-left: 20px } .cart-table__cell--price { width: 200px } .cart-table__cell--quantity { width: 140px; padding-right: 0 } .cart-table__cell--sum { text-align: right; width: 250px; padding-right: 10px } .cart-table__image { max-width: 80px; vertical-align: top } .cart-table__title { color: #333; font: 18px/normal Roboto, sans-serif; text-decoration: none } .cart-table__title:hover { color: #000 } .cart-table__item-parameters { color: #999; font: 12px/normal "Open Sans", sans-serif; margin-top: 12px } .cart-table__number { width: 100%; float: left; margin-bottom: 12px } .cart-table__color { position: relative; border-radius: 2px; float: left; width: 23px; height: 23px; background-size: 100% } .cart-table__color:after { content: ''; position: absolute; display: block; width: 27px; height: 27px; top: -2px; left: -2px; border-radius: 3px; border: 1px solid #ccc } .cart-table__size { margin-left: 12px; float: left; line-height: 27px } .cart-table-price__discount { color: #ff652e; font-size: 18px; white-space: nowrap } .cart-table-price__base { color: #ee490e; font-size: 12px; margin-top: 6px } .cart-table-price__number { text-decoration: line-through; white-space: nowrap } .cart-table-price__badge { background-color: #ee490e; line-height: 20px; padding: 0 5px; border-radius: 3px; color: #fff; display: inline-block; margin-left: 7px } .cart-table__sum-price { font: bold 24px/35px Roboto, sans-serif; color: #ff652e; display: inline-block; white-space: nowrap } .cart-table__remove-link { text-align: center; display: inline-block; color: #999; position: relative; top: 2px } .cart-table__remove-link:hover { color: #777 } .cart__table-bottom { background-color: #f5f5f5; padding: 28px 0 16px } .cart-table-bottom__coupon { margin-left: 20px; float: left } .cart-table-bottom-coupon__label { float: left; color: #333; line-height: 35px; margin: 0 } .cart-table-bottom-coupon__input { float: left; margin: 0 15px; width: 250px } .cart-table-bottom-coupon__button--submit { width: 100px; float: left; padding: 0 } .cart-table-bottom__sum { float: right } .cart-table-bottom-sum__item { width: 70px; float: left } .cart-table-bottom-sum__item--total { margin-right: 55px; width: 245px; text-align: right } .cart-table-bottom-sum__value { font: bold 18px/normal Roboto, sans-serif; color: #333; margin-top: 6px } .cart-table-bottom-sum__value--total { white-space: nowrap; font: bold 30px/normal Roboto, sans-serif; color: #ff652e } .cart__cart-bottom { margin: 45px 0 15px } .cart-cart-bottom__button--submit { float: right; width: 170px } .bx_ordercart_coupon { float: left; margin-left: 20px; clear: both } .cart-coupon-code-text { display: inline-block } .cart-coupon-code-text.good { color: #ff652e } .cart-coupon-code-text.bad { color: #ee490e } .cart-coupon-code { display: inline-block } .cart-coupon-remove { margin-left: 0 !important; width: 35px !important; height: 35px !important; font: 28px/normal Roboto, sans-serif !important; text-align: center; color: #777; background: none !important } .order__form-group--files:after, .order__radio-buttons:after, .order-finish__submit:after { content: ''; display: block; clear: both } .order__button--file { color: #999; background-color: #fff; border-color: #ccc } .order__button--file:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .order { padding-bottom: 13px } .order__form { padding: 0 15px } .order__fieldset { margin-top: 22px; position: relative } .order__fieldset--delivery { margin-top: 48px } .order__fieldset--delivery .order__radio { width: 100% } .order__fieldset--legal-entity { margin-top: 0 } .order__legend { font: 22px/normal "Open Sans", sans-serif; color: #333; margin-bottom: 8px } .order__form-group { margin-top: 16px; position: relative } .order__form-group:first-of-type { margin-top: 8px } .order__form-group--files { margin-top: 58px; padding-bottom: 8px } .order__input { height: 40px; width: 50% } .order__message-container { display: table; width: 50%; height: 44px; position: absolute; font: 12px/normal "Open Sans", sans-serif; top: 20px; left: 50%; padding-left: 15px; padding-right: 15px; color: #999 } .order__message-container > div { display: table-cell; text-align: left; vertical-align: middle } .order__message-container--textarea { top: 23px } .order__message { max-width: 300px; padding-left: 15px } .order__radio-buttons { margin-top: 4px } .order__radio { margin-bottom: 16px; width: 200px; padding-right: 15px; float: left } .order__radio:nth-child(2n + 1) { clear: left } .order__radio--tab-link { padding: 0; width: auto } .order__radio--tab-link label { border: 1px solid #ccc; border-right: 0; padding: 0 14px; line-height: 38px; color: #777 } .order__radio--tab-link label:before, .order__radio--tab-link label:after { display: none } .order__radio--tab-link label:hover { color: #333 } .order__radio--tab-link:first-child label { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .order__radio--tab-link:last-child label { border-right: 1px solid #ccc; border-top-right-radius: 3px; border-bottom-right-radius: 3px } .order__radio--tab-link input:checked + label { color: #333; background-color: #f5f5f5 } .order__address-text { color: #333; padding: 8px 0 16px; width: 50%; min-height: 172px } .order__map-container { width: 100%; height: 280px; margin-top: 10px; box-shadow: 0 0 10px 4px #eaeaea } .order__textarea { width: 50% } .order__textarea--address { height: 88px } .order__textarea--address + .order__message-container { height: 88px } .order__textarea--comment { height: 170px } .order__textarea--comment + .order__message-container { top: 0; height: 170px } .order__submit { margin-top: 42px; width: 50% } .order__comment { float: left; line-height: 40px } .order__button--submit { width: 170px; height: 40px; line-height: 38px; float: right } .order__files-controls { width: 50%; float: left } .order__files-container { float: left; width: 50% } .order__files-title { font-size: 22px; line-height: 40px; color: #333; float: left } .order__files-or { float: left; margin: 0 28px; line-height: 40px; color: #999 } .order__button--file { float: left; height: 40px; align-items: center; display: inline-flex; padding: 0 18px } .order__files-text { display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 1; -webkit-box-orient: vertical; padding: 0 24px; position: relative } .order__files-text:before { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.png") -72px -22px; width: 16px; height: 20px; top: 0; left: 0 } .MultiFile-label { float: left; clear: both; position: relative; line-height: 20px; padding: 10px 0 } .MultiFile-remove { position: absolute; top: 10px; right: 0; z-index: 10; display: block; width: 20px; height: 20px; text-indent: -9999px; text-decoration: none } .MultiFile-remove:before { position: absolute; content: '×'; top: 1px; left: 2px; text-indent: 0; color: #777; font-size: 28px } .order-finish { padding-top: 12px } .order-finish .content-container { padding: 0 15px } .order-finish__title { color: #333; font: 24px/24px Roboto, sans-serif; padding-bottom: 24px; margin: 0 15px } .order-finish__parameter { padding-bottom: 8px; max-width: 570px; margin: 0 15px } .order-finish__parameter:last-child { margin-bottom: 30px } .order-finish__parameter--address { padding-top: 12px } .order-finish__parameter--price { padding-top: 30px } .order-finish-parameter__key { display: inline-block; font-size: 12px } .order-finish-parameter__value { display: inline-block; color: #333 } .order-finish-parameter__value--price { font: bold 24px/normal Roboto, sans-serif; white-space: nowrap; color: #ff652e } .order-finish__map-container { width: 100%; height: 280px; max-width: 570px; margin-bottom: 26px } .order-finish__submit { max-width: 570px; padding: 36px 0 10px } .order-finish__button--submit { float: left; width: 170px; height: 40px; line-height: 38px } .order-finish__continue { float: right; color: #777; line-height: 40px; padding-left: 40px; position: relative; text-decoration: none } .order-finish__continue:before, .order-finish__continue:after { content: ''; position: absolute; display: block } .order-finish__continue:before { width: calc(100% - 40px); bottom: 10px; right: 0; border-bottom: 1px solid #777 } .order-finish__continue:after { background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 83.96946564885496%; width: 29px; height: 27px; top: 6px; left: 0 } .order-finish__continue:hover:before { display: none } .compare__categories:after, .compare-tabs__menu:after, .compare-content__tab:after, .compare-content__controls:after { content: ''; display: block; clear: both } .compare-categories__button--category { color: #999; background-color: #fff; border-color: #ccc } .compare-categories__button--category:hover { color: #fff; background-color: #ee490e; border-color: #ee490e } .compare { padding-top: 12px } .compare__categories { max-width: calc(100% - 230px); position: absolute; top: -73px; right: 15px } .compare-categories__inner { overflow: auto; white-space: nowrap; text-align: right; font-size: 0 } .compare-categories__button--category { padding: 0 15px; border-radius: 0; border-left: none; height: 40px; line-height: 38px } .compare-categories__button--category:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-left: 1px solid #ccc } .compare-categories__button--category:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .compare-categories__button--category:hover { background-color: #f5f5f5; color: #333; border-color: #ccc } .compare-categories__button--toggler { display: none } .compare-categories__button.active { cursor: default; background-color: #f5f5f5; color: #333 } .compare__tabs { position: relative; padding: 0 15px } .compare-tabs__menu { border-bottom: 1px solid #ccc } .compare-tabs-menu__item { border-top-left-radius: 3px; border-top-right-radius: 3px; color: #777; border: 1px solid #ccc; padding: 0 14px; line-height: 38px; float: left; display: block; border-bottom: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; text-decoration: none } .compare-tabs-menu__item:not(:last-child) { margin-right: 10px } .compare-tabs-menu__item.active { color: #333; cursor: default; background-color: #f5f5f5 } .compare-tabs-menu__item:hover { color: #333 } .compare-tabs__clear-link { color: #777; padding-right: 24px; display: inline-block; text-decoration: none; position: absolute; line-height: 38px; top: 1px; right: 15px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none } .compare-tabs__clear-link:after { content: '×'; position: absolute; font-size: 30px; top: 1px; right: 0; transition: all .25s linear } .compare-tabs__clear-link:hover { color: #333 } .compare__content { position: relative } .compare__content .owl-item .compare-content-slider__item { width: 100% } .compare__content .owl-item:first-child .compare-content-slider__item { border-top-left-radius: 3px; border-bottom-left-radius: 3px } .compare__content .owl-item:last-child .compare-content-slider__item { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .compare__content .owl-prev { right: 35px } .compare__content .owl-next { right: 0 } .compare-content__tab { position: absolute; top: 0; z-index: -1; width: 100%; opacity: 0 } .compare-content__tab.active { position: relative; z-index: 10; opacity: 1 } .compare-content__controls { padding: 24px 0 12px } .compare-content-controls__items-count { width: 170px; float: left; text-align: right } .compare-content-controls__slider-scroll { width: 75%; float: left; padding-left: 50px } .hidden { display: none } .compare-content-controls__slider-scroll.hidden { display: none } .browser-ie .compare-content-controls__slider-scroll { display: none } .compare-content-controls__scroller-container { height: 1px; background-color: #ccc; margin-top: 20px } .compare-content-controls__scroller { position: relative; top: -2px; height: 5px; background-color: #ccc; border-radius: 3px } .compare-content__slider .owl-dots { display: none !important } .compare-content__slider .owl-item .compare-content-slider__item { width: 100% } .compare-content-slider__inner { width: 83.333%; float: left } .compare-content-slider__inner:before, .compare-content-slider__inner:after { content: ''; position: absolute; display: block; width: 25px; height: 100%; z-index: 10 } .compare-content-slider__inner:before { left: 0; background: -moz-linear-gradient(left, #fff 0, #ffffff 100%); background: -webkit-linear-gradient(left, #fff 0, #ffffff 100%); background: linear-gradient(to right, #fff 0, #ffffff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff', endColorstr='#ffffff', GradientType=1) } .compare-content-slider__inner:after { top: 0; right: 0; background: -moz-linear-gradient(left, #ffffff 0, #fff 100%); background: -webkit-linear-gradient(left, #ffffff 0, #fff 100%); background: linear-gradient(to right, #ffffff 0, #fff 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#fff', GradientType=1) } .compare-content-slider__parameters-titles-container { float: left; width: 16.666%; height: 1px } .compare-content-slider__item { width: 212px; float: left; position: relative; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc } .compare-content-slider__remove-link { display: block; position: absolute; top: 0; right: 0; width: 30px; height: 30px; color: #777; text-decoration: none } .compare-content-slider__remove-link:after { content: '×'; position: absolute; font-size: 30px; top: 5px; left: 5px; transition: all .25s linear } .compare-content-slider__remove-link:hover { color: #333 } .compare-content-slider__top { padding: 30px 20px 20px; background-color: #fff; border-left: 1px solid #ccc; border-right: 1px solid #ccc } .compare-content-slider__badge-container { position: absolute; top: -10px; left: -10px; height: 0; z-index: 10 } .compare-content-slider__badge { width: 50px; height: 50px; border-radius: 50%; color: #fff; text-align: center; font: 12px/50px "Open Sans", sans-serif; margin-bottom: 5px } .compare-content-slider__badge--hit { background-color: #40404b } .compare-content-slider__badge--new { background-color: #ff652e } .compare-content-slider__badge--discount { background-color: #ee490e; font-size: 16px } .compare-content-slider__image-container { text-align: center } .compare-content-slider-image-container__image-link { position: relative; display: inline-block } .compare-content-slider-image-container__image { max-width: 100%; max-height: 280px; width: auto !important } .compare-content-slider__title { margin-top: 18px } .compare-content-slider-title__link { font: 18px/normal Roboto, sans-serif; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 62px; color: #333; text-decoration: none } .compare-content-slider-title__link:hover { color: #000 } .compare-content-slider__price { margin-top: 16px } .compare-content-slider-price__discount { color: #ff652e; font-size: 20px; white-space: nowrap } .compare-content-slider-price__base { color: #ee490e; margin-top: 6px; font-size: 12px; width: 110% } .compare-content-slider-price__number { text-decoration: line-through; white-space: nowrap } .compare-content-slider-price__badge { background-color: #ee490e; line-height: 20px; padding: 0 5px; border-radius: 3px; color: #fff; display: inline-block; margin-left: 7px } .compare-content-slider__parameters--titles { position: absolute; width: 220px; bottom: 1px; left: -1px; z-index: 10 } .compare-content-slider__parameter { background-color: #fff; border: 1px solid #ccc; border-bottom: 0; padding: 10px 18px; transition: background .25s linear; line-height: normal } .compare-content-slider__parameter--highlighted { font-weight: bold; color: #333 } .compare-content-slider__parameter.hover { background-color: #f5f5f5 } .compare-content-slider__parameter--title { text-align: right; color: #333; border-color: #fff; padding: 10px 42px 10px 0; position: relative } .compare-content-slider__parameter--title.hover { border-color: #f5f5f5 } .compare-content-slider__parameter--title.hover:after { content: ''; position: absolute; display: block; width: 100%; bottom: -1px; border-bottom: 1px solid #f5f5f5 } @media screen and (max-width: 1460px) { .items-slider .owl-prev { left: 15px } .items-slider .owl-next { right: 15px } .index-feedback .owl-prev { left: 0 } .index-feedback .owl-next { right: 0 } .index-brands .owl-prev { left: 0 } .index-brands .owl-next { right: 0 } .index-news .owl-prev { left: 15px } .index-news .owl-next { right: 15px } } @media screen and (min-width: 960px) { .sidebar__menu { display: block !important } .filters__inner { height: auto !important; display: block !important } .product .toggle-block { display: block !important } } .header-catalog-menu__list.header-catalog-menu__list--level1 > li:nth-child(5) { display: block !important } @media screen and (min-width: 840px) { .compare__content .owl-prev, .compare__content .owl-next { top: -43px !important } .compare-content-slider__parameter { top: 0 !important; margin: 0 !important } } @media screen and (max-width: 839px) { .product__gallery-large { width: 330px } .product-gallery-large__inner { width: 300px; height: 300px } .product__price { width: calc(100% - 330px) } .product-price-submit__button--submit { float: none; max-width: 170px } .compare__content .owl-prev, .compare__content .owl-next { margin-top: -12px; z-index: 100 } .compare__content .owl-prev { right: auto } .compare-content__controls { padding-bottom: 30px } .compare-content-controls__items-count { width: 100%; text-align: left } .compare-content-controls__slider-scroll { display: none } .compare-content__slider .owl-stage { background: 0 } .compare-content__slider .owl-dots { display: block !important } .compare-content-slider__parameters-titles-container { position: absolute; width: 100%; height: 100%; z-index: -1 } .compare-content-slider__inner { width: 100% } .compare-content-slider__inner:before, .compare-content-slider__inner:after { display: none } .compare-content-slider__item { border-top: 0 } .compare-content-slider__top { border: 0 } .compare-content-slider__parameters { padding-top: 34px } .compare-content-slider__parameters--titles { top: 0; left: 0; bottom: auto; width: 100%; height: 100% } .compare-content-slider__parameter { border-top: 0; border-bottom: 0; padding: 10px 5vw } .compare-content-slider__parameter--title { width: 100%; position: absolute; height: auto !important; background-color: #f5f5f5; padding: 10px 5vw; text-align: center; border: 0 } .news__item { width: 50% } .news__item:first-child { width: 50%; height: auto } } @media screen and (min-width: 768px) { .splitable-doors-tabs__menu { display: block !important } } @media screen and (max-width: 767px) { .index-slider__slider.index-slider__slider { width: 100%; } .index-slider-bottom__text { margin-left: 64px } .tab-label { margin-top: 15px } .header__shop-links { clear: both; float: left; margin: 43px 0 0 168px } .header-shop-links__link--comparsion { position: relative; top: 0; width: 156px; margin-right: 48px } .header-fixed__phones { display: none } .header-fixed__search { margin: 0 } .header-fixed-shop-links__link { margin-left: 6px } .header-fixed-shop-links__text { display: none } .breadcrumbs { padding: 15px 0 } .index-slider .owl-prev { left: 15px } .index-slider .owl-next { right: 15px } .index-slider__button--link { bottom: 24% } .index-news__slider .owl-dots { margin-top: 16px; display: block !important } .about__text-content { width: 100% } .catalog-categories__item { width: 33.333% } .catalog-categories__image-container { height: 240px } .catalog__title { width: 100% } .catalog__filter-link { margin: 0 } .catalog__sort-links { margin: 0 } .product-buttons__button--splitable-door { border-radius: 3px; border-bottom-left-radius: 0; border-bottom-right-radius: 0; width: 350px; font-size: 12px } .product-buttons__button--splitable-door-view { clear: both; margin: 0; width: 400px; border-radius: 3px; border-top-left-radius: 0; border-top-right-radius: 0; border-left: 2px solid #ff652e !important } .product-info__text { margin-top: 0 } .product-info-parameters__list { margin-top: -10px } .product-info-parameters__key { width: 50% } .product-info-parameters__value { width: 50% } .product__gallery-large { width: 100% } .product-gallery-large__previews { margin: 0; width: calc(100% - 300px); clear: none; padding-left: 30px } .product__price { width: 100% } .product-price__inner { padding-left: 0; padding-right: 0; border: 0 } .cart-table-bottom-coupon__label { line-height: 20px; width: 60px; font-size: 13px } .cart-table-bottom-coupon__input { width: calc(100% - 175px) } .cart-table-bottom__sum { width: calc(50% - 15px) } .errorpage__block { background-image: url('/local/templates/general/assets/css/../images/errorpage-small.jpg'); width: 281px; height: 213px } .errorpage__inner { width: 146px; top: 86px; right: -6px } .errorpage__title { font-size: 18px } .errorpage__text { margin-top: 6px; font-size: 12px } .text-content .gallery li { width: 50% } .text-content .gallery li:nth-child(3n + 1) { clear: none } .text-content .gallery li:nth-child(2n + 1) { clear: left } .splitable-doors-tabs__button--menu { height: 40px; line-height: 38px; margin: 0 !important; text-align: left; padding: 0 12px; display: block; color: #333 !important; background-color: #fff !important; border-color: #ccc !important; z-index: 10 } .splitable-doors-tabs__button--menu span { padding-right: 24px } .splitable-doors-tabs__button--menu:after { content: ''; position: absolute; display: block; top: 15px; right: 12px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .splitable-doors-tabs__button--menu.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .splitable-doors-tabs__button--menu.active:after { top: 13px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .splitable-doors-tabs__menu { display: none; border: 0 } .splitable-doors-tabs-menu__item { border: 1px solid #ccc; margin: -1px 0 0; border-radius: 0; width: 100% } .splitable-doors-tabs-menu__item:last-child { border-bottom-left-radius: 3px; border-bottom-right-radius: 3px } .offers__item { width: 100% } .offers__inner { background-repeat: no-repeat } .stores__item { display: flex; flex-direction: column; width: 100%; padding: 0 } .stores__gallery{ width: 100%; } .stores__block { width: 100%; } .gallery_img_wrap { flex-direction: column; } .stores__block__widget { width: 100%; } .stores__block + .stores__block { width: 50% } .stores__image-link { width: 80px } .stores__image { height: 60px } .catalog .catalog-item__title { font-size: 14px; max-height: 60px } } @media screen and (max-width: 639px) { .header-fixed-search__input-container { left: -173px } .header-fixed-search__input { width: 160px } .footer-section__menu { width: 100%; padding: 0 0 25px } .footer-section__address-container { width: 50% } .footer-section-address-container__link { margin: 0 } .footer-section__contacts { width: 50% } .catalog .catalog-item__image { max-height: 240px } .catalog .catalog-item-price__discount { font-size: 16px } .catalog .catalog-item-price__base { font-size: 11px } .catalog .catalog-item__badge { font: 10px/35px "Open Sans", sans-serif; width: 35px; height: 35px } .catalog .catalog-item__badge--discount { font-size: 14px } .catalog .catalog-item__badge--stores { width: 50px; height: 50px; padding-top: 17px; font: 7px/normal "Open Sans", sans-serif } .catalog__search { width: 100%; padding: 0 } .catalog-search__input { border-top-right-radius: 0; border-bottom-right-radius: 0; width: calc(100% - 66px); border-right: 0 } .catalog-search__button--submit { border-top-left-radius: 0; border-bottom-left-radius: 0; width: 66px; padding: 0 } } @media screen and (min-width: 600px) { .compare-categories__menu { display: block !important } } @media screen and (max-width: 600px) { .catalog-categories__list { margin-top: 0; } .header-bottom { display: none } .header_search { display: none } img[align='left'], img.left { max-width: 100%; width: 100%; margin-right: 0; margin-bottom: 15px } img[align='right'], img.right { max-width: 100%; width: 100%; float: left; margin-left: 0 } .items-slider__title { font-size: 24px; width: auto; padding: 0 } .items-slider__button { font-size: 12px; padding: 0 12px } .page-title__title { font-size: 24px; margin-bottom: 20px } .lead { font-size: 18px } .sidebar { width: 100%; position: relative; padding-bottom: 30px } .sidebar--text { top: 0 } .sidebar--stores { top: 0 } .page-title__title { width: 100% !important } .header-fixed-shop-links__link--cart:before { right: -15px; left: auto } .header__logo { margin: 0; width: 100%; padding: 0 } .header-logo__text { font-size: 21px; float: right; margin: 20px 10% 0 0 !important; width: 40%; display: block } .header__text-items { position: relative; margin-top: 15px; height: 80px } .header__text-item { margin: 0 auto; padding-left: 0; width: 50%; text-align: center } .header__text-item--worktime { clear: left; white-space: normal; margin-top: 0; padding: 0 5px } .header__text-item--second { left: 162px } .header__text-item--phone { padding-left: 0 } .header-text-item__time:before { display: none } .header-text-item__callback { display: block; position: relative; margin: 0 auto; text-align: center; float: none; left: 0; top: 0; background: 0; color: #ff652e; border: 1px solid #ff652e; width: 137px } .header-text-item__callback:before { display: none } .header-text-item__phone:before { display: none } .header-text-item__comment { line-height: 16px; margin-top: 2px } .header-text-item__comment span { display: block } .header__shop-links { margin: 0; position: absolute; top: -31px; left: auto; right: 0 } .header-shop-links__link--comparsion { width: auto; right: 15px; position: absolute; margin: 0; color: gray } .header-shop-links__text--comparsion { display: none } .header-shop-links__text { font: 14px/40px "Open Sans", sans-serif } .header-shop-links__link--comparsion::before { top: -3px } .header-shop-links__link--comparsion::after { content: "Сравнить" } .header-logo__image { width: 50%; padding: 0 8%; max-width: 50%; margin-top: 7px } .index-slider { padding-top: 20px } .header-middle { padding: 0; margin: 0 0 10px } .index-title { font-size: 24px } .index-title__button { font-size: 12px; width: auto } .index-slider__bottom { padding-top: 0 } .index-feedback__slider { padding-left: 0; padding-right: 0 } .index-feedback .owl-next, .index-feedback .owl-prev { display: none !important } .index-news__slider { padding-left: 0; padding-right: 0 } .index-news .owl-next, .index-news .owl-prev { display: none !important } .about__image { width: 100% } .catalog-categories__text { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } .catalog-categories__item { width: 50% } .catalog-categories__image-container { height: 170px } .filters-opened .sidebar__filters-close { display: block } .sidebar__filters-close { display: none; position: absolute; top: 13px; right: 5px; width: 35px; height: 35px } .sidebar__filters-close:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 73.88535031847134% 96.47887323943662%; width: 16px; height: 16px; top: 9px; right: 9px } .catalog--main { padding-top: 0 } .catalog__topbar { position: static; padding-bottom: 20px } .catalog__sort-container { margin-left: 18px } .catalog .catalog-item { width: 50% } .catalog .catalog-item:nth-child(3n + 1) { clear: none } .catalog .catalog-item:nth-child(2n + 1) { clear: left } .catalog-text__columns { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1 } .catalog__search-header { font-size: 24px; text-align: left; padding: 24px 15px 0; margin-bottom: 6px } .catalog__search-value { font-size: 12px; text-align: left; padding: 0 15px } .mfp-counter { width: 100%; text-align: center } .product-top { padding-bottom: 15px } .product-top__title-inner { display: block } .product-top__title-row { display: block } .product-top__title { font: 24px/normal Roboto, sans-serif; display: block } .product-top__badge-container { padding: 12px 0 0 } .product-top__left { position: static; width: 100% } .product-top__right { margin-top: 12px; float: none; text-align: left } .product-top__button--type span { width: auto; display: inline-block } .product-top__compare { float: right } .product-preview { width: 960px; height: 317px; background-size: auto 100%; margin-left: -348px } .product-preview__door-image { display: none } .product-preview__door-image-small { display: block; margin: 0 auto } .product-preview__door-container { position: absolute; width: 231px; bottom: 35px; left: 50%; margin-left: -248px } .product__view-links { width: 480px } .product-view-links__link:nth-child(3n + 1) { clear: left } .product-view-links__link:nth-child(4n + 1) { clear: none } .product-gallery-large__inner { width: 370px; height: 370px; margin: 0 auto; float: none; display: block } .product-gallery-large__previews { margin: 10px auto 0; float: none; padding: 0; width: 370px } .product-price-submit__button--submit { width: auto } .product-filter__label { line-height: 1.4em; width: 100%; margin-bottom: 6px } .product-filter__color { width: 100%; padding: 0 } .product-buttons__button--consulting { margin-right: 0 !important } .cart__topbar { top: -62px } .cart__table { padding: 0 15px } .cart-table__cell--image { width: 110px; height: 145px; margin-left: 0 } .cart-table__cell--title { padding-right: 0; width: calc(100% - 110px); height: 145px } .cart-table__cell--quantity { width: 110px; padding-left: 0; clear: left; float: left } .cart-table__cell--price { padding: 0 0 20px 20px; width: calc(100% - 110px) } .cart-table__cell--sum { width: 100%; position: relative; padding: 0 0 20px } .cart-table__title { font-size: 14px; display: block; display: -webkit-box; overflow: hidden; text-overflow: ellipsis; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 48px } .cart-table-bottom__coupon { width: calc(100% - 30px) } .cart-table-bottom__sum { width: calc(100% - 30px); margin: 4px 15px 0 0 } .cart-table-bottom-sum__item { width: 100%; text-align: left; margin-top: 20px } .cart-table-bottom-sum__title { display: inline; margin-right: 8px } .cart-table-bottom-sum__value { margin: 0; display: inline } .cart-table-bottom-sum__value--total { font-size: 30px; display: block } .cart-cart-bottom__button--submit { width: 100% } .order__legend { font-size: 18px } .order__form-group { width: 100%; padding: 0; margin-top: 20px } .order__form-group:first-of-type { margin-top: 4px } .order__form-group:nth-of-type(2) { margin-top: 20px } .order__input { max-width: none } .order__radio { width: 100%; padding-right: 0 } .order__radio--tab-link { width: 50% } .order__radio--tab-link label { font-size: 13px; padding: 0; width: 100%; text-align: center } .order__address-text { padding-bottom: 24px } .order__map-container { width: 100%; height: 300px } .order__textarea { width: 100% } .order__submit { margin-top: 24px; width: 100% } .order__comment { line-height: normal } .order__button--submit { margin-top: 24px; width: 100% } .order-finish__title { font: 18px/normal Roboto, sans-serif } .compare { padding: 0 } .compare__categories { padding: 0 15px 20px; max-width: none; position: static } .compare-categories__inner { overflow: visible; text-align: left; white-space: normal } .compare-categories__button--toggler { display: block; background: #fff !important; border-color: #ccc !important; color: #333 !important; height: 40px; line-height: 38px; text-align: left; padding: 0 12px } .compare-categories__button--toggler span { padding-right: 24px } .compare-categories__button--toggler:after { content: ''; position: absolute; display: block; top: 15px; right: 12px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .compare-categories__button--toggler.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .compare-categories__button--toggler.active:after { top: 13px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .compare-categories__button--category { margin-top: -1px; border: 1px solid #ccc; width: 100%; border-radius: 0 !important } .compare-categories__button--category:last-child { border-bottom-left-radius: 3px !important; border-bottom-right-radius: 3px !important } .compare-categories__menu { display: none } .compare-categories__list { padding-top: 1px; margin-top: -1px } .compare-tabs__menu { border: 0 } .compare-tabs-menu__item { border: 1px solid #ccc; border-radius: 0; margin: 0 !important; width: 50%; font-size: 12px; padding: 0; text-align: center } .compare-tabs-menu__item:first-child { border-top-left-radius: 3px; border-bottom-left-radius: 3px; border-right: 0 } .compare-tabs-menu__item:last-child { border-top-right-radius: 3px; border-bottom-right-radius: 3px } .compare-tabs__clear-link { z-index: 100; right: auto; top: 54px; left: 15px } .compare-content__controls { padding-top: 70px } .compare-content-controls__items-count { width: 215px } .compare-content__slider .owl-prev, .compare-content__slider .owl-next { top: -62px !important; margin: 0 } .compare-content__slider .owl-prev { left: auto; right: 35px } .compare-content-slider__top { padding-left: 12px; padding-right: 12px } .compare-content-slider__badge { width: 35px; height: 35px; font: 10px/35px "Open Sans", sans-serif } .compare-content-slider__badge--discount { font-size: 14px } .compare-content-slider-image-container__image { max-height: 180px } .compare-content-slider-title__link { font-size: 14px; max-height: 48px } .compare-content-slider-price__discount { font-size: 16px } .compare-content-slider-price__base { font-size: 11px } .compare-content-slider-price__badge { margin: 0; float: right } .compare-content-slider__parameter { padding: 10px 8px } .contacts { padding-top: 0 } .contacts__buttons { position: static; padding: 0 15px } .contacts__button--address { float: left; clear: both } .contacts__form { padding-top: 24px } .contacts-form__form-group { width: 100% } .contacts-form__form-group--phone { margin-top: 20px } .contacts-text-info__block--link { clear: none } .contacts-text-info__address { position: relative; margin-bottom: 15px } .contacts-text-info__address-link { position: absolute; top: -4px; left: 102%; white-space: nowrap } .contacts-text-info__phones { width: 100% } .contacts-text-info__phones .contacts-text-info__block { width: 100% } .contacts-text-info__phones .contacts-text-info__block:last-child { margin-top: 20px } .contacts-text-info__links { width: 100% } .contacts-text-info__skypes { width: 100% } .contacts-text-info__props { width: 100% } .contacts-text-info__props .contacts-text-info__block { width: 100% } .contacts-text-info__props .contacts-text-info__block:last-child { margin-top: 20px } .splitable-doors__image { font-size: 18px } .splitable-doors__main-title { width: 140px } .feedback__items .feedback__item:before, .feedback__items .feedback__item:after { display: none } .feedback__item { height: auto } .feedback-form__col { width: 100% } .feedback-form__textarea { height: 104px } .feedback-form__col--large { margin-top: 20px } .feedback-form__button--submit { width: auto; padding: 0 15px } .news__text { font-size: 14px } .mfp-container { padding: 0 } .mfp-content { height: auto; min-height: 100% } .mfp-gallery .mfp-content { min-height: 0 } .mfp-close { right: 15px } .popup { border-radius: 0; width: 100%; min-height: 100vh; padding-left: 15px; padding-right: 15px } .popup__title { padding-top: 6px; font-size: 24px } .popup-form__form-group { width: 100% !important; padding: 0 !important } .popup-form__form-group--phone { margin-top: 20px } .popup-form__comment { font-size: 12px } .popup-form__button--submit { width: auto } .product-filter__select-container { width: 100% } .header-top { background-image: url(/local/templates/general/assets/css/../images/logo_white.png); background-size: auto; background-repeat: no-repeat; background-position: center; background-color: #222227; overflow: hidden } .header-middle { display: none } .catalog .catalog-item { min-height: auto !important; width: 100% } .catalog-item__image-container { min-height: auto !important; height: auto !important; max-width: 100%; width: auto } .catalog-item__aside { display: none } .catalog .catalog-item__title { font-size: 16px; color: #777 } .catalog .catalog-item-price__discount { font-size: 15px } .catalog .catalog-item__badge.catalog-item__badge--new { font: 8px/35px "Open Sans", sans-serif } .catalog-item__image-link { background-position: center center } } @media screen and (max-width: 479px) { .header__search form { transition: none } .header__search form:hover { width: calc(100vw - 30px) !important } .header-search__input-container { width: calc(100% - 50px); transition: none } .header-search__input-container:before { display: none } .header-search__button--submit { transition: none } .footer-section-menu__item--level1:first-child { padding-right: 5px } .footer-section-menu__item--level1:last-child { padding-left: 5px } .footer-section__address-container { width: 100%; margin-bottom: 42px } .footer-section__address-container:after { content: ''; display: block; clear: both } .footer-section-address-container__block { float: left; width: 50% } .footer-section-address-container__block:first-child { padding-right: 10px } .footer-section-address-container__link { display: inline-block; margin-top: 8px } .footer-section__contacts { width: 100% } .catalog .catalog-item__image { max-height: 180px } .catalog__topbar { padding: 0 10px 20px } .catalog__text.catalog__text { padding: 40px 0 0; margin-bottom: 0 } .pagination_mobile ~ .catalog__text.catalog__text { padding-top: 0 } .catalog__search { padding: 0 10px } .catalog-search__input { font-size: 14px } .product__view-links { width: 320px } .product-view-links__link:nth-child(3n + 1) { clear: none } .product-view-links__link:nth-child(2n + 1) { clear: left } .product-gallery-large__inner { max-width: 300px; width: 100%; height: 300px } .product-gallery-large__previews { width: 100%; max-width: 300px } .product-price__block { clear: both } .product-price__block:first-child { margin-top: 0 } .product-price__block--area { clear: none } .product__filter .tooltip { position: static; opacity: 1; -webkit-transform: none !important; -ms-transform: none !important; transform: none !important; border: 0; box-shadow: none; background: 0; width: calc(100% + 26px); padding: 18px 0 0; margin-left: -26px; pointer-events: none; color: #777 } .product__filter .tooltip:after { display: none } .product-filter-complect__inner:before { display: none } .product-filter-complect__table { display: block } .product-filter-complect__table tbody { display: block } .product-filter-complect__row { padding-right: 10px; display: block } .product-filter-complect__row:not(:last-child) { padding-bottom: 10px } .product-filter-complect__cell { display: block; float: left; padding: 3px 0 !important } .product-filter-complect__cell--title { width: 100% } .product-filter-complect__cell--price { width: 50%; line-height: 34px; text-align: left } .product-filter-complect__cell--quantity { width: 50% } .product-filter-complect__cell--quantity .quantity__container { float: right } .product-buttons__button { clear: both; width: 100%; text-align: left } .product-buttons__button--consulting { margin-top: 20px } .product-buttons__button--splitable-door { line-height: 1.4em } .product-buttons__button--splitable-door span { padding-top: 7px } .product-buttons__button--splitable-door-view { white-space: nowrap } .order__files-title { width: 100% } .order__files-or { margin-left: 0 } .order-finish__submit { padding-top: 16px; text-align: center } .order-finish__button--submit { width: 100% } .order-finish__continue { float: none; margin-top: 22px; display: inline-block } .text-content .gallery li { width: 100%; clear: left } .news__list { margin: 0 } .news__item { width: 100% } .news__item:first-child { width: 100% } .news__date { top: -10px; left: -10px } .news__text { font-size: 14px; height: auto; -webkit-line-clamp: initial } .stores__gallery { margin-bottom: 0 } .stores__block { width: 100% !important; margin-top: 12px } } @media screen and (max-width: 400px) { .header-logo__text { font-size: 18px } } @media screen and (max-width: 374px) { .contacts-form__inner { border: 0; padding: 0 } .contacts-form__comment { line-height: normal } .contacts-form__button--submit { margin-top: 24px; width: 100% } .feedback__button--more { padding: 0 10px } .feedback__button--show-form { padding: 0 10px } } @media screen and (max-width: 500px) { .index-slider2 .owl-carousel { display: block !important } .index-slider2 .owl-item { width: 100% } .index-slider2 .index-slider__image { max-height: 450px; object-position: center top } .index-slider2 .owl-item p { position: absolute; left: 20px; bottom: 40px; width: calc(100% - 40px) } .index-slider2 .mobile-sl-button { position: static } .index-slider2 .owl-controls { display: none } .mobile-sl-button { padding: 10px 20px; background: rgba(255, 255, 255, 0.7); border: 1px solid gray; text-decoration: none; position: relative; top: -51px; color: black } .mobile-sl-button:active { background: gray } } #msgSent { position: fixed; top: calc(50% - 120px); left: calc(50% - 265px); padding: 80px 0; border: 5px solid #ff652e; background: white; z-index: 999; font-size: 20px; text-align: center; line-height: 35px; width: 530px } .msgSent { background: #ff652e; border: 0 } .msgSent:hover { background: #ee490e; border: 0 } #bx_eshop_wrap .main-content > p { width: 1200px; margin: 0 auto } .access-title-bar { font-size: 20px; color: white; margin-top: -5px; left: -10px; position: relative; float: left } #videoreview .access-title-bar { background: #009e45; padding: 10px 30px 14px 30px } .green-item_button { display: inline-block; position: relative; background: #ff652e; transition: none; color: #fff; padding: 10px; border-radius: 10px; text-decoration: none } .green-item_button:hover { background: #ee490e } .popup-window-with-titlebar { border: 9px solid #ff652e } #popup_closetab_content { display: none; width: 600px; min-height: 190px } #popup_addcart_content { display: none; width: 400px; min-height: 150px } #popup_addcart_content > p { font-size: large; text-align: center } #popup_addcart_content > div { text-align: center } #popup_addcart_content > div > a:first-child { margin-left: 0; text-decoration: none } .popup-window-content { background-color: #fff } #videoreview > a { position: absolute; right: 10px; top: 0; font-size: 35px; transform: rotate(0deg); transition: .3s; color: #777; text-decoration: none } #videoreview > a:hover { color: black; cursor: pointer; transform: rotate(90deg); transition: .3s } .popup-window > a { position: absolute; right: 10px; top: 0; font-size: 35px; transform: rotate(0deg); transition: .3s; color: #777; text-decoration: none } .popup-window > a:hover { color: black; cursor: pointer; transform: rotate(90deg); transition: .3s } .popup-window-overlay { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } .popup-window-with-titlebar .popup-window-content, .popup-window-content-gray .popup-window-content { background-color: #fff } .greenbutton { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 16px; text-transform: uppercase; font-weight: 700; position: relative; border-radius: 0; float: initial } .greenbutton:hover { background: #ee490e; cursor: pointer } #popup-window-content-addCart p { text-transform: uppercase; width: 330px; margin-left: 0; margin-top: 20px; font-size: 23px; height: 100px } #popup-window-content-addCart > div > a:first-child { margin-left: 0; text-decoration: none } #addCart { background: white; border: 9px solid #ff652e; width: 600px; height: 260px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 130px) !important; left: calc(50% - 300px) !important } #popup-window-titlebar-addCart { height: 0 } #popup-window-content-addCart > a { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 23px; text-transform: uppercase; font-weight: 700; position: relative } #popup-window-content-addCart > a:hover { background: #ee490e; cursor: pointer } #popup-window-overlay-addCart { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #Basket { background: white; border: 9px solid #ff652e; width: 600px; max-height: 650px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 325px) !important; left: calc(50% - 300px) !important } #basket_items { overflow-y: scroll; max-height: 300px } #popup-window-content-Basket p { margin-left: 30px; margin-top: 30px; font-size: 18px } #popup-window-content-Basket > div > a:first-child { margin-left: 0; text-decoration: none } #popup-window-overlay-Basket { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #popup-window-titlebar-Basket { height: 0 } .basket__item { display: flex } .basket__item-img { flex-basis: 160px; text-align: center } .basket__item-params { flex-basis: 400px; display: flex; flex-direction: column } .basket__item-params .not_product-top__availability--available::before, .basket__item-params .product-top__availability--available::before { top: 0 } .basket__item-params .not_product-top__availability--available, .basket__item-params .product-top__availability--available { margin-top: auto } .basket__item-parameters { margin-bottom: 5px } .basket__item-price { margin-left: auto; display: flex; align-items: flex-start; height: auto; max-height: 200px; position: relative; white-space: nowrap } .basket__item-base-price { color: #ccc; display: flex; flex-direction: column; align-items: center; font-size: 16px; margin-right: 15px } .basket__item-price--span { font-size: 12px } .basket__item-remove { position: absolute; right: 0; bottom: 0 } .instore { width: 16px; height: 16px; background: #aff0af; border-radius: 50%; color: green; padding: 3px; position: relative; top: 4px; left: -3px } .instore--gray { color: #fff; background-color: #ccc } .basket__item-instore { margin-top: 10px; font-size: 12px; font-weight: 300; display: inline-block; border: 1px solid rgba(0, 128, 0, 0.4); border-radius: 3px; padding: 0 10px; line-height: 26px } .basket__item-instore--gray { color: #b2b2b2; border-color: #ccc } .basket_order__step { background-color: #f5f5f5; margin-bottom: 20px; padding: 20px } .basket_order__title { font-size: 18px; font-weight: bold; margin-bottom: 20px } .basket__item { border-bottom: 1px solid #e6e6e9; padding: 20px 0 } .basket__item-quantity { box-shadow: 0 0 3px rgba(0, 0, 0, 0.25); border-radius: 8px; display: block; clear: both; width: 110px; margin-right: 15px } .basket__item-title { font: 18px/normal Roboto, sans-serif; color: #222227 } .basket__item-art { color: #7d7d7d; margin: 10px 0 } .basket__item-span { color: #222227; font-weight: bold; text-align: right } .basket__float .basket__item-span { white-space: nowrap } .basket__item-prm { font-weight: 300; font-size: 12px; display: flex; line-height: 1.6 } .basket__item-price--discount { font-size: 16px; font-weight: bold } .basket__item-price--base { font-size: 16px; font-weight: 300; text-decoration: line-through; text-decoration-color: #ee652e; color: #8d8d8d } .basket__item-sum-price { color: #ff652e; font-size: 20px; font-weight: 600; margin-top: 8px; min-width: 110px } .basket__item-remove-link { color: #8d8d8d } .basket__item-remove-link:hover { color: #ff652e } .mt-10 { margin-top: 10px } .mt-20 { margin-top: 20px } .basket_order__descr { display: flex; flex-direction: column; width: 100% } .tabset > .tabset_checkbox { display: inline-flex; align-items: center; transition: color .3s } .tabset_checkbox::before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #ccc; transition: all .3s; margin-right: 5px } .basket_order .tabset_inp:checked + .tabset_checkbox::before { background-color: #ff652e; border-width: 3px; display: inline-block } .product .tabset_inp:checked + .tabset_checkbox::before { border: 2px solid #ff652e; background: linear-gradient(90deg, #f4f4f4, #fff) } .basket_order__subtitle { font-size: 14px; line-height: 32px; margin-top: 10px; color: #7d7d7d } .basket_order__descr_title { font-size: 14px; color: #222227; margin-top: 10px } .basket_order__descr_text { font-size: 14px; color: #222227; font-weight: bold } .link_checkbox { color: #222227; font-size: 16px; font-weight: bold; display: inline-flex; align-items: center; position: relative; top: 3px; margin-right: 10px } .link_checkbox:hover { color: #ff652e } .link_checkbox::before { content: ''; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #ccc; margin-right: 5px; position: relative; top: 0 } #Consult { background: white; border: 9px solid #ff652e; width: 600px; height: 260px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 130px) !important; left: calc(50% - 300px) !important } .basket__float-promo-ok { font-size: 12px; color: green } .basket__float-promo-no { font-size: 12px; color: #ff652e } .promocode__label { display: block; margin-top: -4px; position: relative; background: 0 } .promocode__input { box-shadow: none; font-size: 15px; line-height: 22px; padding-right: 30px; background: 0 } .form-error .promocode__input, .form-error .promocode__input:hover { box-shadow: none; border-bottom: 1px solid #ee2b52 } .no-touch .promocode__input:focus { box-shadow: none; border-bottom: 1px solid #c09b51; background: 0 } .no-touch .promocode__input:hover { background: 0 } .promocode { height: 48px } button.promocode__btn { position: absolute; top: 0; right: 0; width: 30px; height: 36px; z-index: 2; cursor: pointer; background: 0; border: 0; transition: .3s; color: #000; padding: 0 5px 0 0; display: flex; align-items: center; justify-content: center } button.promocode__btn:hover { color: #ff652e } .promocode__btn-icon { width: 20px; height: 14px } .promocode--alert input::placeholder { color: #ff652e !important } .promocode__success-note { position: absolute; height: 36px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; cursor: default } .success-note { color: #76c5a0; position: relative; padding-left: 28px; line-height: 22px } .success-note::after, .success-note::before { position: absolute; content: '' } .success-note::before { top: 0; left: 0; width: 20px; height: 20px; border-radius: 50%; background: #bee1b5 } .success-note::after { top: 50%; left: 10px; width: 10px; height: 6px; margin: -6px 0 0 -5px; border-bottom: 2px solid #76c5a0; border-left: 2px solid #76c5a0; -webkit-transform: rotate(-45deg); transform: rotate(-45deg) } .basket__float-comment { margin-bottom: 15px } #popup-window-content-Consult p { text-transform: uppercase; width: 330px; margin-left: 0; margin-top: 15px; font-size: 23px } #popup-window-content-Consult > div > a:first-child { margin-left: 0; text-decoration: none; float: left } #popup-window-overlay-Consult { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #popup-window-titlebar-Consult { height: 0 } #popup-window-content-Consult > img { position: absolute; right: 10px; top: -41px } #popup-window-content-Consult > a { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 23px; text-transform: uppercase; font-weight: 700; position: relative } #popup-window-content-Consult > a:hover { background: #ee490e; cursor: pointer } #Callback { background: white; border: 9px solid #ff652e; width: 600px; height: 260px; font-family: "Open Sans", sans-serif; color: #777; position: fixed !important; top: calc(50% - 130px) !important; left: calc(50% - 300px) !important } #popup-window-content-Callback p { text-transform: uppercase; width: 330px; margin-left: 0; margin-top: 15px; font-size: 23px } #popup-window-content-Callback > div > a:first-child { margin-left: 0; text-decoration: none; float: left } #popup-window-overlay-Callback { background: rgba(0, 0, 0, 0.7); height: 100vh; width: 100%; position: fixed; left: 0; top: 0 } #popup-window-titlebar-Callback { height: 0 } #popup-window-content-Callback > img { position: absolute; right: 10px; top: -41px } #popup-window-content-Callback > a { background: #ff652e; border: 0; margin-left: 30px; color: white; padding: 10px 35px; font-size: 23px; text-transform: uppercase; font-weight: 700; position: relative } #popup-window-content-Callback > a:hover { background: #ee490e; cursor: pointer } @media screen and (max-width: 639px) { #Callback { width: 100%; left: 0 !important; height: 400px } #popup-window-content-Callback > img { top: auto; bottom: -15px } #popup-window-content-Callback p { width: 90% } #popup-window-content-Callback > div > a:first-child { font-size: 15px; width: 55%; position: absolute; bottom: 35px; top: auto; left: 35px } #addCart { width: 100%; height: 160px; left: 0 !important } #popup-window-content-addCart p { text-transform: uppercase; width: 250px; margin-left: 0; margin-top: 10px; font-size: 18px; height: 60px } .greenbutton { padding: 10px 8px; font-size: 10px } .popup-window-with-titlebar .popup-window-content { padding: 2px } } .btns { display: none } .main-content #basket_form { max-width: 1400px; margin: auto } .basket { display: flex } .basket__table { width: 1080px; margin-right: 20px } .basket__float { width: 300px; height: auto } .basket__float_box { position: -webkit-sticky; position: sticky; top: 90px; display: flex; flex-direction: column; font-size: 14px } .basket__float_box_wrap { box-shadow: 0 0 10px 4px #eaeaea; border-radius: 8px } .basket__float_box .one-click-buy { display: block; margin-right: 0 } .btn-submit { display: block; width: 100% } .basket__float_box > div { padding: 10px 20px } @media screen and (min-width: 900px) { #btns-link { border: 1px solid; padding: 5px 10px; text-decoration: none } #btns-link:hover { background: #ff652e; color: white } } .soc-fixed { background: #fff none repeat scroll 0 0; border: 1px solid #ccc; border-radius: 10px; left: 5px; margin: -35px 0 0; position: fixed; top: 50%; width: 55px; z-index: 10; padding-bottom: 10px } .soc-fixed li { list-style: none } .soc-btn_fixed { margin: 0 0 10px; position: relative } .soc-fixed ul { padding: 10px 10px 0 } .soc-fixed li:before { content: none } .soc-btn_fixed > a { float: none } .accordion { width: 100% } .accordion .inner { padding-left: 1em; overflow: hidden; display: none } .accordion li { margin: .5em 0 } .accordion li:before { display: none } .accordion li a.toggle { width: 100%; display: block; background: #ff652e; color: #fefefe; padding: .75em; border-radius: .15em; transition: background .3s ease; font-weight: 700; text-transform: uppercase; text-decoration: none } .accordion li a.toggle:hover { background: #ee490e } .accordion.init-accordion .accordion__content { position: static; visibility: visible } .accordion.open-accordion .accordion__icon::after { transform: translate(-50%, -50%) rotate(225deg) } .accordion__toggler { display: inline-flex; align-items: center; cursor: pointer; font-size: 16px; font-weight: 600; color: #333 } .accordion__icon { width: 10px; height: 10px; position: relative; display: inline-block; vertical-align: middle; margin-right: 6px } .accordion__icon::after { transition-duration: 300ms; content: ''; position: absolute; left: 50%; top: 45%; display: block; width: 7px; height: 7px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: translate(-50%, -50%) rotate(45deg) } .accordion__content { position: absolute; visibility: hidden } .accordion-title { padding: 20px 40px; background: #ff652e; width: 345px; border-radius: 5px; margin: 0 auto 30px; color: white; text-transform: uppercase; font-weight: 700 } .howitworks { display: flex !important; width: 100%; justify-content: center; margin-bottom: 30px; padding-left: 0; flex-wrap: wrap } .howitworks li { border: 8px solid #ff652e; width: 160px; height: 160px; margin: 0 15px 15px; position: relative; border-radius: 15px; background-position: center; background-repeat: no-repeat } .howitworks li:after { position: absolute; right: -33px; background-image: url(https://belwooddoors.by/images/11.png); top: calc(50% - 25px); width: 18px; height: 49px; content: url(https://belwooddoors.by/images/11.png) } .howitworks li:last-child:after { display: none } .howitworks li span { position: absolute; bottom: -25px; width: 145px; text-align: center; font-size: 20px; color: #ff652e } .howitworks li:before { display: none } .howitworks li:nth-child(1) { background-image: url(https://belwooddoors.by/images/12.png) } .howitworks li:nth-child(2) { background-image: url(https://belwooddoors.by/images/13.png) } .howitworks li:nth-child(3) { background-image: url(https://belwooddoors.by/images/14.png) } .howitworks li:nth-child(4) { background-image: url(https://belwooddoors.by/images/15.png) } .howitworks li:nth-child(5) { background-image: url(https://belwooddoors.by/images/17.png) } @media screen and (max-width: 600px) { .howitworks { margin-left: -15px; margin-right: -15px; margin-bottom: 0; width: auto } .howitworks li { margin-bottom: 20px; width: 145px; height: 145px } .accordion-title { max-width: 100% } } .f-default__field._time3 { padding: 0 0 0 5px } .razdvizh { max-width: 1140px; margin: 0 auto } .razdvizh section { border-top: 2px solid #444; padding: 20px 0; display: flex } .razdv--gallery { display: flex } .razdv--gallery__thumbs { width: 110px; margin: 5px 5px } .razdv--describ { width: 420px; padding-left: 15px } .razdv--btns { width: 250px; text-align: right } .razdv--bonus { margin-top: 120px; text-align: left; padding-left: 15px } .slick-arrow { top: 100% } .slick-prev, .slick-next { font-size: 0; position: absolute; bottom: 20px; color: #555; border: 0; background: 0; z-index: 1 } .slick-prev { left: 39px; top: -18px } .slick-prev:before { content: "\f077"; font: 30px/1 'FontAwesome'; color: #444 } .slick-next { right: 52px; text-align: right } .slick-next:before { content: "\f078"; font: 30px/1 'FontAwesome'; color: #444 } .slick-prev:hover:after, .slick-next:hover:after { color: #7e7e7e } .grnbtn { display: block; position: relative; background: #ff652e; transition: none; text-decoration: none; color: #fff; float: right; padding: 10px } .grbtn { display: block; position: relative; background: #f5f5f5; text-decoration: none; color: #555; float: right; border: #ccc solid 1px; height: 35px; outline: 0; font: 14px/33px "Open Sans", sans-serif; padding: 0 26px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; text-align: center; transition: all .25s linear } .razdv--btns p:first-child span { color: #ff652e; font-weight: 700; font-size: 28px } .razdv--btns p:first-child span span { font-size: 18px } .razdv--btns p a { width: 100%; margin: 7px 0 } .razdv--btns p:nth-child(even) a { text-transform: uppercase; padding: 0 } .razdv--gallery { align-items: center } .razdv--describ, .razdv--btns { margin: auto } .razdvizh section { border-top: 1px solid #ccc } .razdvizh section:last-child { border-bottom: 1px solid #ccc } .razdv--gallery__main { max-width: 320px } .razdv--btns .product-buttons__button--measurement span:before { display: none } .razdv--btns .product-buttons__button--measurement span { padding: 0 } @media screen and (max-width: 600px) { .razdvizh section { display: block } .razdv--describ { width: 100%; padding: 0; margin-top: 15px } .razdv--btns { width: 100%; text-align: center; padding: 0; margin-top: 15px } } .aktsii2 { margin-bottom: 20px; position: relative } .header-catalog-menu__list.header-catalog-menu__list--level1 > li:nth-child(5) { display: none } .jouele-control-button-icon_play .jouele-svg-color, .jouele-control-button-icon_unavailable .jouele-svg-color { fill: #ff652e } .jouele-svg { width: 35px; height: 35px } .jouele-control-text { line-height: 2.7 !important } .jouele-time { display: none } .jouele-control-button-icon_pause .jouele-svg-color { fill: #ee490e } .tab-panel .product-delivery-description { font-size: inherit; color: inherit } .product-delivery-description { font-size: 14px; color: #222227; display: block } .product-delivery-description-mobile { display: flex; flex-direction: column } .product-delivery-description-mobile .accordion__toggler { align-self: center } @media screen and (min-width: 601px) { .product-delivery-description-mobile { display: none } } @media (max-width: 600px){ .product-delivery-description-mobile { display: none; } } #mc_embed_signup_scroll .mc-field-group #mce-EMAIL + .mce_inline_error { display: none !important } #mc_embed_signup { width: 40%; margin-left: 30% } #mc_embed_signup .mc-field-group { margin-top: 25px } #mc_embed_signup .clear { text-align: center } #mc_embed_signup input.mce_inline_error { border: 1.5px solid #ee490e !important } #mc_embed_signup input#mc-embedded-subscribe { color: #fff; background-color: #ff652e; border-color: #ff652e } #mc_embed_signup input#mc-embedded-subscribe:hover { background-color: #ee490e; color: #fff; border-color: #ee490e } .header-catalog-menu__link--line { line-height: 18px; text-align: center; display: inline-block } @media screen and (max-width: 1024px) { .header-catalog-menu__link--line { max-width: none } } .sidebar__filters .bx-filter-block { display: none; -webkit-transition: padding .3s ease; -moz-transition: padding .3s ease; -ms-transition: padding .3s ease; -o-transition: padding .3s ease; transition: padding .3s ease } .sidebar__filters .bx-filter-button-box .bx-filter-block, .sidebar__filters .bx-filter-parameters-box.bx-active .bx-filter-block { display: block } .furniture { width: 100% } .furniture-inner { margin: 20px auto 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap } @media (max-width: 1024px) { .furniture-inner { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center } } .furniture__item { border: 1px solid #ccc; border-radius: 3px; margin-left: 5px; margin-right: 5px; margin-bottom: 10px; text-decoration: none; text-align: center; -webkit-transition: border-color .1s; -o-transition: border-color .1s; transition: border-color .1s; -webkit-flex-basis: 185px; -ms-flex-preferred-size: 185px; flex-basis: 185px } .furniture__item:hover { border-color: #333 } .furniture__img { height: 144px; padding: 10px } .furniture__img img { position: relative; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); max-width: 100%; max-height: 100% } .furniture__title { font-size: 12px; font-weight: bold; text-transform: uppercase; text-decoration: none; color: #333; padding: 10px } .detail-product { margin-top: 5px } .detail-product:not(.detail-product-offers) .product-top__availability, .detail-product:not(.detail-product-offers) .product-top__availability_not, .detail-product:not(.detail-product-offers) .product-top__compare { display: inline-block } .popup-form__form-group label.error { font-size: 12px; line-height: 12px; margin-top: 4px; min-height: 25px } .socials__links { display: flex } .header-mobile-bottom-fixed { display: none } .text_about_shop { display: none } .footer-section-contacts__developer { padding-left: 15px; padding-right: 15px; clear: both; display: flex; justify-content: space-between } .offcanvas-menu__shop-links { border-bottom: 1px solid #ccc; width: 270px; padding-left: 18px; box-sizing: border-box } .offcanvas-menu__shop-links:after { content: ''; display: block; clear: both } .offcanvas-menu-shop-links__link { width: 100%; float: left; position: relative; color: #777; display: flex; align-items: center; font: 16px/50px "Open Sans", sans-serif; text-decoration: none } .offcanvas-menu-shop-links__link:before { content: ''; position: absolute; display: block } .offcanvas-menu-shop-links__link--cart .offcanvas-menu-shop-links__text { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 270px } .offcanvas-menu-shop-links__link--cart.active:before { background-position: 43.75% 41.98473282442748% } .offcanvas-menu-shop-links__link--comparsion { width: 143px } .offcanvas-menu-shop-links__link--comparsion .offcanvas-menu-shop-links__text { padding-left: 48px } .offcanvas-menu-shop-links__link--comparsion:before { top: 10px; left: 9px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 43.75% 63.07692307692308%; width: 29px; height: 28px } .offcanvas-menu-shop-links__link--comparsion.active:before { background-position: 73.61111111111111% 0 } .offcanvas-menu-shop-links__link.active { color: #ee490e } .offcanvas-menu-shop-links__badge { position: absolute; top: 11px; left: 30px; background-color: #ff652e; color: #fff; text-align: center; z-index: 10; border-radius: 6px / 50% 50%; font: 9px/12px "Open Sans", sans-serif; padding: 1px 4px 0 } .offcanvas__menu .main-menu { display: block } .offcanvas-menu__search { width: 270px } .offcanvas-menu__search .header_search__form { margin-top: 0 } .offcanvas-menu__search .header_search__input, .offcanvas-menu-search__input { border: 0; height: 50px; padding: 0 50px 0 20px } .offcanvas-menu__search .header_search__button.header_search__button, .offcanvas-menu-search__button { width: 50px; height: 50px; background: transparent !important; border: none !important; position: absolute; top: 0; right: 0; left: auto } .offcanvas-menu__search .header_search__button.header_search__button::after, .offcanvas-menu-search__button:after { content: ''; position: absolute; display: block; top: 12px; left: 14px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 70.66666666666667% 54.47761194029851%; width: 23px; height: 24px } .offcanvas__menu .header__catalog-menu { display: block } .title-search-result.search-mobile { width: 270px !important; min-width: 270px; max-height: calc(100% - 50px); overflow-y: auto; padding-top: 10px; margin-top: -2px } .title-search-result.search-mobile .bx_searche .bx_item_element { margin-right: 15px; padding-left: 0 } .header-fixed .content-container { display: none } .project__box { padding: 0 15px; display: flex; justify-content: space-between; margin-bottom: 71px } .project__item { height: 344px; width: 100%; background-size: cover; display: flex; flex-direction: column; justify-content: flex-end; transition: all .3s; position: relative; border-radius: 8px; overflow: hidden } .project__item::before { content: ''; display: block; position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: linear-gradient(180deg, #000000 0, #000 100%); opacity: .4; z-index: 1 } .project__item:hover .project__text { text-shadow: 2px 3px 3px #ff652e } .project__item:hover .icon-arrow-circle { transform: translateX(10px) } .project_arrow { margin-top: 10px } .our_project { width: 100%; box-sizing: border-box; border: 4px solid #fff; border-radius: 8px; background-color: #fff } .our_project__title { font-size: 16px; line-height: 24px; padding: 20px 20px 22px; color: #000; text-transform: uppercase; font-weight: bold; transition: .3s; overflow: hidden } .our_project__title:hover { color: #ff652e } .our_project__img { overflow: hidden; border-radius: 8px } .our_project__image { transition: .3s; height: 290px } .our_project__img:hover .our_project__image { transform: scale(1.05) } .project__text { text-transform: uppercase; color: #fff; font-size: 22px; line-height: 32px; font-weight: bold; padding: 26px 32px; transition: .3s; position: relative; z-index: 2 } .project__mobtitle { text-align: center; font-size: 24px; color: #222227 } .project__box .owl-stage { display: flex } .project__box .owl-item { overflow: hidden; -webkit-transform: none } .project__box--real { margin-bottom: 0 } .chips { margin-bottom: 20px; margin-top: -30px; margin-right: 150px; display: flex; flex-wrap: wrap; min-width: calc(100% - 445px); } .chips__label { cursor: pointer; padding: 5px 10px; color: #222227; margin-right: 10px; margin-bottom: 5px; background-color: #f6f5f5 } .chips__label:after { content: "\274c"; display: inline-block; margin-left: 5px; transition: transform .3s; font-size: 12px } .chips__label:hover { background-color: #d8d8d8 } .chips__label:hover::after { transform: rotate(180deg) } .header__shoping { margin-left: auto } .catalog__list_inner { display: flex; flex-wrap: wrap; height: auto !important } .mobile_only { display: none } .project__title { border: 1px solid #ff652e; padding: 20px 10px 20px 10px; margin-left: -5px; z-index: -1; color: #222227; font-size: 16px; transition: all .3s; transition-delay: 0s, .3s } .projcet__inner { max-height: 40px; -webkit-box-orient: vertical; display: -webkit-box; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; white-space: normal } .project__img { transition: transform .3s; transition-delay: .3s, 0s } .project__image { width: 280px; height: 180px; object-fit: contain } .project__box--real .project__item:hover .project__title { z-index: 1; background-color: #ff652e; color: #fff } .project__box--real .project__item:hover .project__img { transform: translateX(15px) } .pagination { width: 100%; display: flex; align-items: center; justify-content: space-between; margin-bottom: 30px } .pagination::after { display: none !important } .pagination_mobile { display: none } .pagination { display: flex; justify-content: space-between } .pagination__total { white-space: nowrap; margin-right: 30px } .pagination__count { font-size: 16px; color: #bfbfc4 } .pagination__nav { text-align: center } .pagination__arrow { background-color: transparent; border: 0; width: 35px; color: #222227 } .pagination__arrow:disabled, .pagination__arrow:disabled:hover { color: #d8d8d8; background-color: transparent } .pagination__item { width: 35px; height: 35px; font-size: 14px; color: #222227; background-color: transparent; margin: 0 8px; display: inline-block; line-height: 35px; padding: 0; border-radius: 8px } .pagination__item:hover { background-color: #f6f6f6; color: #ff652e } .pagination__item--current, .pagination__item--current:hover { background-color: #ff652e; color: #fff } .pagination__item--nohover:hover { background-color: initial; color: initial } .move_top_arrow { position: fixed; bottom: 110px; right: 25px; width: 40px; height: 40px; opacity: .5; border: 4px solid #d8d8d8; border-radius: 50%; color: #d8d8d8; padding: 4px; z-index: 22; transition: opacity .3s; cursor: pointer; background-color: #fff; display: none } .move_top_arrow:hover { opacity: 1 } .related { margin: 20px; clear: both } .related__container { max-height: 340px } .related__slider-item { position: relative; margin: 0 10px } section.product { padding: 0 20px } .product .tabset { border-bottom: 4px solid #f5f5f5; position: relative; clear: both; } .product .tabset .wdr2_add { padding: 18px; } .product .tabset .wdr2_add table{ max-width: max-content; margin-left: 0; } .product .tabset .wdr2_add .fields .field .input input[type=text], .product .tabset .wdr2_add .fields .field .input textarea { display: block; width: 100%; color: #222227; height: 36px; outline: 0; border: 1px solid #bdbdbd; background-color: #fff; font: 16px/normal "Open Sans", sans-serif; padding: 0 10px; border-radius: 6px; box-shadow: unset; } .product .tabset .wdr2_add .add_btn, .product .tabset .wdr2_add .submit input[type=submit], .product .tabset .wdr2_add .submit input[type=submit]:hover, .product .tabset .wdr2_add .submit input[type=submit]:focus, .product .tabset .wdr2_add .submit input[type=submit]:active{ display: inline-block; height: 35px; outline: 0; border: 1px solid #ff652e; background-color: #ff652e; font: 14px/33px "Open Sans", sans-serif; padding: 0 20px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; text-decoration: none; text-align: center; position: relative; transition: all .25s linear; border-radius: 8px; max-width: max-content; background: #ff652e; text-shadow: unset; } .product .tabset .wdr2_add .submit input[type=submit]:hover, .product .tabset .wdr2_add .submit input[type=submit]:focus, .product .tabset .wdr2_add .submit input[type=submit]:active { background-color: #ee490e; border-color: #ee490e; } .product .tabset .field[class*=_captcha] table, .product .tabset .field[class*=_captcha] td{ border: unset; padding: 0; } .product .tabset .field[class*=_captcha] td:nth-child(1){ display: flex; } .product .tabset .field[class*=_captcha] td:nth-child(1) input{ margin-top: 2px; margin-right: 9px; } .product .tabset .wdr2_add .fields .field .input textarea { height: 76px; } .wdr2_add input.validate:invalid { border-color: red; } .wdr2_add tbody tr:first-child { background: unset; } @media (max-width: 600px) { .product .tabset .field[class*=_captcha] tr { display: flex; flex-direction: column; gap: 10px; } .product .tabset .field[class*=_captcha] td:nth-last-child(1) { text-align: left; } } .product .tabset:before { content: ''; display: block; height: 3px; background-color: #ccc; position: absolute; top: 33px; width: 100% } .tabset > input[type="radio"] { position: absolute; left: -200vw } .tabset .tab-panel { width: 60%; display: none } .tab-panels { text-align: left; margin-top: 20px; margin-bottom: 20px } .size-value { display: inline-block; border: 1px solid #ccc; padding: 7px 15px; margin-bottom: 12px; color: #595959; line-height: 24px; border-radius: 8px } .size-value:not(:last-child) { margin-right: 12px } .size-value:hover, .size-value.active { position: relative; z-index: 1; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e } .product .tabset > input:checked + label:before { content: ''; display: block; height: 3px; background-color: #ff652e; position: absolute; top: 30px; left: 0; width: 100% } .tabset > input:first-child:checked ~ .tab-panels > .tab-panel:first-child, .tabset > input:nth-child(3):checked ~ .tab-panels > .tab-panel:nth-child(2), .tabset > input:nth-child(5):checked ~ .tab-panels > .tab-panel:nth-child(3), .tabset > input:nth-child(7):checked ~ .tab-panels > .tab-panel:nth-child(4), .tabset > input:nth-child(9):checked ~ .tab-panels > .tab-panel:nth-child(5), .tabset > input:nth-child(11):checked ~ .tab-panels > .tab-panel:nth-child(6), .tabset > input:nth-child(13):checked ~ .tab-panels > .tab-panel:nth-child(7) { display: block } input#tab2:checked ~ .tab-panel#content2 { display: block } input.validate:invalid { border-color: red } input.validate:valid:not { border-color: green } input.validate:invalid:not(:placeholder-shown) { border-color: red } input.validate:valid:not(:placeholder-shown) { border-color: green } .form__error { color: red; text-align: left; font-size: 12px; margin-top: 3px; display: none } .form input { outline: 0; display: block; width: 100%; border-radius: 2px; border: 1px solid #ccc; padding: 10px; box-sizing: border-box } .form button { width: 100%; padding: 10px; border-radius: 2px; border: 0; background-color: #ccc; color: #fff } input:valid:not(:placeholder-shown) { border-color: #ff652e } input:invalid:not(:placeholder-shown) { border-color: red } input:invalid:not(:placeholder-shown) + .form__error { display: block } input[type="submit"] { border: 0 } .tabset > label { position: relative; top: 3px; display: inline-block; padding: 5px 0; margin-right: 30px; border-bottom: 0; cursor: pointer; font-weight: 600; font-size: 16px } .tabset > label:last-child { margin-right: 0 } .tabset > label:hover, .tabset > input:focus + label { color: #ff652e } .tabset > label:hover, .tabset > input:focus + label, .tabset > input:checked + label { color: #ff652e } .order__title { margin-top: 60px; font-size: 24px; font-weight: bold } .order__tabs { height: 60px } .basket__item-row { width: 200px } .basket__float-dots { flex-grow: 2 } .basket__float-dots::after { content: ''; display: inline-block; vertical-align: baseline; width: 100%; height: 1px; min-width: 20px; background: linear-gradient(to right, #d4d4d4 0, #d4d4d4 2px, transparent 1px, transparent 4px) 0 0/4px 1px repeat-x } .basket__float-row { display: flex; margin: 5px 0 } .toggled-elem { cursor: pointer; margin-bottom: 10px; color: #7d7d7d; font-weight: bold } .toggled-elem:hover { color: #222227 } .toggled-elem-on .dropdown_arrow { transform: rotate(180deg) } .product__gallery { max-width: 428px; width: 100%; height: auto; padding: 0 15px; margin: 16px auto; position: relative } .product__gallery .owl-prev { left: -22px; top: 22px; background: 0 } .product__gallery .owl-next { background: 0; right: -22px; top: 22px } .btn.subscribe_button { border: 0; font-weight: bold; background-color: #fff; color: #eb4a21; border-radius: 0 } .btn.subscribe_button:hover { opacity: .8 } .img-blocks-list { display: flex; overflow: hidden; border-radius: 8px } .img-blocks-list .owl-dots { position: absolute; bottom: 10px } .img-block { flex-shrink: 0; width: 100%; background-size: cover; background-position: right center; color: #000; border-radius: 8px; overflow: hidden } .img-block__content { box-sizing: border-box; max-width: 470px; padding: 20px 38px; min-height: 194px; display: flex; flex-direction: column; justify-content: center } .img-block__title { font-size: 24px; font-weight: 700; line-height: 1.4; margin-bottom: 12px; text-transform: uppercase } .img-block__text { font-size: 16px; line-height: 1.5; color: #595959 } .catalog-wrapper { display: flex; margin-bottom: 25px } .catalog-wrapper .sidebar { flex-shrink: 0 } .product-top__availability, .product-top__availability_not { color: #000; padding-left: 24px; position: relative; line-height: 18px } .product-top__availability:before, .product-top__availability_not:before { background-color: #ccc; top: 1px; left: 0; width: 16px; height: 16px; border-radius: 50%; content: ''; position: absolute; display: block } .product-top__availability:before { background: #51c56a } .product-top__availability:after, .product-top__availability_not:after { top: 0; left: 0; background: url(/bitrix/templates/general/assets/css/../images/sprites.svg) 68.38709677419355% 85.21126760563381%; width: 18px; height: 16px; content: ''; position: absolute; display: block; transform: scale(.7) } .basket__float-summary { margin-bottom: 15px } .basket__float-promo { margin-bottom: 10px } .basket__float-promo.basket__float-promo input { border-color: #ff652e } .basket__float-promo.basket__float-promo input:focus { border-color: #999 } .queries-list { font-size: 14px; line-height: 24px; display: flex; color: #000 } .queries-list__list { list-style: none; margin: 0; margin-right: -13px; padding: 0 } .queries-list__list > li { float: left; margin: 0 13px 13px 0; padding: 0 } .queries-list__list > li::before { display: none } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler, .queries-list__list a { padding: 5px 15px; border: 1px solid #b3b3b3; box-sizing: border-box; border-radius: 8px; color: inherit; transition-duration: 300ms; display: block } .queries-list__list a:hover { border-color: #ff652e } .queries-list .flexMenu-viewMore li { margin: 0 0 15px; padding: 0 } .queries-list .flexMenu-viewMore li::before { display: none } .queries-list .flexMenu-popup { width: 250px; right: 0; background-color: #fff; margin: 0; padding: 15px 20px 0; border: 1px solid #969696; max-height: 300px; box-sizing: border-box; overflow-y: auto; z-index: 100 } .queries-list .flexMenu-popup::-webkit-scrollbar { width: 6px; background-color: #e9e9e9 } .queries-list .flexMenu-popup::-webkit-scrollbar-thumb { width: 6px; border-radius: 4px; background-color: #555 } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler { width: 0; overflow: hidden; margin: 0; height: 0; padding: 0; border: 0 } .queries-list__toggler span:last-child { display: none } .owl-carousel--arrow .owl-prev, .owl-carousel--arrow .owl-next { position: absolute; top: 50%; transform: translateY(-50%) } .owl-carousel--arrow .owl-prev { left: -18px } .owl-carousel--arrow .owl-next { right: -18px } .popup-form__descr { margin-top: 20px; margin-bottom: -20px; color: #333 } .video-block { float: left; margin-right: 30px } .bx-sbb-empty-cart-container { margin: 15px 15px 30px } .socials-block-adaptive { margin-bottom: 10px } .socials-block-adaptive .socials { margin-top: -10px } .search-nothing-found { text-align: center } .img-center { display: table; margin-left: auto; margin-right: auto } .section-block { padding: 40px 0; clear: both } .owl-item .catalog-item { width: 100% !important; padding-left: 53px; } .filters__submit .bx-filter-parameters-box-container { padding-bottom: 0 } .bx-filter-parameters-box-container { font-size: 12px !important; } @media screen and (max-width: 1200px) { .content-container { width: 100% } img { max-width: 100% } .header-logo__text { display: none } .header__text-item { margin-right: 28px } .header__text-item--second { margin: 0 } .main-menu__item--level1:not(:last-child) { margin-right: 20px } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2 { padding: 10px; height: 100% } .header-catalog-menu__item--doors-item { padding-left: 12px } .header-catalog-menu__item--doors-item .header-catalog-menu__item--level3 { font-size: 12px } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2 { padding-left: 10px; position: absolute; bottom: 0 } .header-catalog-menu__link--level1 { font-size: 13px; line-height: 18px } .header-catalog-menu__link--doors-item { font-size: 16px } .header-catalog-menu__image--left { width: 70px; background-size: 100% auto } .header.fixed .main-menu { left: 15px } .header.fixed .main-menu:before { left: 29px } .header.fixed .main-menu:after { left: 30px } .header.fixed .header__catalog-menu { left: 83px } .index-slider__bottom { text-align: center } .index-slider__bottom:after { display: block; clear: both } .index-slider-bottom__element { width: 50%; max-width: 440px } .index-slider-bottom__title { font-size: 16px } .catalog-categories__image-container { height: 240px } .catalog__content { width: calc(100% - 200px) } .product-top__topbar { display: table; float: right; width: auto } .product-top__left { display: table-footer-group } .product-top__left { float: none } .product-top__right { float: left; width: 100%; text-align: right } .product_video { padding-top: 0 } .product__filter { padding-top: 0 } .product-filter__label { line-height: 1.4em; width: 100%; margin-bottom: 6px } .product-filter__door-open-side { margin-top: 10px } .product-buttons__button--splitable-door { margin-top: 20px; clear: left } .product-buttons__button--splitable-door-view { margin-top: 20px } .product-gallery-large__previews { margin: 10px 0 0; clear: both; width: 100% } .product-gallery-large-previews__item { margin: 0 10px 10px 0; float: left } .order__files-title { font-size: 18px } .order__files-or { margin: 0 12px } .compare-content-controls__slider-scroll { width: calc(100% - 285px) } .compare-content-slider__parameters-titles-container { width: 194px } .compare-content-slider__inner { width: calc(100% - 194px) } .compare-content-slider__top { padding-left: 16px; padding-right: 16px } .sidebar + .text__content { width: calc(100% - 300px) } .feedback__items .feedback__item { width: calc(33.333% - 30px) } } @media screen and (max-width: 1024px) { .product-filter-price-tabs__tab .tooltip { left: 50%; } #dostavich .table-wrapper { float: left; width: 50%; margin-top: -1px; margin-left: -1px } .header__search form:hover { width: 50px } .catalog-item:hover .catalog-item__bg { display: none !important } .catalog-item:hover .catalog-item__aside { display: none !important } .catalog-item:hover .catalog-item__bottom { display: none !important } .catalog--main .catalog-item { width: 33.333%; height: auto !important; min-height: 1px !important } .catalog--main .catalog-item:nth-child(4n + 1) { clear: none } .catalog--main .catalog-item:nth-child(3n + 1) { clear: left } .catalog--search .catalog-item { width: 25% } .catalog--search .catalog-item:nth-child(5n + 1) { clear: none } .catalog--search .catalog-item:nth-child(4n + 1) { clear: left } .catalog--search ~ .catalog__list .catalog__list_inner { margin-left: 0; margin-right: 0 } .catalog--search ~ .catalog__list .catalog-item { width: 25% } } @media screen and (max-width: 991px) { .fade-block__content .about__image { margin-bottom: 15px; width: 100%; align-self: flex-start; margin-right: 0 } .fade-block__content .about__image--slider { margin-top: 20px; } .tabset > label { display: inline-flex; border-bottom: none !important } .product .tabset:before { display: none } .tabset > input:checked + label:before { display: none } .product_view { justify-content: center; margin-bottom: 5px } .product_view > div { width: 100% } .product_order { margin-top: 20px } .tabset .tab-panel { width: 100% } .basket { flex-direction: column } .basket__table { width: 100% } .basket__float { bottom: 50px; width: 100% } .btn-submit { width: initial } .basket__float_box { align-items: center; justify-content: space-around; top: inherit; bottom: 50px; height: auto; z-index: 21; width: 100%; background: #fdf1ec; border: 0; color: #222227; flex-wrap: wrap; margin: 20px 0 } .basket__float_box > div { width: 100%; margin: 0 auto } .basket__float-dots::after { background-color: #222227 } .basket__item-span { color: #222227 } .toggled-elem { color: #222227 } .catalog__sort-links { position: absolute; right: 20px; top: 30px } .catalog__topbar { position: relative } .pagination_mobile { display: block; text-align: center; margin-bottom: 40px; margin-top: 40px } .catalog__list .show-more { display: block; text-align: center } .mobile_only { display: block } .preslider_mobile__title { color: #222227; font-size: 24px; text-align: center } .preslider_mobile__list { display: flex; flex-direction: column; max-width: 300px; margin: 40px auto } .preslider_mobile__item { text-transform: uppercase; color: #ff652e; display: table-cell; border: 1px solid #ff652e; margin-top: -1px; margin-left: -1px; padding: 15px 20px; box-sizing: border-box; transition: all .2s; font-weight: bold } .preslider_mobile__item:hover { border-color: transparent; box-shadow: 0 0 10px 1px #ee490e } .index-slider-bottom__element .tab-arrow { display: inline-block } .tab-content { transform: scaleY(0); max-height: 1px } .header .bx-basket { position: relative; top: 4px } .catalog__title { float: none } .project__box { margin: 20px auto } .header.fixed .header-fixed .content-container { display: flex; justify-content: space-between } .about .content-container { display: flex; flex-direction: column } .image_for_index_page { width: 100%; height: auto } .about__text-content { width: 100% } .main-menu__slogan { display: none } .header-catalog-menu__link--has-items .header-catalog-menu__title--level1 { height: 60px } .header-catalog-menu__link--has-items-mobile:after { top: 24px } .header-catalog-menu__title--level1 { justify-content: flex-start; padding: 0; height: 60px } .header__button--catalog-button { font: bold 14px/50px "Open Sans", sans-serif; color: #fff; text-transform: uppercase; display: block; padding-left: 12px; padding-right: 15px; float: left; width: 100%; height: 50px; background-color: #40404b; border-top-right-radius: 0; border-bottom-right-radius: 0; border: 0; text-align: left } .footer-section .content-container { padding-top: 0 } .footer-section { text-align: center; margin: 20px 0 } .footer-section__contacts, .footer-section__address-container, .footer-section__menu { display: none } .text_about_shop { display: block; padding: 0 20px 20px 20px } .header_search { padding: 0 20px } .header__text-item--phone { display: none } .header-mobile-bottom-fixed { display: block; position: fixed; bottom: 0; width: 100vw; background-color: #ff652e; z-index: 22; height: 65px; border-top: 1px solid #fff } .mobnav_bottom { display: flex; justify-content: space-around } .mobnav_icon { display: flex; flex-direction: column; align-items: center; justify-content: center } .mobnav_icon .icon { width: 30px; height: 30px; color: #fff } .mobnav_item { font-size: 12px; color: #fff; padding: 5px 10px; display: block } .mobnav_text { position: relative; top: -5px } .mobnav_item:hover { background-color: #ee490e } .mobnav_popup { right: 100px; position: absolute; background-color: #fff; border: 2px solid #33333378; box-shadow: -1px 1px 200px 200px #333333a1 } .mobnav_popup.shown { display: block } .popup_icon { width: 24px; height: 24px; margin-right: 10px } .mobnav_popup_line { display: flex; align-items: center; padding: 10px; font-size: 16px; white-space: nowrap; color: #222227 } .footer--orange { flex-direction: column; align-items: center; text-align: center } .socials { margin-top: 20px } .footer--orange .subscribe, .footer--orange .socials { max-width: 100%; padding: 10px } .sidebar--text { width: 260px; position: absolute; top: -62px; right: 0 } .sidebar--stores { width: 260px; position: absolute; top: -62px; right: 0 } .sidebar + .text__content { width: 100% } .sidebar__button--menu { height: 40px; line-height: 38px; margin: 0 !important; text-align: left; padding: 0 12px; display: block; color: #333 !important; background-color: #fff !important; border-color: #ccc !important; z-index: 10 } .sidebar__button--menu span { padding-right: 24px } .sidebar__button--menu:after { content: ''; position: absolute; display: block; top: 15px; right: 12px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 99.37106918238993% 17.56756756756757%; width: 14px; height: 10px } .sidebar__button--menu.active { border-bottom-left-radius: 0; border-bottom-right-radius: 0 } .sidebar__button--menu.active:after { top: 13px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .sidebar__menu { display: none } .sidebar-menu__list { margin-top: -1px; padding-top: 1px } .sidebar-menu__item:first-child .sidebar-menu__link { border-top-left-radius: 0; border-top-right-radius: 0 } .sidebar-menu__item:first-child .sidebar-menu__title { border-top-left-radius: 0; border-top-right-radius: 0 } .sidebar-menu__link { background-color: #fff } .header__text-item { margin-right: 48px; position: relative } .header__text-item--second { position: absolute; top: 44px; left: 382px } .header__text-item--phone { margin: 0 } .header-text-item__callback { position: absolute; left: -155px; top: 20px } .header__menu-button { display: flex; align-items: center; margin-left: 15px; padding-left: 24px; float: left; color: #777 } .header__menu-span { font-size: 16px; font-weight: bold } .header__menu-button:hover:before { opacity: 0 } .header__menu-button:hover:after { opacity: 1 } .main-menu { display: none } .header__button--catalog-button:hover { background-color: #222227; border-color: #222227 } .header__catalog-menu { display: none } .header-catalog-menu__container { display: none } .header__shop-links { margin: 0; min-width: 156px } .header-shop-links__link { margin-top: -9px } .header-shop-links__link--comparsion { position: absolute; top: 44px; margin-left: 4px } .header-shop-links__text--comparsion { display: block } .header-fixed__menu-button { width: 35px; font-size: 0; margin-left: 10px } .header-fixed__menu-button:before, .header-fixed__menu-button:after { left: 8px } .header-fixed__button--catalog { margin-left: 0; padding: 0 6px } .header-fixed-shop-links__link { margin-left: 10px } .header-fixed__button__popup--callback { margin-left: 10px; padding: 2px 6px; background-color: white; color: #ff652e; line-height: 13px; max-width: 100px } .header__catalog-menu { float: none; background: 0; margin: 0; border-radius: 0; width: 270px; z-index: 300 } .header-catalog-menu__button { display: block; background-color: #ff652e; text-transform: uppercase; color: #fff; padding-left: 20px; font: bold 14px/50px "Open Sans", sans-serif; position: relative } .header-catalog-menu__button:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px; top: 17px; right: 18px } .mobile-catalog-active .header-catalog-menu__container--level1 { display: block } .header-catalog-menu__container { width: 270px } .header-catalog-menu__container .header-catalog-menu__container { width: 100% } .header-catalog-menu__container--level1 { top: 50px; left: 270px; position: absolute } .header-catalog-menu__container--level2 { display: none !important } .header-catalog-menu__list { display: block } .header-catalog-menu__item { text-align: left; display: block; padding: 0 } .header-catalog-menu__item:not(:last-child) { border-bottom: 1px solid #ccc } .header-catalog-menu__item:hover { background-color: #fff } .header-catalog-menu__item--desktop-hidden { display: block } .header-catalog-menu__item--has-items-mobile .header-catalog-menu__container--level2 { top: 0 !important; left: 270px; box-shadow: none } .header-catalog-menu__item--has-items-mobile.active .header-catalog-menu__container--level2 { opacity: 1; display: block !important } .header-catalog-menu__item--level2 { display: block !important; border-left: none !important; border-right: none !important; max-width: none } .header-catalog-menu__link { color: #222227; text-transform: none; display: block; font: normal 14px/20px "Open Sans", sans-serif } .header-catalog-menu__item--active > .header-catalog-menu__link { color: #fff } .header-catalog-menu__link--level2 .header-catalog-menu__title { margin: 0; text-align: left } .header-catalog-menu__link--has-items { padding-right: 36px } .header-catalog-menu__link--has-items:before { display: none } .header-catalog-menu__link--has-items-mobile:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px; top: 24px; right: 18px } .main-menu__list { width: 100%; padding: 0 } .header-catalog-menu__link--back { display: block; background-color: #40404b; color: #fff !important; width: 270px; text-transform: uppercase; font-weight: bold; top: 0; left: 270px; position: absolute; padding-left: 20px; height: 50px; line-height: 48px } .header-catalog-menu__link--level2 { padding: 20px } .header-catalog-menu__link--back:before { content: ''; position: absolute; display: block; top: 17px; left: 5px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px } .header-catalog-menu__link--back .back-catalog { display: none } .mobile-catalog-active-inner .header-catalog-menu__link--back .back-menu { display: none } .mobile-catalog-active-inner .header-catalog-menu__link--back .back-catalog { display: block } .header-catalog-menu__image { display: none } .header-catalog-menu__title { margin: 0; text-align: left } .main-menu { width: 270px; float: none; padding: 0 } .main-menu__list--level2 { border: 0; border-radius: 0 } .main-menu__list--level2:before, .main-menu__list--level2:after { display: none } .main-menu__item { float: none; margin: 0 !important; background: #fff !important } .main-menu__item:not(:last-child) { border-bottom: 1px solid #ccc } .main-menu__item--level2 { display: block } .main-menu__item--has-items { position: static } .main-menu__item--has-items:hover .main-menu__container { display: none } .main-menu__item.active .main-menu__container { display: block; top: 49px; left: 270px; -webkit-transform: none; -ms-transform: none; transform: none; opacity: 1; box-shadow: none; width: 100% } .main-menu__item:hover > .main-menu__link { color: #777 } .main-menu__link { display: block; padding: 15px 20px } .main-menu__link:hover { background-color: #fff; color: #777 } .main-menu__link--has-items .dropdown_arrow { display: none } .main-menu__link--has-items { padding-right: 36px; position: relative } .main-menu__link--has-items:after { content: ''; position: absolute; display: block; top: 17px; right: 18px; background: url("/local/templates/general/assets/css/../images/sprites.svg") 97.53086419753086% 7.692307692307693%; width: 11px; height: 15px } .main-menu__link--back { background: #ff652e !important; color: #fff !important; width: 270px; text-transform: uppercase; font-weight: bold; top: 0; left: 270px; position: absolute } .main-menu__link--back:before { content: ''; position: absolute; display: block; top: 17px; left: 5px; -webkit-transform: scaleX(-1); -ms-transform: scaleX(-1); transform: scaleX(-1); background: url("/local/templates/general/assets/css/../images/sprites.svg") 56.79012345679013% 76.92307692307692%; width: 11px; height: 15px } .mobile-catalog-active .main-menu__link--back { display: none } .footer-section-menu__item--level1 { width: 50%; padding-left: 15px } .index-slider-bottom__element { width: 50% } .index-slider-bottom__title { font-size: 18px } .index-slider__button--link { bottom: 28% } .catalog-categories__image-container { height: 170px } .sidebar--filters { display: none; width: auto; float: none } .sidebar__header--filter { display: block; font-size: 20px; padding-left: 30px; position: relative } .sidebar__header--filter:before { content: ''; position: absolute; display: block; top: -3px; left: 0; background: url("/local/templates/general/assets/css/../images/sprites.svg") 89.40397350993378% 17.77777777777778%; width: 22px; height: 23px } .filters-opened .sidebar--filters { display: block; width: 100%; padding-top: 20px } .filters__filter.active .filters__title-inner:after { top: 2px; -webkit-transform: none; -ms-transform: none; transform: none } .filters__title-inner { position: relative; padding-right: 22px } .filters-color-block__toggler { margin-left: 2px } .filters-color-block__title { left: 37px } .filters-color-block__checkbox:nth-child(5n) { margin-right: 7px } .catalog-item__top { min-height: auto !important } .catalog__filter-link { position: fixed; bottom: 115px; left: 25px; display: flex; padding: 5px; font-size: 0; background-color: #2d2d39; border-radius: 50%; width: 40px; height: 40px; z-index: 21; color: #fff } .catalog__filter-link:before, .catalog__filter-link:after { content: ''; position: absolute; display: block } .catalog__filter-link:before { background: url("/local/templates/general/assets/css/../images/sliders.svg"); background-size: cover; width: 22px; height: 22px; top: 7px; left: 9px } .catalog__filter-link:after { display: none } .catalog__content { width: 100% } .catalog--search .catalog-item { width: 33.333% } .catalog--search .catalog-item:nth-child(4n + 1) { clear: none } .catalog--search .catalog-item:nth-child(3n + 1) { clear: left } .product-top { padding-bottom: 15px } .product-top__topbar { margin-top: 18px; width: 100% } .product-top__left { position: absolute; display: block; right: 15px } .product-top__right { float: left; display: block; width: auto } .product-preview { width: 1920px; margin-left: -696px; left: 50% } .product-title__toggler { padding-right: 22px; position: relative; transition: none } .product-title__toggler:after { content: ''; position: absolute; display: block; background: url("/local/templates/general/assets/css/../images/sprites.svg") 100% 0; width: 15px; height: 11px; top: 4px; right: 0 } .product-title__toggler.inactive:after { top: 6px; -webkit-transform: scaleY(-1); -ms-transform: scaleY(-1); transform: scaleY(-1) } .product__gallery { width: 100% } .product_video { position: static; float: left; width: 100%; padding: 0 15px 4px } .product__filter { position: static; float: left; width: 100%; padding: 40px 15px 4px } .product-filter__label { line-height: 40px; margin-bottom: 0; width: auto } .product-filter__color, .product-filter__door-type { margin-top: 0 } .product-filter__door-open-side { margin-top: 20px } .product-filter__price-tabs { order: -10 } .product-filter__complect { order: -5; width: 100%; margin-bottom: 10px } .product-filter-complect__inner { height: auto !important } .product-filter-complect__cell--title { padding-left: 15px } .product-filter__submit { display: flex; flex-direction: column } .product-filter__submit:before { left: 0; width: 100% } .product-filter-price-tabs__configure:after { display: none } .product-info__description { width: 100%; max-width: none } .product-info__parameters { width: 100%; margin-top: 35px } .product-info-parameters__list { column-count: 1; column-gap: 0; } .product-info-parameters__key { width: 40% } .product-info-parameters__value { width: 60% } .product__gallery-large { width: 400px; padding: 0 } .product__price { float: none; padding: 0 } .product-price__block { width: 35%; min-width: 125px } .product-price-submit__price { min-width: 125px } .product-price__block--small { width: 30% } .product-price__block--area { width: 45% } .product-price__submit:before { left: 0; width: 100% } .cart__form { padding: 12px 20px } .cart__topbar { right: 15px } .cart__table { display: block } .cart__table tbody { display: block } .cart-table__header-row { display: none } .cart-table__row { display: block; border-top: 1px solid #ccc } .cart-table__row:after { display: block; content: ''; clear: both } .cart-table__cell { border: 0; float: left; display: block } .cart-table__cell--image { margin-left: 15px } .cart-table__cell--title { width: calc(100% - 365px) } .cart-table__cell--price { width: 250px; float: right } .cart-table__cell--quantity { width: 250px; float: right; padding-top: 0 } .cart-table__cell--sum { width: 250px; float: right; padding-top: 0; clear: right; text-align: left } .cart-table__remove-link { position: absolute; top: 0; right: 0 } .cart__table-bottom { border-top: 1px solid #ccc } .cart-table-bottom__coupon { margin-left: 15px; width: calc(50% - 15px) } .cart-table-bottom-coupon__label { line-height: 40px } .cart-table-bottom-coupon__input { width: calc(100% - 210px); height: 40px; margin-right: 0; border-right: 0; border-top-right-radius: 0; border-bottom-right-radius: 0 } .cart-table-bottom-coupon__button--submit { border-top-left-radius: 0; border-bottom-left-radius: 0; width: 100px; padding: 0; height: 40px; line-height: 38px } .cart-table-bottom__sum { width: calc(50% - 60px) } .cart-table-bottom-sum__item { width: 25%; text-align: right } .cart-table-bottom-sum__item--total { margin-right: 15px; width: calc(75% - 15px) } .cart-table-bottom-sum__value--total { font-size: 24px } .cart__cart-bottom { margin-top: 20px; padding: 0 15px } .cart-cart-bottom__button--submit { height: 40px; line-height: 38px } .order__fieldset--delivery .order__form-group { padding: 0; width: 100% } .order__fieldset--comment .order__form-group { padding: 0; width: 100% } .order__form-group { width: 50%; float: left; padding-right: 15px } .order__form-group:nth-of-type(2) { margin-top: 8px } .order__form-group:nth-of-type(2n + 1) { clear: left } .order__form-group--files { width: 100%; padding-bottom: 16px } .order__input { width: 100%; max-width: 300px } .order__message-container { position: static; float: left; width: 100%; padding: 0; display: block; height: auto !important; margin-top: 5px } .order__message { padding-left: 0 } .order__address-text { width: 100%; min-height: 0; padding-bottom: 40px } .order__map-container { position: static; width: 83.333% } .order__textarea { width: 83.333% } .order__submit { width: 83.333% } .order__files-controls { width: 100% } .order__files-container { width: 100%; margin-top: 12px } .text__content { width: 100% } .errorpage__block { margin-left: 0 } .contacts__form { width: 100% } .contacts-form__inner { max-width: 100%; padding-bottom: 40px; border-bottom: 4px solid #f5f5f5 } .contacts__text-info { margin-top: 36px; width: 100% } .contacts-text-info__inner { max-width: 100% } .contacts-text-info__phones { width: 66.666%; float: left } .contacts-text-info__links { width: 33.333%; float: left } .contacts-text-info__block--link { clear: both; margin-bottom: 6px } .contacts-text-info__skypes { width: 66.666%; float: left } .contacts-text-info__props { width: 66.666%; float: left } .splitable-doors__top { position: relative; width: 100% } .splitable-doors__image { border-radius: 3px; width: 100%; height: 268px } .splitable-doors__main-title { margin-bottom: 98px } .splitable-doors__button-container { position: absolute; bottom: 2px; left: 17px; border: 0; border-radius: 0; border-bottom-left-radius: 3px; border-bottom-right-radius: 3px; background-color: #fff; width: calc(100% - 34px); height: 96px } .splitable-doors__tabs { width: 100% } .feedback__items .feedback__item { width: calc(50% - 30px) } .news__item:first-child .news__image { height: 170px } .news__item:first-child .news__text-container { position: static; background: 0; padding: 0 } .news__item:first-child .news__text { margin-top: 12px; color: inherit } .news__item:nth-child(6) { clear: none } .offers__item { height: auto; } .offers__inner { background-position: left -15px; background-size: auto 215px } .offers__button--readmore { bottom: 15px; left: 20px } .sidebar--stores + div { width: 100% !important } .stores__content { width: 100% } .about__text:nth-child(n) { flex-direction: column } .about__text .image_for_index_page { margin-bottom: 0; padding-bottom: 0; margin-right: 0 } .about__text .image_for_index_page + br { display: none } .catalog__sort-links { position: static } .pagination__total { margin-right: 0; margin-bottom: 15px } .fixed-header.active-fixed { display: none } .product-top__title-inner { display: block } .product-top__title-row { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap } .product-top__title-row .product-top__instore { display: block; width: auto; margin: 0 } .product-top__title { margin-right: auto } .basket__item-img { flex-basis: auto; margin-right: 20px } .basket__item-params { margin-right: auto } .basket__item-price { margin-left: 30px; flex-direction: column; align-items: flex-end } .basket__item-base-price { white-space: nowrap; flex-direction: row; margin-bottom: 15px; margin-right: 0 } .basket__item-quantity { margin-right: 0; margin-bottom: 7px } .basket__item-sum-price { min-width: 0 } .about, .container-gray { padding-top: 30px; padding-bottom: 35px } .index-feedback .container-gray__header, .container-gray__header { margin-bottom: 15px } .index-feedback { padding: 30px 0 20px } .index-slider__bottom { margin: 0; padding: 15px 0 } .index-slider-bottom__element { padding: 10px } .index-types, .items-slider { padding-top: 30px } .items-slider .content-container { padding-bottom: 25px } .catalog__list_inner { margin: 0 -5px } .video-block { float: none; width: 100%; display: block; margin: 0 0 15px } .video-block video { max-width: 100% } .wrap_mW { bottom: 35px !important } .move_top_arrow { bottom: 135px } .cad-fixed-call.cad_bl { bottom: 55px !important } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2 { padding-bottom: 15px; height: auto } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--current { padding-bottom: 10px } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--level2 { padding: 0; font-weight: bold } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--level2 > li { margin-bottom: 0; border-bottom: 1px solid #ccc } .header-catalog-menu__item--doors-item .header-catalog-menu__item--level3 { border-bottom: 0 } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--colors-item { float: none; margin-bottom: 0 !important } .header-catalog-menu__item--doors-menu .header-catalog-menu__link--doors-item { margin: 0 } .header-catalog-menu__list--level2 li:nth-child(6) { margin-bottom: 0 } .header-catalog-menu__item--colors-item { padding: 15px 10px !important; border-top: none !important; border-bottom: 1px solid #ccc !important } .header-catalog-menu__item--colors-item:after { display: none } .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3 { float: none; width: 100%; margin-bottom: 0 } .header-catalog-menu__item--colors-item .header-catalog-menu__item--level3:nth-child(n) { margin-bottom: 0; margin-left: 0; margin-top: 15px; display: block } .header-catalog-menu__item--splitable-doors { position: static !important; width: 100% !important } .header-catalog-menu__item--splitable-doors .header-catalog-menu__link--level2 { position: static; padding: 15px 10px } .header-catalog-menu__item--doors-menu .header-catalog-menu__item--level2:not(:first-child):before, .header-catalog-menu__item--doors-menu .header-catalog-menu__list--level2:after, .header-catalog-menu__item--colors-item .header-catalog-menu__list--level3:after { display: none } .product__button--consulting { margin-left: 0; margin-right: 0; margin-bottom: 30px } .header-fixed-search__button { background: 0; border: 0; margin-right: -25px } .header-fixed-search__button::after, .header-fixed-search__button::before { display: none } .title-search-result.title-search-result { min-width: 200px } .filter-container { position: static } } @media screen and (max-width: 767px) { .fade-block__content .about__text { padding: 15px } .catalog__title { font-size: 24px; line-height: 1.2; margin-bottom: 20px } .catalog .catalog-item { margin-bottom: 30px; padding: 0 10px } .catalog--main .catalog-item:nth-child(3n + 1) { clear: none } .catalog--main .catalog-item { width: calc(50% - 10px); text-align: center } .catalog-item__image-container > div { text-align: center; } .catalog--main .catalog-item__title, .catalog--main .catalog-item__image-link, .catalog--main .catalog-item__image-container { margin-left: auto; margin-right: auto } .catalog-item__image-link { display: inline-flex; } .catalog--main.catalog--main .catalog-item__badge-container { /*left: 78px*/ left: 1% !important; } .index-slider-bottom__title { margin-top: 0; margin-left: 10px } .jouele-play-lift { top: 32%; width: 10px; height: 10px } .jouele-control-text { display: none } .jouele-svg { width: 50px; height: 50px } .header-middle-container { flex-direction: column } .header_search { flex-basis: initial; width: 100% } .header__shoping { display: none } .header_search__form { max-width: initial; margin-top: 6px } .header-logo__image { float: none } .img-block { background-size: 0 } .img-block::before { padding-top: 195px; content: ''; display: block; background-image: inherit; background-size: cover; background-position: right center } .img-block__content { max-width: none; padding: 20px 20px 25px; background: rgba(0, 0, 0, 0.1); min-height: 1px } .img-block__title { font-size: 18px; margin-bottom: 5px } .img-blocks-list .owl-dots { bottom: 13px } .queries-list { font-size: 16px; flex-direction: column } .queries-list__list { margin-right: -15px } .owl-carousel--dots .owl-dots { display: block !important } .product-top__title { width: 100% } .product-top__badge-container { padding: 7px 0 0 } .header-logo__image { max-width: 80px } .items-slider__button--all-button { height: 20px; line-height: 20px } .index-types { padding-top: 0 } h2, .items-slider__title, .container-gray__title { font-size: 20px; line-height: 26px } .our_project__title, .feedback__item { padding: 15px } .index-news .index-news__item { padding-bottom: 15px } .feedback__text { height: auto; margin-bottom: 10px } .footer--orange .subscribe form { flex-direction: column } .footer--orange .subscribe { padding: 0 } .subscribe__title { margin-right: 0; margin-bottom: 10px } .owl-dots { display: flex; justify-content: center; flex-wrap: wrap } .owl-dot:not(:last-child) { margin-right: 6px } .owl-dot { width: 6px; height: 6px } .container-gray .owl-dots { bottom: -25px } .index-news__item .index-news__link, .index-news__text, .index-news__title, .index-news__date { margin-left: 15px; margin-right: 15px } .container-gray__subtitle { margin-top: 5px } .catalog-wrapper { margin-bottom: 10px } .catalog__text { padding-top: 30px } .owl-carousel .owl-stage { display: block } .catalog__list_inner { margin: 0 -10px } .img-blocks-list { display: none } .catalog--search ~ .catalog__list .catalog-item { width: 33.33% } } @media screen and (max-width: 600px) { .product-filter__submit { padding: 5px 15px 15px } .product_params__title { margin-top: 15px } .index-slider__bottom { display: flex; flex-direction: column; align-items: center } .index-slider-bottom__element { width: 100%; max-width: 300px; padding-left: 0; margin-bottom: 0; padding-bottom: 10px } .index-slider-bottom__element input:checked ~ .tab-content { transform: scaleY(0); max-height: 1px } .index-slider-bottom__element .tab-content { transform: scaleY(1); max-height: 100% } .header__menu-button { display: flex; padding-top: 10px; padding-bottom: 10px; padding-left: 0; color: #fff } .header__menu-button { margin-top: -6px } .items-slider__slider { padding: 0 15px } .items-slider__slider .owl-prev { left: 5px } .items-slider__slider .owl-next { right: 5px } .soc-fixed { bottom: 0; top: auto; right: auto; left: 100px; width: 134px; padding-bottom: 0 } .soc-fixed li { list-style: none; width: 32px; float: left; margin-right: 8px } .soc-fixed li:last-child { margin-right: 0 } .soc-btn_fixed { margin: 0 0 5px; position: relative } .catalog__topbar { display: flex; justify-content: center; flex-wrap: wrap } .catalog__topbar .catalog-categories__list { width: 100% } .catalog-categories__text h1 { margin-bottom: 0 } .catalog__sort-container { margin-left: 0 } .chips { margin-bottom: 10px; margin-right: 0; margin-top: 10px; justify-content: center } .footer-section-contacts__developer { flex-direction: column; align-items: center } .footer-section-contacts__copyright { margin-bottom: 15px } .header-top { background-size: 0 } .header-top .content-container { display: flex; align-items: center; padding-right: 82px } .header-top .header__logo { margin: 0 auto; display: inline-block; width: auto } .header-logo__image { margin-top: 0; padding: 0; max-width: none; width: 170px } .queries-list { font-size: 12px; display: none; } .queries-list__list { margin-right: -10px } .queries-list__list li:nth-child(n + 6) { display: none } .queries-list__list.active-class li:nth-child(n) { display: block } .queries-list__list.active-class .queries-list__toggler span:first-child { display: none } .queries-list__list.active-class .queries-list__toggler span:last-child { display: block } .queries-list__list > li { margin: 0 10px 10px 0 } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler { width: auto; height: auto; border: 1px solid #b3b3b3 } .queries-list__toggler.queries-list__toggler.queries-list__toggler.queries-list__toggler, .queries-list__list a { padding: 2px 8px } .catalog-item .catalog-item__badge-container { left: -5px } .catalog-item .catalog-item__label { /*height: 18px; line-height: 18px; margin-bottom: 5px; font-weight: 400; font-size: 10px; min-width: 0; padding-left: 5px*/ } .catalog-item .catalog-item__label:before { border-width: 2px; left: 1px } .catalog-item .catalog-item__label:after { top: 0; border-width: 9px } .related__slider-item .catalog-item__label { /*height: 16px; line-height: 16px; padding-left: 4px; margin-bottom: 5px; font-weight: 400; font-size: 8px; min-width: 0*/ } .related__slider-item .catalog-item__label:before { border-width: 2px; left: 1px } .related__slider-item .catalog-item__label:after { top: 0; border-width: 8px } .related__slider-item .catalog-item__badge-container { top: 5px; left: -5px } .owl-carousel--arrow .owl-nav { display: none !important } .product .tabset.tabset { margin: 30px -20px; display: flex; flex-wrap: wrap; border-bottom: 0 } .product .tabset > label { display: none; width: 50%; border-top: 2px solid #c5c5c5; border-bottom: 2px solid #c5c5c5 !important; margin: 0; text-align: center; padding: 15px 10px } .product .tabset > label[for="tab1"]::after, .product .tabset > label[for="tab3"]::after { content: ''; height: 100%; width: 2px; background-color: #c5c5c5; position: absolute; right: -1px; top: 0 } .product .tabset > label[for="tab1"], .product .tabset > label[for="tab6"], .product .tabset > label[for="tab2"], .product .tabset > label[for="tab3"] { display: block; } .product .tabset > label[for="tab6"], .product .tabset > label[for="tab3"] { margin-top: -2px; } .product .tabset > input:checked + label { color: #333 } .product .tabset > input:checked + label { background-color: #c5c5c5 } .product .tabset > input:checked + label::before { display: none !important } .product .tab-panels { width: 100%; margin: 0; padding: 0 20px; border-bottom: 4px solid #f5f5f5 } .product .tab-panel { padding: 20px 0 } .basket__item-params { flex-grow: 1; max-width: 500px; flex-basis: 1px } .basket__item { flex-wrap: wrap } .basket__item-price { order: 1; flex-basis: 100%; align-items: center; flex-direction: row; flex-wrap: nowrap; margin-left: 0; margin-top: 15px } .basket__item-base-price { flex-direction: row; min-width: 135px; justify-content: flex-end; margin-right: 15px; margin-bottom: 0 } .basket__item-quantity { margin-right: 15px; margin-bottom: 0 } .basket__item-sum-price { margin-top: 0 } .basket__item-remove { position: static; margin-left: auto } .image_for_index_page { max-width: none } .about__title { margin-bottom: 12px } .index-slider2 { display: block !important } .index-slider2 .index-slider__item { height: 90vw } .index-slider2 .index-slider__item p { position: absolute; bottom: 50px; left: 15px; right: 15px } .text_about_shop .tab-label { justify-content: center } .index-slider .owl-dots { display: flex !important; bottom: 15px; left: 15px; right: 15px; width: auto } .index-slider .owl-dot:not(:last-child) { margin-right: 6px } .product-center__footer { padding-top: 11px } .product_params__descr { margin-bottom: 20px } .contacts-text-info__links, .contacts-text-info__skypes, .contacts-text-info__props, .contacts-text-info__block { margin-top: 0; width: 100%; padding-right: 0 } .feedback__items .feedback__item { width: calc(100% - 30px) } .socials-block-adaptive .socials__links { justify-content: center } ._orinationRight_25 .button_1O { transform: scale(0.8) !important; margin-right: 5px !important } .move_top_arrow { right: 14px; bottom: 125px } .catalog__filter-link { bottom: 125px; left: 14px } } @media screen and (max-width: 500px) { .product-preview { margin-left: -810px } .cart__form { padding: 0 15px } .basket__item { padding: 15px 0 } .basket__item-img { margin-right: 10px } .basket__item-img .cart-table__image { max-width: 70px } .basket__item-title { font-size: 14px; font-weight: 600; margin-bottom: 5px } .basket__item-params .not_product-top__availability--available, .basket__item-params .product-top__availability--available { line-height: 20px; padding-left: 27px; font-size: 12px } .basket__item-params .not_product-top__availability--available::before, .basket__item-params .product-top__availability--available::before { width: 20px; height: 20px } .basket__item-params .not_product-top__availability--available::after, .basket__item-params .product-top__availability--available::after { width: 13px; height: 11px; top: 5px; left: 5px } .basket__item-base-price { flex-direction: column; align-items: flex-end; min-width: 80px; font-size: 14px; line-height: 1.3; margin-right: 10px } .basket__item-quantity { margin-right: 10px; width: 96px } .basket__item .quantity__button { width: 27px; height: 34px } .basket__item .quantity__input { width: 40px; height: 34px } .basket__item-sum-price { font-size: 16px } .basket__item-remove-link { font-size: 0; width: 20px; height: 20px; display: block; position: relative } .basket__item-remove-link::before, .basket__item-remove-link::after { content: ''; display: block; width: 24px; height: 2px; background-color: currentColor; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(-45deg) } .basket__item-remove-link::after { transform: translate(-50%, -50%) rotate(45deg) } #dostavich .table-wrapper { float: none; width: 100%; margin-top: -1px } .product-filter__price-tabs { padding: 0 } .project__item, .index-news__image, .our_project__image, .image_for_index_page { height: 60vw } } @media (max-width: 460px) { .furniture-inner { margin-left: -5px; margin-right: -5px } .furniture__item { -webkit-flex-basis: calc(50% - 10px); -ms-flex-preferred-size: calc(50% - 10px); flex-basis: calc(50% - 10px) } .furniture__img { height: 80px; padding: 5px } .header__menu-span { display: none } .header-top .content-container { padding-right: 32px } .catalog-item__image-link--shadow::before { left: 15px } .catalog--search ~ .catalog__list .catalog-item { width: 50% } .header-fixed__search .header_search__input, .header-fixed-search__input { width: 255px } } @media (max-width: 394px) { .items-slider__slider .catalog-item__image-container { width: 100% } .items-slider__slider .owl-item .catalog-item__inner { text-align: center } .items-slider__slider .catalog-item__title { max-width: none } .items-slider__slider .catalog-item__badge-container { left: calc(50% - 74px) } .items-slider__slider .owl-prev { left: 15px } .items-slider__slider .owl-next { right: 15px } .queries-list__list { font-size: 14px } .basket__item-prm { font-size: 11px } .basket__item-params .not_product-top__availability--available, .basket__item-params .product-top__availability--available { line-height: 18px; padding-left: 23px; font-size: 11px } .basket__item-params .not_product-top__availability--available::before, .basket__item-params .product-top__availability--available::before, .basket__item-params .not_product-top__availability--available::after, .basket__item-params .product-top__availability--available::after { transform: translate(-2px, -2px) scale(0.8) } .basket__item-base-price { font-size: 13px; min-width: 72px } .basket__item-sum-price { font-size: 14px } .basket__item-remove { margin-right: -4px } .catalog-item__image-container > div { text-align: center } .items-slider .catalog-item { justify-content: center } .items-slider__slider .catalog-item__image-link { margin-left: auto; margin-right: auto } } @media (max-width: 360px) { .header-fixed__search .header_search__input, .header-fixed-search__input { width: 215px } } .bx-sls .dropdown-block { padding: 4px 22px 4px 30px } .bx-sls .bx-ui-sls-fake, .bx-sls .bx-ui-sls-route { height: 28px } .section-image__container { position: relative; min-height: 1px; width: 100%; margin-bottom: 20px } .section-image__container:before, .section-image__container:after { content: " "; display: table } .section-image__container:after { clear: both } .section-image__block { width: 100%; max-height: 147px; background-size: cover; background-position: left top; background-repeat: no-repeat } .sidebar--filters { padding-top: 6px } .catalog-text__descr { margin-top: 0 } .product_img .product-door { text-align: center; width: 100% } .banner-w-slider { display: flex } .banner-w-slider__main .index-slider__slider { margin: 0; width: auto; } .banner-w-slider__main { min-width: 75% } .banner-w-slider__main .owl-carousel .owl-item img { max-height: 40vw } .banner-w-slider__aside { width: 25%; flex-shrink: 0; padding-left: 20px; box-sizing: border-box } .banner-w-slider__grid { display: flex; flex-wrap: wrap; margin: -10px; width: calc(100% + 20px) } .banner-w-slider__cell { width: 100%; display: flex; padding: 10px; box-sizing: border-box } .banner-w-slider__item { height: 184.5px; position: relative; display: flex; align-items: flex-end; width: 100%; padding: 15px 20px; box-sizing: border-box; overflow: hidden; border-radius: 8px } .banner-w-slider__img { display: flex; position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 1 } .banner-w-slider__img img { object-fit: cover; width: 100% } .banner-w-slider__img::after { /* background: linear-gradient(to bottom, #000000, rgba(0, 0, 0, 0.6)); */ top: 50%; position: absolute; z-index: 2; left: 0; width: 100%; height: 50%; content: ''; display: block } .banner-w-slider__name { position: relative; z-index: 2; color: #fff; font-size: 16px; font-weight: 700; line-height: 1.5 } @media screen and (max-width: 1024px) { .index-slider__item { height: auto } .banner-w-slider { flex-wrap: wrap } .banner-w-slider__main { width: 100% } .banner-w-slider__aside { width: 100%; padding-left: 0; padding-top: 20px } .banner-w-slider__cell { width: 50% } .banner-w-slider__item { height: calc(25vw - 20px) } } @media screen and (max-width: 600px) { .banner-w-slider { display: none } } .main_slider_product { padding-top: 40px } .main_slider_product .tab-panel { width: 100% } .main_slider_product .items-slider { padding-top: 0 } .icon--order-call { width: 20px; height: 22px } .icon--info { height: 20px; width: 20px } .owl-carousel .owl-item { opacity: 0 !important } .owl-carousel .owl-item.active { opacity: 1 !important } .mobnav_popup_line a { color: #222227 } .product-price__submit_old { width: 100%; float: left; padding-top: 20px; position: relative } .catalog-item { min-height: 410px !important } .section-image__list { display: flex; justify-content: space-between; margin-bottom: 15px } .section-image__list .section-image__item { width: calc(50% - 10px) } .section-image__list .section-image__item img { display: block } @media (max-width: 600px) { .section-image__list { flex-wrap: wrap } .section-image__list .section-image__item { margin-bottom: 5px; width: 100% } .items-slider .catalog-item { padding-left: 15px; } } .product-document-item { margin-bottom: 10px; } .product-document-item span { border-bottom: 1px solid #000 } .product-document-item svg { fill: #ff652e; height: 18px !important; margin-top: 4px; margin-left: 5px !important; } .product-filter__footer-doc { margin-top: 10px } .__jivoMobileButton { bottom: 45px !important } .product-gallery__link__video { text-align: center; justify-content: center; align-items: center } .product-gallery__link__video img { max-width: 50px; max-height: 50px } .index-slider__slider { width: 65%; margin: 0 auto; } .product-banner { padding: 0 0 15px 0; } .product-banner a { display: block; width: 100% } .product-banner a img { width: 100% } .product-top__availability--no-active { margin-bottom: 15px; } .product-top__availability--no-active:before { background: red; } .product-top__availability--no-active:after { content: 'x'; background: none; color: #fff; text-align: center; width: 16px; font-size: 16px; } .promo-banner { background-repeat: no-repeat; background-size: cover; background-position: 50% 50%; position: relative; } .promo-banner__wrapper { min-height: 58px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; color: white; } .promo-banner__link{ position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 5; } .promo-banner__content { margin-left: 15px; } .promo-banner__title { text-shadow: 0 2px 8px rgba(188, 80, 1, 0.1); font-size: 16px; font-weight: 700; text-transform: uppercase; } .promo-banner__text{ font-size: 13px; } .product-info__descr, .product-delivery-description{ max-width: 60%; } .product-delivery-description + .product-delivery-description{ margin-top: 20px; } .tabs.init-tabs .tabs__content { position: static; visibility: visible; } .tabs__navigation { display: flex; overflow-x: auto; margin-bottom: 24px; } .tabs__navigation::-webkit-scrollbar { height: 0; width: 0; background: #fff; display: none; scrollbar-width: 0; scrollbar-height: 0; } .tabs__navigation::-webkit-scrollbar-thumb { appearance: none; height: 0; width: 0; background: #fff; display: none; } .tabs__navigation::-webkit-scrollbar-button { display: none; width: 0; height: 0; } .tabs__navigation::-webkit-scrollbar-corner { background-color: transparent; } .tabs__toggle:last-child { padding-right: 0; flex-grow: 1; } .tabs__toggle:hover span{ color: #ff652e; } .tabs__toggle { padding-right: 30px; border-bottom: 3px solid #ccc; } .tabs__toggle span{ display: inline-block; white-space: nowrap; cursor: pointer; transition-duration: 400ms; padding: 5px 0; font-weight: 600; font-size: 16px; border-bottom: 3px solid #ccc; margin-bottom: -3px; position: relative; z-index: 5; } .tabs__toggle.active-tab span{ color: #ff652e; border-bottom-color: #ff652e; } .tabs__content .catalog__list { height: auto !important; } .tabs__content { position: absolute; width: 100%; left: 0; visibility: hidden; } .tabs__content.active-tab { position: static; visibility: visible; } .link-list{ margin: 0; margin-top: 30px; padding: 0; list-style: none; max-width: 470px; column-gap: 24px; column-count: 2; } .link-list__item::before{ display: none; } .link-list__item{ display: inline-block; width: 100%; margin-bottom: 4px; } iframe[src*="youtube.com"]{ max-width: 100%; } @media (max-width: 1024px){ .promo-banner { background-size: auto; background-position: 50% 100%; } .promo-banner__wrapper { -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-top: 15px !important; padding-bottom: 15px !important; } .promo-banner__content{ margin-bottom: 10px; margin-left: 0; order: -10; text-align: center; } .promo-banner__title { margin-right: 0; font-size: 15px; } .countdown-section{ width: 50px; } .countdown-amount{ font-size: 19px; } .countdown-period{ font-size: 10px; } .tabs__navigation{ margin: 0 -20px 20px; padding-left: 20px; } .tabs__navigation::after { width: 20px; content: ''; flex-shrink: 0; } .product-info__descr, .product-delivery-description{ max-width: none; } } @media (max-width: 550px){ .link-list{ column-count: 1; column-gap: 0; } iframe[src*="youtube.com"]{ max-width: calc(100% + 40px); margin: 0px; height: 56.25vw; } } #BX_file_dialog { height: auto !important; } .h6-to-div { margin: 15px 0; font: bold 15px Roboto, sans-serif; line-height: 24px; text-transform: uppercase; color: #222227; letter-spacing: 0; } .catalog-item:nth-child(1) a, .catalog-item:nth-child(2) a, .catalog-item:nth-child(3) a, .catalog-item:nth-child(4) a, .catalog-item:nth-child(5) a, .catalog-item:nth-child(6) a, .catalog-item:nth-child(7) a, .catalog-item:nth-child(8) a{ justify-content: left; } .catalog-item:nth-child(1) a img, .catalog-item:nth-child(2) a img, .catalog-item:nth-child(3) a img, .catalog-item:nth-child(4) a img, .catalog-item:nth-child(5) a img, .catalog-item:nth-child(6) a img, .catalog-item:nth-child(7) a img, .catalog-item:nth-child(8) a img{ padding-left: 0; } .catalog--main .catalog-item:hover .catalog-item__aside{ left: 250px; } @media (max-width: 768px){ .product .tabs{ overflow: hidden; } .card-projects__doors-wrp .catalog-item a img{ max-height: 160px; } .card-projects__doors-wrp .catalog-item .catalog-item__image-container{ margin: 0; } .card-projects__doors-wrp .catalog-item .catalog-item__image-container > div{ text-align: left; } .catalog-item:nth-child(1) a, .catalog-item:nth-child(2) a, .catalog-item:nth-child(3) a, .catalog-item:nth-child(4) a, .catalog-item:nth-child(5) a, .catalog-item:nth-child(6) a, .catalog-item:nth-child(7) a, .catalog-item:nth-child(8) a{ justify-content: center; } .product .catalog-item:not(:hover) .catalog-item__top{ min-width: 150px; } .product .catalog-item__title{ max-width: 110px; } .product .catalog-item__image-link{ width: 150px; } .product .catalog .catalog-item__image{ max-height: 135px; } .catalog-item:not(:hover) .catalog-item__top{ min-width: 150px; } .catalog-item__image-link{ width: 150px; } .catalog-item__title{ max-width: 110px; margin: 0 auto; } .catalog-item__title-container{ margin-left: 0; text-align: center; } .catalog-item__image-container{ width: 100% !important; } .catalog-item-price__discount{ text-align: center; } } .prop_title { width: auto; margin-right: 10px; } .catalog-item-detail { width: 100px; } .catalog-item__title-container-detail { margin-bottom: 0; } /* полоса прокрутки (скроллбар) */ ::-webkit-scrollbar { width: 12px; height: auto; background-color: #fcfcfc; } /* ползунок скроллбара */ ::-webkit-scrollbar-thumb { background-color: #ff652e; border-radius: 9em; box-shadow: inset 1px 1px 10px #f3faf7; } ::-webkit-scrollbar-thumb:hover { background-color: #253861; } @media screen and (max-width: 600px) { .dekor .product-preview__door-image-small { width: 250px; -o-object-fit: fill; object-fit: fill; height: 300px; image-rendering: auto; } } @media screen and (min-width: 996px) { .door_none { display: none; } } @media screen and (max-width: 996px) { .door_none { padding-left: 6px; } } .vtor_teg,.vtor_teg_down { margin: 10px 0px; display: flex; flex-wrap: wrap; align-items: center; } .vtor_teg a,.vtor_teg_down a{ color: #777; padding: 5px 10px; border: 1px solid #ccc; border-radius: 5px; margin-right: 5px; } .vtor_teg_down a { margin-bottom: 10px; } .vtor_teg a:hover,.vtor_teg_down a:hover { border: 1px solid #ff652e; color: #000 } @media screen and (max-width: 996px) { .vtor_teg a,.vtor_teg_down a { margin: 5px 5px; } } .popular-categories-main_icons__item--image { max-width: 70px; } .popular-categories-main_icons__item:hover { color: #000; background: #f3f2f2; } ul li::before{ display: none; } @media screen and (max-width: 600px) { .menu-opened .filters__submit { z-index: 100; } } @media screen and (max-width: 991px){ .catalog__filter-link{ z-index: 100; } .header-mobile-bottom-fixed { z-index: 100; } } /*!!!Стикеры. Убрать при реализации след задачи*/ .catalog-item__badge-container, .product-top__badge-container { /*display: none;*/ } /* End */ /* Start:/local/templates/general/assets/css/btn-zv.css?168431319510026*/ select{-moz-appearance:none;-webkit-appearance:none;border:0;background:#fff;-webkit-border-radius:0;border-radius:0}@-webkit-keyframes pzv-inner-animation{0%{-webkit-transform:scale(1);transform:scale(1)}40%{opacity:.9;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@keyframes pzv-inner-animation{0%{-webkit-transform:scale(1);transform:scale(1)}40%{opacity:.9;-webkit-transform:scale(1.2);transform:scale(1.2)}100%{-webkit-transform:scale(1.5);transform:scale(1.5)}}@-webkit-keyframes pzv-outer-animation{0%,100%{-webkit-transform:scale(1.5);transform:scale(1.5)}40%{-webkit-transform:scale(1);transform:scale(1)}}@keyframes pzv-outer-animation{0%,100%{-webkit-transform:scale(1.5);transform:scale(1.5)}40%{-webkit-transform:scale(1);transform:scale(1)}}@-webkit-keyframes pzv-phone-animation{0%,50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%,30%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}20%,40%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}@keyframes pzv-phone-animation{0%,50%,100%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}10%,30%{-webkit-transform:rotate(-25deg);transform:rotate(-25deg)}20%,40%{-webkit-transform:rotate(25deg);transform:rotate(25deg)}}.btn-zv *,.btn-zv *::before,.btn-zv *::after{box-sizing:border-box;transform-origin:50% 50%}.btn-zv{cursor:pointer;position:absolute;box-sizing:border-box;z-index:10000000;right:160px;top:-300px;transition:all .8s ease 0s}._ie9 .btn-zv__border-inner,._ie9 .btn-zv__border-outer{display:none}.btn-zv__border-inner{-webkit-animation:2.3s ease-in-out infinite pzv-outer-animation;animation:2.3s ease-in-out infinite pzv-outer-animation;border:1px solid #2dcc70;border-radius:50%;opacity:.5;height:70px;left:45px;top:45px;width:70px;position:absolute}.btn-zv__border-outer{-webkit-animation:2.3s ease-in-out infinite pzv-inner-animation;animation:2.3s ease-in-out infinite pzv-inner-animation;border:1px solid #2dcc70;border-radius:50%;width:100px;height:100px;left:30px;top:30px;position:absolute}@media only screen and (max-width:460px){.btn-zv__border-inner{display:none}.btn-zv__border-outer{display:none}#back-top{left:5px;bottom:5px}}.btn-zv__phone{position:absolute;background-color:#2dcc70;background-position:center;border-radius:50%;height:140px;width:140px;left:80px;top:80px;transition:background .3s ease-out,-webkit-transform .3s ease-out;transition:transform .3s ease-out,background .3s ease-out;transition:transform .3s ease-out,background .3s ease-out,-webkit-transform .3s ease-out;-webkit-transform:translate(-50%,-50%) scale(.5);-ms-transform:translate(-50%,-50%) scale(.5);transform:translate(-50%,-50%) scale(.5);box-shadow:inset 0 0 15px 0 rgba(0,0,0,.4)}.btn-zv__phone:before{-webkit-animation:pzv-phone-animation 1.2s ease-in-out infinite;animation:pzv-phone-animation 1.2s ease-in-out infinite;position:absolute;content:'';background-image:linear-gradient(to left,#2dcc70 50%,#6cdb9a 50%);background-position:center;border-radius:50%;height:80%;background-size:cover;width:80%;left:0;top:0;right:0;bottom:0;margin:auto;box-shadow:0 0 20px 0 rgba(0,0,0,.4)}.btn-zv__phone:after{-webkit-animation:pzv-phone-animation 1.2s ease-in-out infinite;animation:pzv-phone-animation 1.2s ease-in-out infinite;position:absolute;content:'';background-position:center;background-image:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEQAAABECAYAAAA4E5OyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIGNIUk0AAHolAACAgwAA+f8AAIDpAAB1MAAA6mAAADqYAAAXb5JfxUYAAAJKSURBVHja7Nk7aBRRFIDh/8QHPvBBQNTGRgVNZ7AI2Ai+sBOLiAabINgKirWCjQQRQUtLC8FCgoUprERsVLAzRhAUo60WIWrgt3BFXTK7i9nZZJxz4DZzL7tzv7mvMxMqGb+jLwkSJEESJEESJEESJEESJEESJEESJEESJEESJCNBeggSEV0pwHbgOTALjAHLmurLCbWrpUv3tEF97d/xUF1X1n3/Kkt1ytwAdjZdOwJMqGtK/eelNkLUQ7aOm2WOkOj2d5mFzm/1BbCnVRNgAHj13+8y6mAbDIAARuuy7e7osN2BuoC8bEyJdrGrFiARMQmc76BpaTvNkltUG2vJCeA2sLagySywujZH94i4Cxxt0WSqdrlMRDwGJguqn9YORO0DthZUj9cx2z0GrJ/n+jQwUSsQdRVwpaD6ekTM1W2EXAV2z3P9HXCrbsndSIvE7njZ6X9PQNSN6pYOMPapXwsw7pX5IHsCom5W76hzjU49UjcVYAypnwsw3qv9lQZRB9VP83RuSt3W1LlT6kwBxqw6VPZULxVEPah+abEWfFTPqMPqeJsXQiO9WPtKe0EEHAYeACu68FsXIuJaEUglkjvgDT/fmC80LkfEpVa7Y1VAZrqQiV6MiLF2x4WqHMzOLRDzZDuMyh3M1NE/ttpO45k6sFj33Yttd7/6tgOIafWsunwxH2RPPkOoK4HTwDCwF+gHvgMfgCeNNP5+RHz7l5FdlUW10pFf/xMkQRIkQRIkQRIkQRIkQRIkQRIkQRIkQRIkI0FaxI8BAMGiej+TuldEAAAAAElFTkSuQmCC);border-radius:50%;height:100%;background-size:cover;width:100%;left:0;top:0;transition:opacity .3s linear}.btn-zv:hover .btn-zv__border-inner{border-color:#2dcc70}.btn-zv:hover .btn-zv__border-outer{border-color:#2dcc70}.btn-zv:hover .btn-zv__text{opacity:1}.btn-zv:hover .btn-zv__phone:after{opacity:0}@media(min-width:461px){.btn-zv:hover .btn-zv__border-inner{height:90px;width:90px;left:35px;top:35px}.btn-zv:hover .btn-zv__phone{-webkit-transform:translate(-50%,-50%) scale(.66);-ms-transform:translate(-50%,-50%) scale(.66);transform:translate(-50%,-50%) scale(.66);-webkit-animation:none;animation:none}}.btn-zv__text{text-align:center;color:white;height:140px;width:150px;padding-right:8px;opacity:0;font-size:0;text-transform:uppercase;position:relative;transition:opacity .3s linear}.btn-zv__text:before{display:inline-block;vertical-align:middle;height:100%;width:0;content:''}.btn-zv__text span{display:inline-block;vertical-align:middle;line-height:24px;font-size:24px;font-weight:600}@media(max-width:460px){.btn-zv{right:110px;-webkit-transform:scale(.8);transform:scale(.8)}}.modal-cta *,.modal-cta *::before,.modal-cta *::after,.modal-cta2 *,.modal-cta2 *::before,.modal-cta2 *::after{box-sizing:border-box}.modal-cta__close,.modal-cta2__close{width:40px;height:40px;position:absolute;top:0;right:0;background:transparent;border:0;border-radius:0}.modal-cta__close:hover:before,.modal-cta__close:hover:after,.modal-cta2__close:hover:before,.modal-cta2__close:hover:after{background:#2dcc70}.modal-cta__close:before,.modal-cta2__close:before{-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.modal-cta__close:after,.modal-cta2__close:after{-webkit-transform:rotate(-45deg);-ms-transform:rotate(-45deg);transform:rotate(-45deg)}.modal-cta__close:before,.modal-cta__close:after,.modal-cta2__close:before,.modal-cta2__close:after{content:'';display:block;position:absolute;width:2px;height:20px;background:#fff;transition:background .2s;left:0;right:0;top:0;bottom:0;margin:auto}.modal-cta__close:hover,.modal-cta2__close:hover{background:0}.modal-cta,.modal-cta2{position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;background:rgba(0,0,0,.5);pointer-events:none;touch-action:none;opacity:0;transition:opacity .2s ease,transform .0001s linear .2s;z-index:10000001;cursor:pointer;transform:translateX(100%)}._open-cta-modal .modal-cta,._open-cta-modal .modal-cta2{opacity:1;pointer-events:auto;touch-action:auto;transform:translateX(0);transition:opacity .2s ease;background:rgba(234,234,234,.7)}.modal-cta__inner,.modal-cta2__inner{position:absolute;cursor:default;top:0;bottom:0;right:0;width:400px;background:rgba(94,116,133,0.85);transform:translateX(100%);transition:all .2s ease;height:100%;font-size:0;#opacity:.9}.modal-cta__inner:after,.modal-cta2__inner:after{content:'';height:100%;width:0;display:inline-block;vertical-align:middle}._open-cta-modal .modal-cta__inner,._open-cta-modal .modal-cta2__inner{transform:translateX(0)}.modal-cta__middle,.modal-cta2__middle{display:inline-block;vertical-align:middle;width:100%;padding:25px 75px 26px;height:368px;font-size:0;background:#2dcc70;text-align:center;#opacity:none}.modal-cta__middle:after,.modal-cta2__middle:after{display:inline-block;vertical-align:middle;height:100%;width:0;content:''}.modal-cta__title,.modal-cta2__title{font-size:24px;font-weight:300;color:#f7fafc;margin-bottom:5px}.modal-cta__title._big,.modal-cta2__title._big{font-size:24px;line-height:31px;font-weight:400;margin:0 -10px 34px;position:relative;top:8px}.modal-cta__subtitle,.modal-cta2__subtitle{font-size:16px;color:#f7fafc;font-weight:300;margin-bottom:15px}.modal-cta__now,.modal-cta2__now{position:relative;top:-2px}.modal-cta__now .modal-cta__subtitle,.modal-cta2__now .modal-cta2__subtitle{margin-bottom:11px}.modal-cta__change-form,.modal-cta2__change-form{font-size:13px;color:#f7fafc;text-decoration:underline;font-weight:300;line-height:16px}.modal-cta__change-form:hover,.modal-cta__change-form:focus,.modal-cta2__change-form:hover,.modal-cta2__change-form:focus{text-decoration:none}.modal-cta__timer,.modal-cta2__timer{font-size:20px;color:#f7fafc;margin-top:28px;font-weight:400;letter-spacing:.8px}.modal-cta__block,.modal-cta2__block{display:none}.modal-cta__block._active,.modal-cta2__block._active{display:inline-block;vertical-align:middle}.f-default__col-wrap{margin:0 -4px;font-size:0}.f-default__row{margin-bottom:5px}.f-default__col{padding:0 4px;vertical-align:top;display:inline-block}.f-default__col._60{width:60%}.f-default__col._40{width:40%}.f-default__field{background:rgba(32,27,24,.4);height:28px;border-radius:2px;display:block;width:100%;padding:0 17px;font-size:18px;color:#f7fafc;font-weight:400;border:1px solid rgba(135,127,99,.4)}select.f-default__field{padding-right:0}.f-default__field._center{text-align:center}.f-default__field._center._time{height:54px;border:0}.f-default__field._country{font-size:19px;padding:0 10px 0 55px;height:54px;border:0;width:100%}.f-default__label{display:block;font-weight:400}.f-default__label._relative{position:relative}.f-default__action{background:#1b7a43;border:1px solid #6cdb9a;border-radius:2px;line-height:52px;display:block;width:100%;height:52px;font-weight:400;color:white;font-size:18px;cursor:pointer;transition:background .2s ease-out;padding:0}.f-default__action:hover,.f-default__action:focus{background:#6cdb9a;border:#6cdb9a}.f-default__flag{position:absolute;left:15px;top:15px}@media only screen and (max-width:460px){.modal-cta__inner,.modal-cta2__inner{width:100%}.modal-cta__middle,.modal-cta2__middle{padding:25px 12% 26px}}input[type="time"]::-webkit-clear-button{display:none} /* End */ /* Start:/local/templates/general/assets/css/b2b.css?1684313195208013*/ @charset "UTF-8"; @import url("https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300;0,400;0,500;0,600;0,700;0,800;1,300;1,400;1,500;1,600;1,700;1,800&display=swap"); @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Regular.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Regular.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Regular.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Bold.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Bold.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Bold.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Bold.ttf") format("truetype"); font-weight: 700; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraLight.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraLight.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraLight.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Black.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Black.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Black.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Black.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Black.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Light.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Light.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Light.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Medium.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Medium.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Medium.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Thin.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Thin.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Thin.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-SemiBold.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-SemiBold.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-SemiBold.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Raleway'; src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraBold.eot"); src: url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraBold.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraBold.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/Raleway/Raleway-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans'; src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Medium.eot"); src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Medium.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Medium.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans'; src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Bold.eot"); src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Bold.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Bold.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans'; src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Regular.eot"); src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Regular.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Regular.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Regular.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Regular.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans'; src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-ExtraBold.eot"); src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-ExtraBold.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-ExtraBold.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans'; src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-SemiBold.eot"); src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-SemiBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-SemiBold.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-SemiBold.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-SemiBold.ttf") format("truetype"); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'OpenSans'; src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Light.eot"); src: url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Light.woff2") format("woff2"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Light.woff") format("woff"), url("/local/templates/general/assets/css/../fonts/OpenSans/OpenSans-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } /* line 3, dev/sass/modules/txt.scss */ .txt h4, .txt .h4 { font-family: Open Sans; font-style: normal; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 20)); line-height: 1,5; color: #605353; padding-bottom: calc(100vw / (var(--vwIdth) / 44)); } @media screen and (max-width: 600px) { /* line 3, dev/sass/modules/txt.scss */ .txt h4, .txt .h4 { padding-bottom: calc(100vw / (var(--vwIdth) / 30)); } } /* line 20, dev/sass/modules/txt.scss */ .txt h5, .txt .h5 { font-family: Open Sans; font-style: normal; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: 1,5; color: #605353; padding-bottom: calc(100vw / (var(--vwIdth) / 28)); } @media screen and (max-width: 600px) { /* line 20, dev/sass/modules/txt.scss */ .txt h5, .txt .h5 { padding-bottom: calc(100vw / (var(--vwIdth) / 25)); } } /* line 37, dev/sass/modules/txt.scss */ .txt p { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: 1.56; color: #929292; margin-bottom: calc(100vw / (var(--vwIdth) / 38)); } @media screen and (max-width: 600px) { /* line 37, dev/sass/modules/txt.scss */ .txt p { margin-bottom: calc(100vw / (var(--vwIdth) / 30)); } } /* line 53, dev/sass/modules/txt.scss */ .txt ul { padding-left: 0; } /* line 56, dev/sass/modules/txt.scss */ .txt ul li { font-family: Open Sans; font-style: normal; font-weight: normal; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: 1.56; color: #929292; margin-bottom: calc(100vw / (var(--vwIdth) / 38)); padding-left: calc(100vw / (var(--vwIdth) / 17)); list-style-position: inside; } @media screen and (max-width: 600px) { /* line 56, dev/sass/modules/txt.scss */ .txt ul li { margin-bottom: calc(100vw / (var(--vwIdth) / 33)); } } /* line 72, dev/sass/modules/txt.scss */ .txt ul li::before { background-color: #B18E6D; width: calc(100vw / (var(--vwIdth) / 6)); height: calc(100vw / (var(--vwIdth) / 6)); top: calc(100vw / (var(--vwIdth) / 12)); left: 0; } /* line 85, dev/sass/modules/txt.scss */ .txt ul li .brown { font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: calc(100vw / (var(--vwIdth) / 25)); color: #B18E6D; } /* line 98, dev/sass/modules/txt.scss */ .txt-tizers { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; gap: calc(100vw / (var(--vwIdth) / 55)); padding-bottom: calc(100vw / (var(--vwIdth) / 44)); } @media screen and (max-width: 600px) { /* line 98, dev/sass/modules/txt.scss */ .txt-tizers { gap: calc(100vw / (var(--vwIdth) / 20)); padding-bottom: calc(100vw / (var(--vwIdth) / 40)); } } /* line 113, dev/sass/modules/txt.scss */ .txt-tizers__item { width: calc(25% - 55px); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 600px) { /* line 113, dev/sass/modules/txt.scss */ .txt-tizers__item { width: calc(50% - 40px); } } /* line 126, dev/sass/modules/txt.scss */ .txt-tizers__item-img { position: relative; width: 100%; -webkit-border-radius: 50%; border-radius: 50%; padding-bottom: 100%; overflow: hidden; } /* line 133, dev/sass/modules/txt.scss */ .txt-tizers__item-img img { width: 100%; position: absolute; top: 0; left: 0; z-index: 0; display: block; } /* line 162, dev/sass/modules/txt.scss */ .txt-tizers__item span { font-family: Raleway; padding-top: calc(100vw / (var(--vwIdth) / 20)); font-style: normal; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: 1.3; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; color: #605353; } /* line 183, dev/sass/modules/txt.scss */ .txt-note { background: #F4EFE9; -webkit-border-radius: 35px 0px; border-radius: 35px 0px; width: 70%; padding: calc(100vw / (var(--vwIdth) / 38)) calc(100vw / (var(--vwIdth) / 35)); margin-left: auto; margin-right: 0; position: relative; margin-bottom: calc(100vw / (var(--vwIdth) / 58)); } @media screen and (max-width: 600px) { /* line 183, dev/sass/modules/txt.scss */ .txt-note { width: 100%; margin-bottom: calc(100vw / (var(--vwIdth) / 35)); } } /* line 197, dev/sass/modules/txt.scss */ .txt-note:before { position: absolute; content: ""; width: calc(100vw / (var(--vwIdth) / 61)); height: calc(100vw / (var(--vwIdth) / 44)); background-image: url("/local/templates/general/assets/css/../img/svg/note-quotes.svg"); -webkit-background-size: 100% 100%; background-size: 100%; top: 35px; left: -45px; } @media screen and (max-width: 600px) { /* line 197, dev/sass/modules/txt.scss */ .txt-note:before { top: -25px; left: 37px; } } /* line 216, dev/sass/modules/txt.scss */ .txt-note__text { font-family: Open Sans; font-style: italic; font-weight: 600; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: 1.5; color: #B18E6D; } /* line 232, dev/sass/modules/txt.scss */ .txt-banners { padding-top: calc(100vw / (var(--vwIdth) / 22)); padding-bottom: calc(100vw / (var(--vwIdth) / 55)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(100vw / (var(--vwIdth) / 35)); -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } @media screen and (max-width: 600px) { /* line 232, dev/sass/modules/txt.scss */ .txt-banners { padding-top: calc(100vw / (var(--vwIdth) / 0)); padding-bottom: calc(100vw / (var(--vwIdth) / 40)); gap: calc(100vw / (var(--vwIdth) / 15)); } } /* line 249, dev/sass/modules/txt.scss */ .txt-banners__item { width: calc(50% - 17.5px); height: auto; overflow: hidden; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 600px) { /* line 249, dev/sass/modules/txt.scss */ .txt-banners__item { width: 100%; } } /* line 260, dev/sass/modules/txt.scss */ .txt-banners__item:nth-child(even) { -webkit-border-radius: 0 calc(100vw / (var(--vwIdth) / 50)) 0 calc(100vw / (var(--vwIdth) / 50)); border-radius: 0 calc(100vw / (var(--vwIdth) / 50)) 0 calc(100vw / (var(--vwIdth) / 50)); } /* line 264, dev/sass/modules/txt.scss */ .txt-banners__item:nth-child(odd) { -webkit-border-radius: calc(100vw / (var(--vwIdth) / 50)) 0 calc(100vw / (var(--vwIdth) / 50)) 0; border-radius: calc(100vw / (var(--vwIdth) / 50)) 0 calc(100vw / (var(--vwIdth) / 50)) 0; } /* line 269, dev/sass/modules/txt.scss */ .txt-banners__item img { width: 100%; height: auto; margin: 0; border-bottom: calc(100vw / (var(--vwIdth) / 5)) solid #B18E6D; -o-object-fit: contain; object-fit: contain; } /* line 285, dev/sass/modules/txt.scss */ .txt .simple-img { margin-top: calc(100vw / (var(--vwIdth) / 22)); margin-bottom: calc(100vw / (var(--vwIdth) / 40)); } /* line 291, dev/sass/modules/txt.scss */ .txt-wide-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-border-radius: 0px 50px 0px 50px; border-radius: 0px 50px 0px 50px; overflow: hidden; } /* line 298, dev/sass/modules/txt.scss */ .txt-wide-img img { width: 100%; border-bottom: 5px solid #B18E6D; -o-object-fit: contain; object-fit: contain; } /* line 306, dev/sass/modules/txt.scss */ .txt-list-col2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; -webkit-column-width: auto; -moz-column-width: auto; column-width: auto; padding-left: 20px; padding-bottom: calc(100vw / (var(--vwIdth) / 56)); } @media screen and (max-width: 600px) { /* line 306, dev/sass/modules/txt.scss */ .txt-list-col2 { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; padding-bottom: calc(100vw / (var(--vwIdth) / 30)); margin-bottom: 0; } } /* line 320, dev/sass/modules/txt.scss */ .txt-list-col2 li { font-family: Open Sans; font-style: normal; font-weight: 400; font-size: 16px; line-height: 2; color: #929292; } /* line 329, dev/sass/modules/txt.scss */ .txt-list-col2 li::marker { font-weight: bold; } /* line 10, dev/sass/pages/mp.scss */ :root { --vwIdth: 1920; } @media screen and (max-width: 1440px) { /* line 10, dev/sass/pages/mp.scss */ :root { --vwIdth: 1440; } } @media screen and (max-width: 990px) { /* line 10, dev/sass/pages/mp.scss */ :root { --vwIdth: 990; } } @media screen and (max-width: 600px) { /* line 10, dev/sass/pages/mp.scss */ :root { --vwIdth: 375; } } /* line 39, dev/sass/pages/mp.scss */ body { font-size: calc(100vw / (var(--vwIdth) / 16)); } /* line 42, dev/sass/pages/mp.scss */ body .mp { font-family: "OpenSans"; } /* line 45, dev/sass/pages/mp.scss */ body .mp ul li:before { display: block; } /* line 51, dev/sass/pages/mp.scss */ picture { display: block; width: 100%; } @media screen and (max-width: 990px) { /* line 56, dev/sass/pages/mp.scss */ .circle { max-width: calc(100vw / (var(--vwIdth) / 155)); max-height: calc(100vw / (var(--vwIdth) / 155)); } } @media screen and (max-width: 600px) { /* line 56, dev/sass/pages/mp.scss */ .circle { max-width: calc(100vw / (var(--vwIdth) / 100)); max-height: calc(100vw / (var(--vwIdth) / 100)); } } /* line 67, dev/sass/pages/mp.scss */ .circle img { -webkit-animation: 10s linear rotate infinite; animation: 10s linear rotate infinite; } @-webkit-keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } @keyframes rotate { from { -webkit-transform: rotate(0deg); transform: rotate(0deg); } to { -webkit-transform: rotate(360deg); transform: rotate(360deg); } } /* line 81, dev/sass/pages/mp.scss */ header { background-color: #fff; } /* line 85, dev/sass/pages/mp.scss */ .content-container { width: 100%; } @media screen and (max-width: 1180px) { /* line 85, dev/sass/pages/mp.scss */ .content-container { padding: 0 20px; } } @media screen and (max-width: 600px) { /* line 85, dev/sass/pages/mp.scss */ .content-container { padding: 0 10px; } } /* line 95, dev/sass/pages/mp.scss */ .header-b2b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; gap: 40px; max-width: 615px; } /* line 101, dev/sass/pages/mp.scss */ .header-b2b .icon { width: 25px; height: 25px; fill: #ff562e; margin: 0; } /* line 109, dev/sass/pages/mp.scss */ .header-b2b__phone a { display: inline-block; } /* line 113, dev/sass/pages/mp.scss */ .header-b2b__phone .tel { font-weight: 600; font-size: 20px; color: #ff562e; } /* line 118, dev/sass/pages/mp.scss */ .header-b2b__phone .tel:hover { text-decoration: underline; } /* line 123, dev/sass/pages/mp.scss */ .header-b2b__phone .call-popup { font-size: 14px; color: #ff562e; border-bottom: 1px dashed #ff562e; } /* line 128, dev/sass/pages/mp.scss */ .header-b2b__phone .call-popup:hover { border-color: transparent; } /* line 134, dev/sass/pages/mp.scss */ .header-b2b__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 138, dev/sass/pages/mp.scss */ .header-b2b__btn:hover .icon { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1px; perspective: 1px; } /* line 147, dev/sass/pages/mp.scss */ .header-b2b__img { width: 42px; height: 42px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d0d0d0; } /* line 157, dev/sass/pages/mp.scss */ .header-b2b__content { width: calc(100% - 42px); padding-left: 12px; } /* line 161, dev/sass/pages/mp.scss */ .header-b2b__content a { display: inline-block; } /* line 165, dev/sass/pages/mp.scss */ .header-b2b__content a.val:hover { text-decoration: underline; } /* line 171, dev/sass/pages/mp.scss */ .header-b2b__content .name { font-weight: 600; font-size: 16px; color: #444444; white-space: nowrap; max-width: 130px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 181, dev/sass/pages/mp.scss */ .header-b2b__content .val { font-size: 14px; color: #444444; } /* line 188, dev/sass/pages/mp.scss */ .zag-page { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: calc(100vw / (var(--vwIdth) / 60)); } @media screen and (max-width: 600px) { /* line 188, dev/sass/pages/mp.scss */ .zag-page { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; text-align: left; margin-bottom: calc(100vw / (var(--vwIdth) / 30)); } } /* line 199, dev/sass/pages/mp.scss */ .zag-page h2, .zag-page .h2 { margin: 0; font-weight: 600; font-size: calc(100vw / (var(--vwIdth) / 48)); line-height: 1.16; letter-spacing: 0.06em; text-transform: uppercase; font-family: 'Raleway'; padding-right: calc(100vw / (var(--vwIdth) / 80)); position: relative; color: #383838; max-width: calc(100vw / (var(--vwIdth) / 720)); } @media screen and (max-width: 990px) { /* line 199, dev/sass/pages/mp.scss */ .zag-page h2, .zag-page .h2 { font-size: calc(100vw / (var(--vwIdth) / 34)); } } @media screen and (max-width: 600px) { /* line 199, dev/sass/pages/mp.scss */ .zag-page h2, .zag-page .h2 { font-size: calc(100vw / (var(--vwIdth) / 24)); width: 100%; text-align: left; margin-bottom: calc(100vw / (var(--vwIdth) / 8)); padding-right: 0; } } /* line 223, dev/sass/pages/mp.scss */ .zag-page h2::before, .zag-page .h2::before { content: ''; width: 2px; height: calc(100vw / (var(--vwIdth) / 80)); background-color: rgba(97, 85, 85, 0.5); position: absolute; right: calc(100vw / (var(--vwIdth) / 40)); top: 50%; -webkit-transform: translateY(-50%) rotate(15deg); -ms-transform: translateY(-50%) rotate(15deg); transform: translateY(-50%) rotate(15deg); } @media screen and (max-width: 990px) { /* line 223, dev/sass/pages/mp.scss */ .zag-page h2::before, .zag-page .h2::before { height: calc(100vw / (var(--vwIdth) / 60)); } } @media screen and (max-width: 600px) { /* line 223, dev/sass/pages/mp.scss */ .zag-page h2::before, .zag-page .h2::before { content: none; } } /* line 241, dev/sass/pages/mp.scss */ .zag-page .desc { font-weight: 300; letter-spacing: 0.1em; text-transform: uppercase; line-height: 175%; max-width: calc(100vw / (var(--vwIdth) / 456)); color: #605353; } @media screen and (max-width: 990px) { /* line 241, dev/sass/pages/mp.scss */ .zag-page .desc { font-size: calc(100vw / (var(--vwIdth) / 14)); } } @media screen and (max-width: 600px) { /* line 241, dev/sass/pages/mp.scss */ .zag-page .desc { width: 100%; text-align: left; font-size: calc(100vw / (var(--vwIdth) / 12)); } } /* line 261, dev/sass/pages/mp.scss */ .price { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 265, dev/sass/pages/mp.scss */ .price .current { font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 24)); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #b18e6d; margin-right: calc(100vw / (var(--vwIdth) / 5)); } @media screen and (max-width: 600px) { /* line 265, dev/sass/pages/mp.scss */ .price .current { font-size: calc(100vw / (var(--vwIdth) / 15)); } } /* line 277, dev/sass/pages/mp.scss */ .price .current .icon { width: calc(100vw / (var(--vwIdth) / 24)); height: calc(100vw / (var(--vwIdth) / 24)); fill: #b18e6d; } @media screen and (max-width: 600px) { /* line 277, dev/sass/pages/mp.scss */ .price .current .icon { width: calc(100vw / (var(--vwIdth) / 13)); height: calc(100vw / (var(--vwIdth) / 13)); } } /* line 289, dev/sass/pages/mp.scss */ .price .discount { -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: #877c7c; font-size: calc(100vw / (var(--vwIdth) / 16)); } @media screen and (max-width: 600px) { /* line 289, dev/sass/pages/mp.scss */ .price .discount { font-size: calc(100vw / (var(--vwIdth) / 14)); } } /* line 298, dev/sass/pages/mp.scss */ .price .discount .icon { width: calc(100vw / (var(--vwIdth) / 15)); height: calc(100vw / (var(--vwIdth) / 15)); fill: #877c7c; } @media screen and (max-width: 600px) { /* line 298, dev/sass/pages/mp.scss */ .price .discount .icon { width: calc(100vw / (var(--vwIdth) / 12)); height: calc(100vw / (var(--vwIdth) / 12)); } } /* line 311, dev/sass/pages/mp.scss */ .slick-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } /* line 315, dev/sass/pages/mp.scss */ .slick-list .slick-track { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; } /* line 319, dev/sass/pages/mp.scss */ .slick-list .slick-slide { height: auto; display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; width: 100%; } /* line 324, dev/sass/pages/mp.scss */ .slick-list .slick-slide > div { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; } /* line 331, dev/sass/pages/mp.scss */ .mp-img { padding: calc(100vw / (var(--vwIdth) / 40)); width: 100%; } @media screen and (max-width: 600px) { /* line 331, dev/sass/pages/mp.scss */ .mp-img { padding: 0; } } /* line 339, dev/sass/pages/mp.scss */ .mp-img picture { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 344, dev/sass/pages/mp.scss */ .mp-img picture img { width: 100%; } @media screen and (max-width: 1440px) { /* line 351, dev/sass/pages/mp.scss */ .mp .content-container { max-width: 1160px; } } /* line 357, dev/sass/pages/mp.scss */ .mp .btn { font-weight: 300; padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 80)) calc(100vw / (var(--vwIdth) / 13)) calc(100vw / (var(--vwIdth) / 36)); display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: 190%; letter-spacing: 0.1em; color: #ffffff; position: relative; border: 0 !important; margin-right: 3.125vw; background-color: transparent !important; height: calc(100vw / (var(--vwIdth) / 58)); } /* line 373, dev/sass/pages/mp.scss */ .mp .btn:active { -webkit-transform: translateY(2px); -ms-transform: translateY(2px); transform: translateY(2px); } /* line 378, dev/sass/pages/mp.scss */ .mp .btn:hover:before { width: calc(100% + 3.125vw); } /* line 383, dev/sass/pages/mp.scss */ .mp .btn * { position: relative; z-index: 2; } /* line 388, dev/sass/pages/mp.scss */ .mp .btn .icon { width: calc(100vw / (var(--vwIdth) / 100)); height: calc(100vw / (var(--vwIdth) / 9)); fill: #fff; position: absolute; right: calc(100vw / (var(--vwIdth) / -33)); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); margin-top: 2px; } /* line 399, dev/sass/pages/mp.scss */ .mp .btn::before { content: ''; width: 100%; height: 100%; z-index: 1; position: absolute; left: 0; top: 0; background-color: #2c2a2a; -webkit-transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8); -o-transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8); transition: all 400ms cubic-bezier(0.47, 1.64, 0.41, 0.8); } /* line 411, dev/sass/pages/mp.scss */ .mp .btn-simple { padding: calc(100vw / (var(--vwIdth) / 13)) calc(100vw / (var(--vwIdth) / 23)) calc(100vw / (var(--vwIdth) / 11)); border: 1px solid #2c2a2a; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; } /* line 418, dev/sass/pages/mp.scss */ .mp .btn-simple:hover:after { height: 100%; } /* line 422, dev/sass/pages/mp.scss */ .mp .btn-simple:hover:before { color: #fff; } /* line 427, dev/sass/pages/mp.scss */ .mp .btn-simple::after { content: ''; z-index: 1; width: 100%; height: 0; position: absolute; left: 0; top: 0; background-color: #2c2a2a; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 439, dev/sass/pages/mp.scss */ .mp .btn-simple::before { content: attr(data-text); font-weight: 300; font-size: 16px; line-height: 187%; text-align: center; letter-spacing: 0.1em; color: #2c2a2a; position: relative; z-index: 2; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 455, dev/sass/pages/mp.scss */ .mp .txt h1, .mp .txt .h1, .mp .txt h2, .mp .txt .h2, .mp .txt h3, .mp .txt .h3, .mp .txt h4, .mp .txt .h4, .mp .txt h5, .mp .txt .h5, .mp .txt h6, .mp .txt .h6, .mp .txt p, .mp .txt span, .mp .txt li, .mp .txt a { font-family: "OpenSans"; } /* line 476, dev/sass/pages/mp.scss */ .b24-form-style-modern .b24-form-control-string .b24-form-control input:valid:not(:placeholder-shown) { border-color: rgba(0, 0, 0, 0.09) !important; } /* line 1, dev/sass/modules/mp/ms.scss */ .ms { height: calc(100vw / (var(--vwIdth) / 680)); width: 100%; position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; overflow: hidden; } @media screen and (max-width: 1440px) { /* line 1, dev/sass/modules/mp/ms.scss */ .ms { height: calc(100vw / (var(--vwIdth) / 670)); } } @media screen and (max-width: 600px) { /* line 1, dev/sass/modules/mp/ms.scss */ .ms { height: auto; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* line 17, dev/sass/modules/mp/ms.scss */ .ms .content-container { position: relative; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; z-index: 1; } @media screen and (max-width: 600px) { /* line 17, dev/sass/modules/mp/ms.scss */ .ms .content-container { text-align: center; position: absolute; top: 0; left: 0; padding: 0 calc(100vw / (var(--vwIdth) / 15)); } } /* line 31, dev/sass/modules/mp/ms.scss */ .ms-wrp { z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } /* line 39, dev/sass/modules/mp/ms.scss */ .ms-picture { position: absolute; left: 0%; top: 50%; width: 100%; height: 100%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); z-index: 1; } @media screen and (max-width: 600px) { /* line 39, dev/sass/modules/mp/ms.scss */ .ms-picture { position: relative; top: 0; -webkit-transform: none; -ms-transform: none; transform: none; } } /* line 54, dev/sass/modules/mp/ms.scss */ .ms-picture::before { width: 60%; height: 100%; background: -webkit-gradient(linear, left top, right top, from(#6d7079), color-stop(60%, rgba(109, 112, 121, 0.9)), to(rgba(109, 112, 121, 0))); background: -webkit-linear-gradient(left, #6d7079 0%, rgba(109, 112, 121, 0.9) 60%, rgba(109, 112, 121, 0) 100%); background: -o-linear-gradient(left, #6d7079 0%, rgba(109, 112, 121, 0.9) 60%, rgba(109, 112, 121, 0) 100%); background: linear-gradient(90deg, #6d7079 0%, rgba(109, 112, 121, 0.9) 60%, rgba(109, 112, 121, 0) 100%); position: absolute; left: 0; top: 0; } @media screen and (max-width: 600px) { /* line 54, dev/sass/modules/mp/ms.scss */ .ms-picture::before { width: 100%; background: #6d7079; opacity: 0.5; } } /* line 75, dev/sass/modules/mp/ms.scss */ .ms-picture img { -o-object-fit: cover; object-fit: cover; width: 100%; height: 100%; } /* line 82, dev/sass/modules/mp/ms.scss */ .ms-content { margin-bottom: calc(100vw / (var(--vwIdth) / 60)); } @media screen and (max-width: 600px) { /* line 82, dev/sass/modules/mp/ms.scss */ .ms-content { margin: calc(100vw / (var(--vwIdth) / 150)) 0 0; } } /* line 89, dev/sass/modules/mp/ms.scss */ .ms-content .type { font-weight: 300; line-height: 187%; margin-bottom: calc(100vw / (var(--vwIdth) / 16)); letter-spacing: 0.1em; text-transform: uppercase; color: #cccdcf; } @media screen and (max-width: 600px) { /* line 89, dev/sass/modules/mp/ms.scss */ .ms-content .type { text-align: center; font-size: calc(100vw / (var(--vwIdth) / 12)); margin-bottom: calc(100vw / (var(--vwIdth) / 2)); } } /* line 104, dev/sass/modules/mp/ms.scss */ .ms-content h1, .ms-content .h1 { font-weight: 500; font-family: 'Raleway'; font-size: calc(100vw / (var(--vwIdth) / 52)); line-height: 135%; margin-bottom: calc(100vw / (var(--vwIdth) / 10)); margin-top: calc(100vw / (var(--vwIdth) / 16)); max-width: calc(100vw / (var(--vwIdth) / 520)); color: #fff; letter-spacing: 0.06em; text-transform: uppercase; } @media screen and (max-width: 600px) { /* line 104, dev/sass/modules/mp/ms.scss */ .ms-content h1, .ms-content .h1 { text-align: center; font-size: calc(100vw / (var(--vwIdth) / 26)); margin-bottom: calc(100vw / (var(--vwIdth) / 20)); line-height: 160%; } } /* line 125, dev/sass/modules/mp/ms.scss */ .ms-content .status { color: #f7b27f; font-weight: 400; line-height: 188%; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: calc(100vw / (var(--vwIdth) / 25)); } @media screen and (max-width: 600px) { /* line 125, dev/sass/modules/mp/ms.scss */ .ms-content .status { text-align: center; } } /* line 139, dev/sass/modules/mp/ms.scss */ .ms-circle { position: absolute; top: calc(100vw / (var(--vwIdth) / 80)); right: calc(100vw / (var(--vwIdth) / 230)); z-index: 2; } @media screen and (max-width: 1440px) { /* line 139, dev/sass/modules/mp/ms.scss */ .ms-circle { right: calc(100vw / (var(--vwIdth) / 200)); } } @media screen and (max-width: 990px) { /* line 139, dev/sass/modules/mp/ms.scss */ .ms-circle { right: calc(100vw / (var(--vwIdth) / 130)); } } @media screen and (max-width: 600px) { /* line 139, dev/sass/modules/mp/ms.scss */ .ms-circle { right: calc(100vw / (var(--vwIdth) / 15)); top: calc(100vw / (var(--vwIdth) / 15)); } } /* line 159, dev/sass/modules/mp/ms.scss */ .ms-counter { position: absolute; right: calc(100vw / (var(--vwIdth) / 40)); bottom: calc(100vw / (var(--vwIdth) / 30)); -webkit-border-radius: 35px 0px; border-radius: 35px 0px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; padding: calc(100vw / (var(--vwIdth) / 30)) 0; overflow: hidden; z-index: 2; } @media screen and (max-width: 990px) { /* line 159, dev/sass/modules/mp/ms.scss */ .ms-counter { right: calc(100vw / (var(--vwIdth) / 15)); bottom: calc(100vw / (var(--vwIdth) / 15)); padding: calc(100vw / (var(--vwIdth) / 15)) 0; } } @media screen and (max-width: 600px) { /* line 159, dev/sass/modules/mp/ms.scss */ .ms-counter { background: gray; position: relative; right: auto; bottom: auto; -webkit-border-radius: 0; border-radius: 0; min-width: calc(100% + 40px); left: -20px; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: calc(100vw / (var(--vwIdth) / 30)) 0 calc(100vw / (var(--vwIdth) / 20)); gap: calc(100vw / (var(--vwIdth) / 17)) 0; } } /* line 188, dev/sass/modules/mp/ms.scss */ .ms-counter::before { content: ''; width: 100%; height: 100%; position: absolute; left: -0%; top: -0%; -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); z-index: 1; background: -webkit-linear-gradient(135deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.7)); background: -o-linear-gradient(135deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.7)); background: linear-gradient(-45deg, rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.35), rgba(255, 255, 255, 0.7)); -webkit-background-size: 400% 400%; background-size: 400% 400%; -webkit-animation: gradient 10s ease infinite; animation: gradient 10s ease infinite; } /* line 209, dev/sass/modules/mp/ms.scss */ .ms-counter__item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; padding: 0 calc(100vw / (var(--vwIdth) / 25)); color: #605353; position: relative; min-width: calc(100vw / (var(--vwIdth) / 210)); z-index: 2; } @media screen and (max-width: 990px) { /* line 209, dev/sass/modules/mp/ms.scss */ .ms-counter__item { padding: 0 calc(100vw / (var(--vwIdth) / 15)); min-width: calc(100vw / (var(--vwIdth) / 180)); } } /* line 223, dev/sass/modules/mp/ms.scss */ .ms-counter__item:not(:last-child):before { content: ''; height: calc(100vw / (var(--vwIdth) / 80)); width: 2px; position: absolute; right: calc(100vw / (var(--vwIdth) / 7.5)); top: 50%; -webkit-transform: rotate(15deg) translateY(-50%); -ms-transform: rotate(15deg) translateY(-50%); transform: rotate(15deg) translateY(-50%); background-color: #615555; } @media screen and (max-width: 600px) { /* line 235, dev/sass/modules/mp/ms.scss */ .ms-counter__item:not(:last-child):nth-child(even):before { content: none; } } /* line 243, dev/sass/modules/mp/ms.scss */ .ms-counter__item .num { display: block; text-align: center; font-family: 'Raleway'; font-weight: 600; font-size: calc(100vw / (var(--vwIdth) / 50)); margin-bottom: calc(100vw / (var(--vwIdth) / 6)); line-height: 1.18; } @media screen and (max-width: 600px) { /* line 243, dev/sass/modules/mp/ms.scss */ .ms-counter__item .num { font-size: calc(100vw / (var(--vwIdth) / 36)); } } /* line 257, dev/sass/modules/mp/ms.scss */ .ms-counter__item .text { display: block; text-align: center; font-size: calc(100vw / (var(--vwIdth) / 14)); line-height: 157%; letter-spacing: 0.1em; text-transform: uppercase; white-space: nowrap; } @media screen and (max-width: 600px) { /* line 257, dev/sass/modules/mp/ms.scss */ .ms-counter__item .text { font-size: calc(100vw / (var(--vwIdth) / 12)); } } @-webkit-keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } @keyframes gradient { 0% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } 100% { background-position: 0% 50%; } } /* line 1, dev/sass/modules/mp/adviсe.scss */ .advice { padding-top: calc(100vw / (var(--vwIdth) / 86)); } /* line 4, dev/sass/modules/mp/adviсe.scss */ .advice-list { padding-left: calc(100vw / (var(--vwIdth) / 100)); padding-right: calc(100vw / (var(--vwIdth) / 100)); } @media screen and (max-width: 600px) { /* line 4, dev/sass/modules/mp/adviсe.scss */ .advice-list { padding-left: 0; padding-right: 0; } } /* line 13, dev/sass/modules/mp/adviсe.scss */ .advice-list__item { margin-bottom: calc(100vw / (var(--vwIdth) / 5)); position: relative; } /* line 19, dev/sass/modules/mp/adviсe.scss */ .advice-list__item._open .arrow-advice .icon { -webkit-transform: rotateX(180deg); transform: rotateX(180deg); fill: #b18e6d; } /* line 24, dev/sass/modules/mp/adviсe.scss */ .advice-list__item._open .arrow-advice:before { background-color: #b18e6d; opacity: 1; } /* line 31, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head { padding: calc(100vw / (var(--vwIdth) / 27)) calc(100vw / (var(--vwIdth) / 40)) calc(100vw / (var(--vwIdth) / 27)) calc(100vw / (var(--vwIdth) / 40)); border: 1px solid #9a8f86; -webkit-border-radius: 0 0 0 calc(100vw / (var(--vwIdth) / 30)); border-radius: 0 0 0 calc(100vw / (var(--vwIdth) / 30)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: calc(100vw / (var(--vwIdth) / 5)); } @media screen and (max-width: 600px) { /* line 31, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head { padding: calc(100vw / (var(--vwIdth) / 18)) calc(100vw / (var(--vwIdth) / 34)) calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 20)); } } /* line 46, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head-wrp:hover { cursor: pointer; } /* line 51, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head .arrow-advice { top: calc(100vw / (var(--vwIdth) / 20)); right: calc(100vw / (var(--vwIdth) / 20)); position: absolute; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: calc(100% - 40px); } @media screen and (max-width: 600px) { /* line 51, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head .arrow-advice { right: calc(100vw / (var(--vwIdth) / 10)); } } /* line 75, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head .arrow-advice:before { position: absolute; content: ""; width: 1px; background-color: #2c2a2a; top: 1px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); height: calc(100% - 1px); opacity: 0; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 1; } /* line 89, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head .arrow-advice .icon { fill: #2c2a2a; width: calc(100vw / (var(--vwIdth) / 40)); height: calc(100vw / (var(--vwIdth) / 40)); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; -webkit-transform-origin: center; -ms-transform-origin: center; transform-origin: center; background-color: #fff; z-index: 2; } @media screen and (max-width: 600px) { /* line 89, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head .arrow-advice .icon { height: calc(100vw / (var(--vwIdth) / 50)); } } /* line 104, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head .h3 { font-family: Raleway; text-transform: uppercase; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 18)); line-height: calc(100vw / (var(--vwIdth) / 26)); color: #605353; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; z-index: 3; letter-spacing: 0.06em; } @media screen and (max-width: 600px) { /* line 104, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head .h3 { font-size: calc(100vw / (var(--vwIdth) / 14)); } } /* line 128, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head:hover .h3 { color: #b18e6d; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; cursor: pointer; } /* line 134, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head:hover .arrow-advice { cursor: pointer; } /* line 137, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head:hover .arrow-advice:before { background-color: #b18e6d; } /* line 141, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-head:hover .arrow-advice .icon { fill: #b18e6d; } /* line 148, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-content { padding-top: calc(100vw / (var(--vwIdth) / 32)); -webkit-border-radius: 0 0 0 calc(100vw / (var(--vwIdth) / 30)); border-radius: 0 0 0 calc(100vw / (var(--vwIdth) / 30)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; height: 100%; display: none; } /* line 157, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-content._open { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 161, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-content-wrp { width: calc(100% - 50px); } @media screen and (max-width: 600px) { /* line 161, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-content-wrp { width: calc(100% - 14px); } } /* line 168, dev/sass/modules/mp/adviсe.scss */ .advice-list__item-content h3, .advice-list__item-content .h3 { text-transform: uppercase; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 18)); line-height: calc(100vw / (var(--vwIdth) / 26)); color: #b18e6d; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding-bottom: calc(100vw / (var(--vwIdth) / 32)); } /* line 2, dev/sass/modules/mp/awards.scss */ .awards-wrp { padding: calc(100vw / (var(--vwIdth) / 56)) 0 calc(100vw / (var(--vwIdth) / 70)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 990px) { /* line 2, dev/sass/modules/mp/awards.scss */ .awards-wrp { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 600px) { /* line 2, dev/sass/modules/mp/awards.scss */ .awards-wrp { padding: calc(100vw / (var(--vwIdth) / 45)) 0 calc(100vw / (var(--vwIdth) / 55)); } } /* line 18, dev/sass/modules/mp/awards.scss */ .awards-main { max-width: calc(100vw / (var(--vwIdth) / 330)); min-height: calc(100vw / (var(--vwIdth) / 240)); background-image: url(/local/templates/general/assets/css/../img/awards-main.svg); background-position: center; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; font-weight: 600; font-size: calc(100vw / (var(--vwIdth) / 24)); line-height: 170%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-align-content: center; -ms-flex-line-pack: center; align-content: center; text-align: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; color: #b18e6d; font-style: italic; } @media screen and (max-width: 990px) { /* line 18, dev/sass/modules/mp/awards.scss */ .awards-main { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; margin-top: calc(100vw / (var(--vwIdth) / 50)); } } @media screen and (max-width: 600px) { /* line 18, dev/sass/modules/mp/awards.scss */ .awards-main { max-width: calc(100vw / (var(--vwIdth) / 200)); min-height: calc(100vw / (var(--vwIdth) / 130)); } } /* line 47, dev/sass/modules/mp/awards.scss */ .awards-main span { font-size: calc(100vw / (var(--vwIdth) / 20)); } @media screen and (max-width: 600px) { /* line 47, dev/sass/modules/mp/awards.scss */ .awards-main span { font-size: calc(100vw / (var(--vwIdth) / 13)); line-height: 140%; } } /* line 55, dev/sass/modules/mp/awards.scss */ .awards-main b { font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 24)); line-height: 142%; } @media screen and (max-width: 600px) { /* line 55, dev/sass/modules/mp/awards.scss */ .awards-main b { font-size: calc(100vw / (var(--vwIdth) / 16)); } } /* line 66, dev/sass/modules/mp/awards.scss */ .awards-zag { font-family: 'Raleway'; font-weight: bold; letter-spacing: 0.06em; text-transform: uppercase; text-align: right; color: #383838; margin-bottom: calc(100vw / (var(--vwIdth) / 45)); font-size: calc(100vw / (var(--vwIdth) / 30)); } @media screen and (max-width: 990px) { /* line 66, dev/sass/modules/mp/awards.scss */ .awards-zag { text-align: center; } } @media screen and (max-width: 600px) { /* line 66, dev/sass/modules/mp/awards.scss */ .awards-zag { font-size: calc(100vw / (var(--vwIdth) / 18)); margin-bottom: calc(100vw / (var(--vwIdth) / 30)); } } /* line 85, dev/sass/modules/mp/awards.scss */ .awards-zag span { display: inline-block; line-height: 1.16; } /* line 89, dev/sass/modules/mp/awards.scss */ .awards-zag span.brown { color: #b18e6d; } /* line 95, dev/sass/modules/mp/awards.scss */ .awards-logos { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 990px) { /* line 95, dev/sass/modules/mp/awards.scss */ .awards-logos { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(100vw / (var(--vwIdth) / 20)); } } @media screen and (max-width: 600px) { /* line 95, dev/sass/modules/mp/awards.scss */ .awards-logos { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; gap: 20px 30px; } } /* line 109, dev/sass/modules/mp/awards.scss */ .awards-logos img { margin: 0 calc(100vw / (var(--vwIdth) / 22.5)); } @media screen and (max-width: 600px) { /* line 109, dev/sass/modules/mp/awards.scss */ .awards-logos img { width: calc(40% - 15px); height: calc(100vw / (var(--vwIdth) / 50)); -o-object-fit: contain; object-fit: contain; margin: 0; } } /* line 119, dev/sass/modules/mp/awards.scss */ .awards-logos img:last-child { margin-right: 0; } /* line 1, dev/sass/modules/mp/constructive.scss */ .constructive { padding: calc(100vw / (var(--vwIdth) / 50)) 0 calc(100vw / (var(--vwIdth) / 60)); } @media screen and (max-width: 600px) { /* line 1, dev/sass/modules/mp/constructive.scss */ .constructive { padding: calc(100vw / (var(--vwIdth) / 40)) 0; } } @media screen and (min-width: 601px) { /* line 8, dev/sass/modules/mp/constructive.scss */ .constructive-list { display: grid; grid-template-columns: 1fr 1fr 1fr; grid-template-rows: 1fr 1fr 1fr; gap: calc(100vw / (var(--vwIdth) / 35)) calc(100vw / (var(--vwIdth) / 40)); grid-template-areas: 'a c e' 'b d e' 'b f f'; } } /* line 18, dev/sass/modules/mp/constructive.scss */ .constructive-item { position: relative; overflow: hidden; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; background-color: #fff; } /* line 24, dev/sass/modules/mp/constructive.scss */ .constructive-item:not(:last-child) { margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } /* line 28, dev/sass/modules/mp/constructive.scss */ .constructive-item:hover { -webkit-box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.01), 0 6.7px 5.3px rgba(0, 0, 0, 0.02), 0 6px 5px rgba(0, 0, 0, 0.03), 0 11px 9px rgba(0, 0, 0, 0.04), 0 20px 15px rgba(0, 0, 0, 0.05), 0 50px 40px rgba(0, 0, 0, 0.06); box-shadow: -10px -10px 10px rgba(0, 0, 0, 0.01), 0 6.7px 5.3px rgba(0, 0, 0, 0.02), 0 6px 5px rgba(0, 0, 0, 0.03), 0 11px 9px rgba(0, 0, 0, 0.04), 0 20px 15px rgba(0, 0, 0, 0.05), 0 50px 40px rgba(0, 0, 0, 0.06); } /* line 35, dev/sass/modules/mp/constructive.scss */ .constructive-item._full { padding: calc(100vw / (var(--vwIdth) / 60)) calc(100vw / (var(--vwIdth) / 20)); -webkit-border-radius: 0px 0px 0px 35px; border-radius: 0px 0px 0px 35px; } @media screen and (max-width: 600px) { /* line 35, dev/sass/modules/mp/constructive.scss */ .constructive-item._full { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: calc(100vw / (var(--vwIdth) / 30)) 20px 0; } } /* line 43, dev/sass/modules/mp/constructive.scss */ .constructive-item._full .constructive-item__img { width: 100%; } @media screen and (min-width: 601px) { /* line 43, dev/sass/modules/mp/constructive.scss */ .constructive-item._full .constructive-item__img { position: absolute; bottom: 0; left: 0; } } @media screen and (max-width: 600px) { /* line 43, dev/sass/modules/mp/constructive.scss */ .constructive-item._full .constructive-item__img { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; min-width: calc(100% + 40px); margin-left: -20px; margin-top: calc(100vw / (var(--vwIdth) / 30)); } } /* line 57, dev/sass/modules/mp/constructive.scss */ .constructive-item._full .constructive-item__img img { width: 100%; } /* line 61, dev/sass/modules/mp/constructive.scss */ .constructive-item._full .constructive-item__name { color: #ffffff; } /* line 64, dev/sass/modules/mp/constructive.scss */ .constructive-item._full p { color: #f2eeea; } /* line 69, dev/sass/modules/mp/constructive.scss */ .constructive-item._flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 72, dev/sass/modules/mp/constructive.scss */ .constructive-item._flex .constructive-item__name { width: 50%; } @media screen and (max-width: 600px) { /* line 72, dev/sass/modules/mp/constructive.scss */ .constructive-item._flex .constructive-item__name { width: 100%; } } /* line 79, dev/sass/modules/mp/constructive.scss */ .constructive-item._flex ul { width: auto; padding-right: calc(100vw / (var(--vwIdth) / 50)); } @media screen and (max-width: 600px) { /* line 79, dev/sass/modules/mp/constructive.scss */ .constructive-item._flex ul { width: 100%; padding-right: 0; } } /* line 90, dev/sass/modules/mp/constructive.scss */ .constructive-item:not(._full) { border: 1px solid #c8c8c8; padding: calc(100vw / (var(--vwIdth) / 34)) calc(100vw / (var(--vwIdth) / 25)) calc(100vw / (var(--vwIdth) / 50)); } @media screen and (max-width: 600px) { /* line 90, dev/sass/modules/mp/constructive.scss */ .constructive-item:not(._full) { padding: calc(100vw / (var(--vwIdth) / 29)) calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 25)); } } /* line 97, dev/sass/modules/mp/constructive.scss */ .constructive-item:not(._full) .constructive-item__img { height: calc(100vw / (var(--vwIdth) / 52)); margin-bottom: calc(100vw / (var(--vwIdth) / 30)); width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 600px) { /* line 97, dev/sass/modules/mp/constructive.scss */ .constructive-item:not(._full) .constructive-item__img { margin-bottom: calc(100vw / (var(--vwIdth) / 20)); } } /* line 108, dev/sass/modules/mp/constructive.scss */ .constructive-item__img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 113, dev/sass/modules/mp/constructive.scss */ .constructive-item__img picture { display: block; width: 100%; } /* line 118, dev/sass/modules/mp/constructive.scss */ .constructive-item__img img { display: block; max-height: 100%; } /* line 124, dev/sass/modules/mp/constructive.scss */ .constructive-item__name { max-width: calc(100vw / (var(--vwIdth) / 265)); font-family: 'Raleway'; font-style: normal; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 20)); line-height: 140%; letter-spacing: 0.06em; text-transform: uppercase; color: #605353; margin-bottom: calc(100vw / (var(--vwIdth) / 7)); } /* line 137, dev/sass/modules/mp/constructive.scss */ .constructive-item.f { -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 141, dev/sass/modules/mp/constructive.scss */ .constructive-item p { color: #929292; line-height: 156%; font-weight: 300; } /* line 147, dev/sass/modules/mp/constructive.scss */ .constructive-item ul { color: #b18e6d; padding-left: 0; } /* line 150, dev/sass/modules/mp/constructive.scss */ .constructive-item ul li { padding-left: calc(100vw / (var(--vwIdth) / 15)); } /* line 152, dev/sass/modules/mp/constructive.scss */ .constructive-item ul li::before { left: 0; width: 6px; height: 6px; background-color: #b18e6d; } /* line 163, dev/sass/modules/mp/constructive.scss */ .constructive-item.a { grid-area: a; } /* line 167, dev/sass/modules/mp/constructive.scss */ .constructive-item.b { grid-area: b; } /* line 171, dev/sass/modules/mp/constructive.scss */ .constructive-item.c { grid-area: c; } /* line 175, dev/sass/modules/mp/constructive.scss */ .constructive-item.d { grid-area: d; } /* line 179, dev/sass/modules/mp/constructive.scss */ .constructive-item.e { grid-area: e; } /* line 183, dev/sass/modules/mp/constructive.scss */ .constructive-item.f { grid-area: f; } /* line 1, dev/sass/modules/mp/equipment.scss */ .equipment { padding-top: calc(100vw / (var(--vwIdth) / 85)); } @media screen and (max-width: 600px) { /* line 1, dev/sass/modules/mp/equipment.scss */ .equipment { padding-top: calc(100vw / (var(--vwIdth) / 40)); overflow: hidden; } } /* line 9, dev/sass/modules/mp/equipment.scss */ .equipment-wrp { position: relative; padding: calc(100vw / (var(--vwIdth) / 155)) 0 calc(100vw / (var(--vwIdth) / 135)); } @media screen and (max-width: 600px) { /* line 9, dev/sass/modules/mp/equipment.scss */ .equipment-wrp { padding: calc(100vw / (var(--vwIdth) / 300)) calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 40)); } /* line 16, dev/sass/modules/mp/equipment.scss */ .equipment-wrp::before { content: ""; width: 100%; height: 100%; background-color: #757987; position: absolute; left: 0; top: calc(100vw / (var(--vwIdth) / 400)); z-index: 2; } /* line 27, dev/sass/modules/mp/equipment.scss */ .equipment-wrp::after { content: ""; width: 100%; height: calc(100vw / (var(--vwIdth) / 110)); background: -webkit-gradient(linear, left top, left bottom, from(rgba(117, 121, 135, 0)), color-stop(73.96%, #757987)); background: -webkit-linear-gradient(top, rgba(117, 121, 135, 0) 0%, #757987 73.96%); background: -o-linear-gradient(top, rgba(117, 121, 135, 0) 0%, #757987 73.96%); background: linear-gradient(180deg, rgba(117, 121, 135, 0) 0%, #757987 73.96%); position: absolute; left: 0; top: calc(100vw / (var(--vwIdth) / 300)); z-index: 3; } } /* line 44, dev/sass/modules/mp/equipment.scss */ .equipment-picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; } @media screen and (max-width: 600px) { /* line 44, dev/sass/modules/mp/equipment.scss */ .equipment-picture { height: auto; } } /* line 55, dev/sass/modules/mp/equipment.scss */ .equipment-picture img { width: 100%; height: 100%; } /* line 61, dev/sass/modules/mp/equipment.scss */ .equipment-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(100vw / (var(--vwIdth) / 85)) 0; } @media screen and (max-width: 600px) { /* line 61, dev/sass/modules/mp/equipment.scss */ .equipment-list { gap: calc(100vw / (var(--vwIdth) / 44)) 0; } } /* line 70, dev/sass/modules/mp/equipment.scss */ .equipment-list__item { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 600px) { /* line 70, dev/sass/modules/mp/equipment.scss */ .equipment-list__item { width: 100%; } /* line 79, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(1) { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } /* line 83, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(2) { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } /* line 87, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(3) { -webkit-box-ordinal-group: 7; -webkit-order: 6; -ms-flex-order: 6; order: 6; } /* line 91, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(4) { -webkit-box-ordinal-group: 6; -webkit-order: 5; -ms-flex-order: 5; order: 5; } /* line 95, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(5) { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } /* line 99, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(6) { -webkit-box-ordinal-group: 5; -webkit-order: 4; -ms-flex-order: 4; order: 4; } } /* line 104, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect { width: 100%; } @media screen and (max-width: 600px) { /* line 104, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect { margin-bottom: calc(100vw / (var(--vwIdth) / 25)); } } /* line 111, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect__zag { font-size: calc(100vw / (var(--vwIdth) / 18)); line-height: 189%; margin-bottom: calc(100vw / (var(--vwIdth) / 3)); color: #fff; } @media screen and (max-width: 600px) { /* line 118, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect .price { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; text-align: left; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } /* line 125, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect .price .current { color: #fff; } @media screen and (max-width: 600px) { /* line 125, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect .price .current { margin-right: 0; font-size: calc(100vw / (var(--vwIdth) / 30)); line-height: 140%; } } /* line 133, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect .price .current .icon { fill: #fff; } /* line 138, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect .price .discount { color: #b8bec7; } @media screen and (max-width: 600px) { /* line 138, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect .price .discount { padding-left: 0; display: block; text-align: left; width: 100%; font-size: calc(100vw / (var(--vwIdth) / 16)); } } /* line 149, dev/sass/modules/mp/equipment.scss */ .equipment-list__item .price-complect .price .discount .icon { fill: #b8bec7; } @media screen and (min-width: 601px) { /* line 157, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(even) { -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } /* line 160, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(even) .equipment-item { padding: calc(100vw / (var(--vwIdth) / 37)) calc(100vw / (var(--vwIdth) / 165)) calc(100vw / (var(--vwIdth) / 38)) calc(100vw / (var(--vwIdth) / 35)); } /* line 164, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(even) .equipment-item__img { left: auto; right: calc(100vw / (var(--vwIdth) / 16)); } /* line 169, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(even) .equipment-item__arrow { right: auto; left: calc(100vw / (var(--vwIdth) / -65)); } /* line 173, dev/sass/modules/mp/equipment.scss */ .equipment-list__item:nth-child(even) .equipment-item__arrow .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } } /* line 182, dev/sass/modules/mp/equipment.scss */ .equipment-item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; background-color: rgba(103, 106, 116, 0.95); -webkit-border-radius: 35px 0px; border-radius: 35px 0px; padding: calc(100vw / (var(--vwIdth) / 37)) calc(100vw / (var(--vwIdth) / 35)) calc(100vw / (var(--vwIdth) / 38)) calc(100vw / (var(--vwIdth) / 165)); width: calc(100vw / (var(--vwIdth) / 345)); min-height: calc(100vw / (var(--vwIdth) / 125)); } @media screen and (max-width: 600px) { /* line 182, dev/sass/modules/mp/equipment.scss */ .equipment-item { width: 100%; padding: calc(100vw / (var(--vwIdth) / 20)) calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 135)); min-height: calc(100vw / (var(--vwIdth) / 95)); } } /* line 199, dev/sass/modules/mp/equipment.scss */ .equipment-item__img { position: absolute; left: calc(100vw / (var(--vwIdth) / 16)); max-width: calc(100vw / (var(--vwIdth) / 135)); bottom: calc(100vw / (var(--vwIdth) / 20)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } @media screen and (max-width: 600px) { /* line 199, dev/sass/modules/mp/equipment.scss */ .equipment-item__img { max-width: calc(100vw / (var(--vwIdth) / 110)); max-height: calc(100vw / (var(--vwIdth) / 105)); } } /* line 214, dev/sass/modules/mp/equipment.scss */ .equipment-item__name { max-width: calc(100vw / (var(--vwIdth) / 145)); font-family: "Raleway"; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 20)); line-height: 125%; letter-spacing: 0.06em; text-transform: uppercase; color: #ffffff; } @media screen and (max-width: 600px) { /* line 214, dev/sass/modules/mp/equipment.scss */ .equipment-item__name { font-size: calc(100vw / (var(--vwIdth) / 18)); } } /* line 229, dev/sass/modules/mp/equipment.scss */ .equipment-item__arrow { position: absolute; bottom: calc(100vw / (var(--vwIdth) / 20)); right: calc(100vw / (var(--vwIdth) / -65)); } @media screen and (max-width: 600px) { /* line 229, dev/sass/modules/mp/equipment.scss */ .equipment-item__arrow { display: none; } } /* line 238, dev/sass/modules/mp/equipment.scss */ .equipment-item__arrow .icon { width: calc(100vw / (var(--vwIdth) / 125)); height: calc(100vw / (var(--vwIdth) / 10)); fill: #fff; } /* line 246, dev/sass/modules/mp/equipment.scss */ .equipment-item._optional .equipment-item__name span:first-child { position: relative; } /* line 249, dev/sass/modules/mp/equipment.scss */ .equipment-item._optional .equipment-item__name span:first-child::after { content: ""; position: absolute; width: calc(100vw / (var(--vwIdth) / 10)); height: calc(100vw / (var(--vwIdth) / 10)); left: 100%; bottom: 100%; -webkit-transform: translate(50%, 50%); -ms-transform: translate(50%, 50%); transform: translate(50%, 50%); background-image: url(/local/templates/general/assets/css/../img/svg/cross.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; } /* line 264, dev/sass/modules/mp/equipment.scss */ .equipment-item._optional::after { content: "опционально"; font-weight: 700; font-size: calc(100vw / (var(--vwIdth) / 11)); line-height: 227%; letter-spacing: 0.06em; text-transform: uppercase; color: #b08d6c; } /* line 276, dev/sass/modules/mp/equipment.scss */ .equipment .content-container { position: relative; z-index: 5; } /* line 1, dev/sass/modules/mp/fittings.scss */ .fitting { position: relative; background-color: #f6f6f6; overflow: hidden; } /* line 6, dev/sass/modules/mp/fittings.scss */ .fitting-picture { position: absolute; left: 0; top: 0; width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* line 14, dev/sass/modules/mp/fittings.scss */ .fitting-picture img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* line 21, dev/sass/modules/mp/fittings.scss */ .fitting-wrp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 600px) { /* line 21, dev/sass/modules/mp/fittings.scss */ .fitting-wrp { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* line 28, dev/sass/modules/mp/fittings.scss */ .fitting-content { width: 56%; padding: calc(100vw / (var(--vwIdth) / 70)) 0; padding-left: calc((100vw - 1440px) / 2); } @media screen and (max-width: 1440px) { /* line 28, dev/sass/modules/mp/fittings.scss */ .fitting-content { padding-left: calc((100vw - 1160px) / 2); } } @media screen and (max-width: 600px) { /* line 28, dev/sass/modules/mp/fittings.scss */ .fitting-content { width: 100%; padding: calc(100vw / (var(--vwIdth) / 40)) 0 calc(100vw / (var(--vwIdth) / 30)); } } /* line 41, dev/sass/modules/mp/fittings.scss */ .fitting-text { margin-bottom: calc(100vw / (var(--vwIdth) / 65)); padding-right: calc(100vw / (var(--vwIdth) / 100)); } @media screen and (max-width: 990px) { /* line 41, dev/sass/modules/mp/fittings.scss */ .fitting-text { margin-bottom: calc(100vw / (var(--vwIdth) / 20)); padding-right: calc(100vw / (var(--vwIdth) / 20)); } } @media screen and (max-width: 600px) { /* line 41, dev/sass/modules/mp/fittings.scss */ .fitting-text { margin-bottom: calc(100vw / (var(--vwIdth) / 30)); } } /* line 51, dev/sass/modules/mp/fittings.scss */ .fitting-text .type { font-weight: 300; line-height: 187%; letter-spacing: 0.1em; text-transform: uppercase; color: #504f4f; margin-bottom: calc(100vw / (var(--vwIdth) / 18)); } @media screen and (max-width: 990px) { /* line 51, dev/sass/modules/mp/fittings.scss */ .fitting-text .type { margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } } @media screen and (max-width: 600px) { /* line 51, dev/sass/modules/mp/fittings.scss */ .fitting-text .type { font-size: calc(100vw / (var(--vwIdth) / 12)); } } /* line 66, dev/sass/modules/mp/fittings.scss */ .fitting-text .name { font-family: 'Raleway'; font-style: normal; font-weight: 600; font-size: calc(100vw / (var(--vwIdth) / 50)); line-height: 136%; letter-spacing: 0.06em; text-transform: uppercase; color: #383838; margin-bottom: calc(100vw / (var(--vwIdth) / 15)); } @media screen and (max-width: 990px) { /* line 66, dev/sass/modules/mp/fittings.scss */ .fitting-text .name { font-size: calc(100vw / (var(--vwIdth) / 35)); margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } } @media screen and (max-width: 600px) { /* line 66, dev/sass/modules/mp/fittings.scss */ .fitting-text .name { font-size: calc(100vw / (var(--vwIdth) / 24)); margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } } /* line 85, dev/sass/modules/mp/fittings.scss */ .fitting-text .name .icon { width: calc(100vw / (var(--vwIdth) / 200)); height: calc(100vw / (var(--vwIdth) / 20)); fill: #373737; } @media screen and (max-width: 600px) { /* line 85, dev/sass/modules/mp/fittings.scss */ .fitting-text .name .icon { display: none; } } /* line 95, dev/sass/modules/mp/fittings.scss */ .fitting-text p { font-weight: 300; font-size: calc(100vw / (var(--vwIdth) / 18)); line-height: 167%; color: #b18e6d; max-width: calc(100vw / (var(--vwIdth) / 420)); } @media screen and (max-width: 600px) { /* line 95, dev/sass/modules/mp/fittings.scss */ .fitting-text p { max-width: 100%; font-size: calc(100vw / (var(--vwIdth) / 16)); line-height: 156%; } } /* line 109, dev/sass/modules/mp/fittings.scss */ .fitting-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(100vw / (var(--vwIdth) / 40)); width: calc(100% + 200px); } @media screen and (max-width: 990px) { /* line 109, dev/sass/modules/mp/fittings.scss */ .fitting-list { min-width: 144%; gap: 15px; } } @media screen and (max-width: 600px) { /* line 109, dev/sass/modules/mp/fittings.scss */ .fitting-list { min-width: 1px; width: 100%; } } /* line 124, dev/sass/modules/mp/fittings.scss */ .fitting-item { background-color: #fff; padding-bottom: calc(100vw / (var(--vwIdth) / 25)); -webkit-box-shadow: 0px 20px 25px rgba(44, 42, 42, 0.05); box-shadow: 0px 20px 25px rgba(44, 42, 42, 0.05); width: calc(33.33% - 40px); -webkit-transition: 0.5s; -o-transition: 0.5s; transition: 0.5s; } @media screen and (max-width: 990px) { /* line 124, dev/sass/modules/mp/fittings.scss */ .fitting-item { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; width: auto; } } @media screen and (max-width: 600px) { /* line 124, dev/sass/modules/mp/fittings.scss */ .fitting-item { -webkit-box-flex: 100%; -webkit-flex: 100%; -ms-flex: 100%; flex: 100%; } } /* line 143, dev/sass/modules/mp/fittings.scss */ .fitting-item:first-child { -webkit-border-radius: 0px 0px 0px 35px; border-radius: 0px 0px 0px 35px; } /* line 147, dev/sass/modules/mp/fittings.scss */ .fitting-item:last-child { -webkit-border-radius: 0px 0px 0px 35px; border-radius: 0px 0px 0px 35px; } /* line 151, dev/sass/modules/mp/fittings.scss */ .fitting-item__img { width: 100%; height: calc(100vw / (var(--vwIdth) / 200)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } /* line 159, dev/sass/modules/mp/fittings.scss */ .fitting-item__img img { max-height: 100%; } /* line 164, dev/sass/modules/mp/fittings.scss */ .fitting-item__name { padding: 0 calc(100vw / (var(--vwIdth) / 30)); margin-bottom: calc(100vw / (var(--vwIdth) / 5)); font-family: 'Raleway'; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 20)); line-height: 140%; letter-spacing: 0.06em; text-transform: uppercase; color: #605353; } /* line 176, dev/sass/modules/mp/fittings.scss */ .fitting-item p { font-weight: 300; padding: 0 calc(100vw / (var(--vwIdth) / 30)); line-height: 156%; color: #929292; } /* line 184, dev/sass/modules/mp/fittings.scss */ .fitting-img { width: 44%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 600px) { /* line 184, dev/sass/modules/mp/fittings.scss */ .fitting-img { width: 100%; } } /* line 191, dev/sass/modules/mp/fittings.scss */ .fitting-img img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; max-height: calc(100vw / (var(--vwIdth) / 840)); } /* line 199, dev/sass/modules/mp/fittings.scss */ .fitting-circle { position: absolute; right: 25%; top: calc(100vw / (var(--vwIdth) / 15)); } @media screen and (max-width: 600px) { /* line 199, dev/sass/modules/mp/fittings.scss */ .fitting-circle { top: auto; right: auto; left: 17%; bottom: calc(100vw / (var(--vwIdth) / 250)); width: calc(100vw / (var(--vwIdth) / 90)); height: calc(100vw / (var(--vwIdth) / 90)); } } /* line 1, dev/sass/modules/mp/how.scss */ .how { padding: calc(100vw / (var(--vwIdth) / 100)) 0; overflow: hidden; } @media screen and (max-width: 600px) { /* line 1, dev/sass/modules/mp/how.scss */ .how { padding: calc(100vw / (var(--vwIdth) / 40)) 0; } } /* line 9, dev/sass/modules/mp/how.scss */ .how-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: calc(100vw / (var(--vwIdth) / 40)); } @media screen and (max-width: 990px) { /* line 9, dev/sass/modules/mp/how.scss */ .how-list { gap: calc(100vw / (var(--vwIdth) / 15)); } } @media screen and (max-width: 600px) { /* line 9, dev/sass/modules/mp/how.scss */ .how-list { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; gap: calc(100vw / (var(--vwIdth) / 40)); } } /* line 25, dev/sass/modules/mp/how.scss */ .how-item { background-color: #f6f6f6; -webkit-border-radius: 0px 0px 0px 35px; border-radius: 0px 0px 0px 35px; position: relative; padding: calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 10)) calc(100vw / (var(--vwIdth) / 45)); -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 990px) { /* line 25, dev/sass/modules/mp/how.scss */ .how-item { padding-bottom: calc(100vw / (var(--vwIdth) / 25)); } } @media screen and (max-width: 600px) { /* line 25, dev/sass/modules/mp/how.scss */ .how-item { max-width: calc(100vw / (var(--vwIdth) / 150)); width: 100%; margin: 0 auto; padding: calc(100vw / (var(--vwIdth) / 30)) calc(100vw / (var(--vwIdth) / 10)); } } /* line 49, dev/sass/modules/mp/how.scss */ .how-item:not(:last-child):before { content: ""; width: calc(100vw / (var(--vwIdth) / 50)); height: calc(100vw / (var(--vwIdth) / 15)); position: absolute; right: calc(100vw / (var(--vwIdth) / -25)); top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/general/assets/css/../img/svg/sl-next.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; } @media screen and (max-width: 990px) { /* line 49, dev/sass/modules/mp/how.scss */ .how-item:not(:last-child):before { width: calc(100vw / (var(--vwIdth) / 30)); height: calc(100vw / (var(--vwIdth) / 10)); right: calc(100vw / (var(--vwIdth) / -10)); } } @media screen and (max-width: 600px) { /* line 49, dev/sass/modules/mp/how.scss */ .how-item:not(:last-child):before { width: calc(100vw / (var(--vwIdth) / 50)); height: calc(100vw / (var(--vwIdth) / 50)); right: 50%; -webkit-transform: translateX(50%) rotate(90deg); -ms-transform: translateX(50%) rotate(90deg); transform: translateX(50%) rotate(90deg); top: auto; bottom: calc(100vw / (var(--vwIdth) / -25)); } } /* line 78, dev/sass/modules/mp/how.scss */ .how-item__img { width: 100%; height: calc(100vw / (var(--vwIdth) / 170)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } @media screen and (max-width: 990px) { /* line 78, dev/sass/modules/mp/how.scss */ .how-item__img { height: calc(100vw / (var(--vwIdth) / 100)); margin-bottom: calc(100vw / (var(--vwIdth) / 15)); } } @media screen and (max-width: 600px) { /* line 78, dev/sass/modules/mp/how.scss */ .how-item__img { height: calc(100vw / (var(--vwIdth) / 80)); margin-bottom: calc(100vw / (var(--vwIdth) / 25)); } } /* line 95, dev/sass/modules/mp/how.scss */ .how-item__img img { max-height: 100%; } /* line 99, dev/sass/modules/mp/how.scss */ .how-item__name { font-family: "Raleway"; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 18)); line-height: 144%; text-align: center; letter-spacing: 0.06em; text-transform: uppercase; color: #605353; } @media screen and (max-width: 990px) { /* line 99, dev/sass/modules/mp/how.scss */ .how-item__name { font-size: calc(100vw / (var(--vwIdth) / 14)); } } @media screen and (max-width: 600px) { /* line 99, dev/sass/modules/mp/how.scss */ .how-item__name { font-size: calc(100vw / (var(--vwIdth) / 14)); } } /* line 1, dev/sass/modules/mp/mp-map.scss */ .mp-map { width: 100%; } /* line 1, dev/sass/modules/mp/request.scss */ .request { padding: calc(100vw / (var(--vwIdth) / 150)) 0 calc(100vw / (var(--vwIdth) / 65)); } @media screen and (max-width: 600px) { /* line 1, dev/sass/modules/mp/request.scss */ .request { padding: calc(100vw / (var(--vwIdth) / 50)) 0; } } /* line 8, dev/sass/modules/mp/request.scss */ .request-wrp { background-color: #b18e6d; -webkit-border-radius: 0px 55px; border-radius: 0px 55px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: calc(100vw / (var(--vwIdth) / 45)) calc(100vw / (var(--vwIdth) / 60)) calc(100vw / (var(--vwIdth) / 45)) calc(100vw / (var(--vwIdth) / 320)); position: relative; } @media screen and (max-width: 990px) { /* line 8, dev/sass/modules/mp/request.scss */ .request-wrp { padding: calc(100vw / (var(--vwIdth) / 45)) calc(100vw / (var(--vwIdth) / 60)) calc(100vw / (var(--vwIdth) / 45)) calc(100vw / (var(--vwIdth) / 220)); } } @media screen and (max-width: 600px) { /* line 8, dev/sass/modules/mp/request.scss */ .request-wrp { padding: calc(100vw / (var(--vwIdth) / 40)) 20px 0; overflow: hidden; } } /* line 26, dev/sass/modules/mp/request.scss */ .request-img { position: absolute; left: 0; bottom: 0; width: calc(100vw / (var(--vwIdth) / 300)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 990px) { /* line 26, dev/sass/modules/mp/request.scss */ .request-img { width: calc(100vw / (var(--vwIdth) / 200)); } } @media screen and (max-width: 600px) { /* line 26, dev/sass/modules/mp/request.scss */ .request-img { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; width: auto; margin: 0 -20px; position: relative; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } /* line 47, dev/sass/modules/mp/request.scss */ .request-img picture { display: block; width: 100%; } /* line 52, dev/sass/modules/mp/request.scss */ .request-img img { width: 100%; } /* line 57, dev/sass/modules/mp/request.scss */ .request-content { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; gap: calc(100vw / (var(--vwIdth) / 50)); } @media screen and (max-width: 990px) { /* line 57, dev/sass/modules/mp/request.scss */ .request-content { gap: calc(100vw / (var(--vwIdth) / 20)); } } @media screen and (max-width: 600px) { /* line 57, dev/sass/modules/mp/request.scss */ .request-content { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: calc(100vw / (var(--vwIdth) / 35)); } } /* line 72, dev/sass/modules/mp/request.scss */ .request-text { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /* line 75, dev/sass/modules/mp/request.scss */ .request-text h3, .request-text .h3 { max-width: calc(100vw / (var(--vwIdth) / 351)); font-family: 'Raleway'; font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 30)); line-height: 140%; letter-spacing: 0.06em; text-transform: uppercase; color: #ffffff; margin-bottom: calc(100vw / (var(--vwIdth) / 12)); } @media screen and (max-width: 990px) { /* line 75, dev/sass/modules/mp/request.scss */ .request-text h3, .request-text .h3 { font-size: calc(100vw / (var(--vwIdth) / 22)); margin-bottom: calc(100vw / (var(--vwIdth) / 5)); } } @media screen and (max-width: 600px) { /* line 75, dev/sass/modules/mp/request.scss */ .request-text h3, .request-text .h3 { font-size: calc(100vw / (var(--vwIdth) / 24)); margin-bottom: calc(100vw / (var(--vwIdth) / 10)); font-weight: 600; } } /* line 99, dev/sass/modules/mp/request.scss */ .request-text p { max-width: calc(100vw / (var(--vwIdth) / 329)); font-weight: 300; color: #e1dedc; line-height: 1.5; } /* line 107, dev/sass/modules/mp/request.scss */ .request-form { -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; } /* line 110, dev/sass/modules/mp/request.scss */ .request-form input[type='text'], .request-form input[type='tel'] { width: 100%; height: calc(100vw / (var(--vwIdth) / 58)); border: 1px solid #fff !important; padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 24)); color: #fff !important; background-color: #b18e6d; -webkit-border-radius: 0; border-radius: 0; margin-bottom: calc(100vw / (var(--vwIdth) / 15)); font-weight: 300; } /* line 122, dev/sass/modules/mp/request.scss */ .request-form input[type='text']::-webkit-input-placeholder, .request-form input[type='tel']::-webkit-input-placeholder { color: #e6d8cb !important; } .request-form input[type='text']::-moz-placeholder, .request-form input[type='tel']::-moz-placeholder { color: #e6d8cb !important; } .request-form input[type='text']::-ms-input-placeholder, .request-form input[type='tel']::-ms-input-placeholder { color: #e6d8cb !important; } .request-form input[type='text']::placeholder, .request-form input[type='tel']::placeholder { color: #e6d8cb !important; } /* line 1, dev/sass/modules/mp/sl-model.scss */ .sl-model { padding: calc(100vw / (var(--vwIdth) / 66)) 0 0; overflow: hidden; } @media screen and (max-width: 600px) { /* line 1, dev/sass/modules/mp/sl-model.scss */ .sl-model { padding-top: calc(100vw / (var(--vwIdth) / 44)); background-color: #f2f3f4; padding-bottom: calc(100vw / (var(--vwIdth) / 40)); } } /* line 11, dev/sass/modules/mp/sl-model.scss */ .sl-model__wrp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #f7f7f7; position: relative; } @media screen and (max-width: 600px) { /* line 11, dev/sass/modules/mp/sl-model.scss */ .sl-model__wrp { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; background-color: #f2f3f4; } } /* line 22, dev/sass/modules/mp/sl-model.scss */ .sl-model__content, .sl-model__img { width: 50%; } @media screen and (max-width: 600px) { /* line 22, dev/sass/modules/mp/sl-model.scss */ .sl-model__content, .sl-model__img { width: 100%; } } /* line 31, dev/sass/modules/mp/sl-model.scss */ .sl-model__content { position: relative; z-index: 2; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; cursor: -webkit-grab; cursor: grab; } /* line 37, dev/sass/modules/mp/sl-model.scss */ .sl-model__content:active { cursor: -webkit-grabbing; cursor: grabbing; } @media screen and (max-width: 600px) { /* line 31, dev/sass/modules/mp/sl-model.scss */ .sl-model__content { -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; } } /* line 45, dev/sass/modules/mp/sl-model.scss */ .sl-model__content .slick-list { overflow: visible !important; width: 100%; } @media screen and (min-width: 601px) { /* line 52, dev/sass/modules/mp/sl-model.scss */ .sl-model__content .slick-slide.slick-current .sl-model__content-img { margin-left: calc((100vw - 1400px) / 2); } } @media screen and (min-width: 601px) and (max-width: 1440px) { /* line 52, dev/sass/modules/mp/sl-model.scss */ .sl-model__content .slick-slide.slick-current .sl-model__content-img { margin-left: calc((100vw - 1160px) / 2); } } @media screen and (min-width: 601px) and (max-width: 1180px) { /* line 52, dev/sass/modules/mp/sl-model.scss */ .sl-model__content .slick-slide.slick-current .sl-model__content-img { margin-left: 0; } } @media screen and (min-width: 601px) { /* line 64, dev/sass/modules/mp/sl-model.scss */ .sl-model__content .slick-slide.slick-current .sl-model__content-text { opacity: 1; -webkit-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1); transform: translateY(-50%) scale(1); } } /* line 71, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-item { position: relative; display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media screen and (max-width: 600px) { /* line 71, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-item { width: 50%; } } @media screen and (min-width: 601px) { /* line 81, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text { position: absolute; top: 50%; -webkit-transform: translateY(-50%) scale(0.7); -ms-transform: translateY(-50%) scale(0.7); transform: translateY(-50%) scale(0.7); right: calc(100vw / (var(--vwIdth) / -80)); background: #ffffff; -webkit-box-shadow: 0px 20px 25px rgba(44, 42, 42, 0.04); box-shadow: 0px 20px 25px rgba(44, 42, 42, 0.04); -webkit-border-radius: 50px 0px; border-radius: 50px 0px; max-width: calc(100vw / (var(--vwIdth) / 375)); padding: calc(100vw / (var(--vwIdth) / 35)) calc(100vw / (var(--vwIdth) / 45)) calc(100vw / (var(--vwIdth) / 30)); opacity: 0; -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } } @media screen and (max-width: 600px) { /* line 81, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text { width: 50%; padding-right: calc(100vw / (var(--vwIdth) / 10)); } } /* line 101, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text .name { font-family: 'Raleway'; font-weight: 700; font-size: calc(100vw / (var(--vwIdth) / 30)); line-height: 1.16; letter-spacing: 0.06em; text-transform: uppercase; color: #383838; margin-bottom: calc(100vw / (var(--vwIdth) / 18)); } @media screen and (max-width: 600px) { /* line 101, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text .name { font-size: calc(100vw / (var(--vwIdth) / 18)); margin-bottom: calc(100vw / (var(--vwIdth) / 15)); } } /* line 117, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text .price { padding-bottom: calc(100vw / (var(--vwIdth) / 20)); margin-bottom: calc(100vw / (var(--vwIdth) / 15)); border-bottom: 1px solid rgba(97, 85, 85, 0.5); } @media screen and (max-width: 600px) { /* line 117, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text .price { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: calc(100vw / (var(--vwIdth) / 6)); margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } } /* line 128, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text .price .current { white-space: nowrap; } /* line 132, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text .price .discount { font-weight: 300; white-space: nowrap; } /* line 138, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text p { font-weight: 300; line-height: 156%; } @media screen and (max-width: 600px) { /* line 138, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-text p { font-size: calc(100vw / (var(--vwIdth) / 14)); } } /* line 148, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-img { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; left: calc(100vw / (var(--vwIdth) / -65)); -webkit-transition: 1s; -o-transition: 1s; transition: 1s; } @media screen and (max-width: 1180px) { /* line 148, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-img { left: 0; } } @media screen and (max-width: 600px) { /* line 148, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-img { left: 0; width: 50%; padding: 0 calc(100vw / (var(--vwIdth) / 10)); } } /* line 165, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-img img { max-width: 390px; max-height: calc(100% - 20px); } @media screen and (max-width: 1180px) { /* line 165, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-img img { max-height: calc(100vw / (var(--vwIdth) / 560)); } } @media screen and (max-width: 990px) { /* line 165, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-img img { max-height: calc(100vw / (var(--vwIdth) / 420)); } } @media screen and (max-width: 600px) { /* line 165, dev/sass/modules/mp/sl-model.scss */ .sl-model__content-img img { max-width: 100%; max-height: calc(100vw / (var(--vwIdth) / 220)); } } /* line 185, dev/sass/modules/mp/sl-model.scss */ .sl-model__img { position: relative; z-index: 1; } @media screen and (max-width: 600px) { /* line 185, dev/sass/modules/mp/sl-model.scss */ .sl-model__img { -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } } /* line 193, dev/sass/modules/mp/sl-model.scss */ .sl-model__img img { width: 100%; max-height: calc(100vw / (var(--vwIdth) / 720)); } /* line 199, dev/sass/modules/mp/sl-model.scss */ .sl-model__circle { position: absolute; right: calc(100vw / (var(--vwIdth) / 70)); width: calc(100vw / (var(--vwIdth) / 180)); height: calc(100vw / (var(--vwIdth) / 180)); top: calc(100vw / (var(--vwIdth) / -90)); z-index: 3; } @media screen and (max-width: 600px) { /* line 199, dev/sass/modules/mp/sl-model.scss */ .sl-model__circle { display: none; bottom: calc(100vw / (var(--vwIdth) / 160)); right: calc(100vw / (var(--vwIdth) / 30)); top: auto; } } /* line 215, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll { z-index: 3; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (min-width: 601px) { /* line 215, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll { position: absolute; bottom: 0; right: 50%; padding-right: calc(100vw / (var(--vwIdth) / 34)); padding-bottom: calc(100vw / (var(--vwIdth) / 56)); } } @media screen and (max-width: 600px) { /* line 215, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; width: 100%; padding: calc(100vw / (var(--vwIdth) / 15)) calc(100vw / (var(--vwIdth) / 10)); -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } } /* line 236, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-counter { width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } @media screen and (max-width: 600px) { /* line 236, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-counter { width: auto; margin-right: calc(100vw / (var(--vwIdth) / 30)); } } /* line 248, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-counter .current { font-size: calc(100vw / (var(--vwIdth) / 24)); line-height: 142%; color: #383838; margin-right: calc(100vw / (var(--vwIdth) / 5)); white-space: nowrap; } /* line 256, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-counter .total { font-weight: 600; font-size: calc(100vw / (var(--vwIdth) / 15)); color: #bcbcbc; } /* line 263, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow { width: calc(100vw / (var(--vwIdth) / 84)); height: calc(100vw / (var(--vwIdth) / 46)); display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; cursor: pointer; } @media screen and (max-width: 600px) { /* line 263, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow { width: auto; top: auto !important; } } /* line 276, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow:not(:last-child) { margin-right: calc(100vw / (var(--vwIdth) / 16)); } /* line 280, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow.slick-disabled { pointer-events: none; } /* line 283, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow.slick-disabled::before { -webkit-transform: scale(0); -ms-transform: scale(0); transform: scale(0); } /* line 288, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow .icon { width: calc(100vw / (var(--vwIdth) / 64)); height: calc(100vw / (var(--vwIdth) / 15)); } /* line 293, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow::before { content: ''; width: calc(100vw / (var(--vwIdth) / 46)); height: calc(100vw / (var(--vwIdth) / 46)); -webkit-border-radius: 50%; border-radius: 50%; position: absolute; top: 0; border: 1px solid #b0aaaa; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 304, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow._prev { padding-left: calc(100vw / (var(--vwIdth) / 19)); } /* line 307, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow._prev::before { left: 0; } /* line 312, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow._next { padding-right: calc(100vw / (var(--vwIdth) / 19)); } /* line 315, dev/sass/modules/mp/sl-model.scss */ .sl-model__controll-arrow._next::before { right: 0; } /* line 322, dev/sass/modules/mp/sl-model.scss */ .sl-model__link { padding: calc(100vw / (var(--vwIdth) / 55)) 0 0; text-align: center; } /* line 1, dev/sass/modules/mp/sl-product.scss */ .sl-product { overflow: hidden; } /* line 4, dev/sass/modules/mp/sl-product.scss */ .sl-product__wrp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 10, dev/sass/modules/mp/sl-product.scss */ .sl-product__content-wrp { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; background-color: #e0dcd7; } @media screen and (max-width: 600px) { /* line 10, dev/sass/modules/mp/sl-product.scss */ .sl-product__content-wrp { width: 100%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } /* line 21, dev/sass/modules/mp/sl-product.scss */ .sl-product__item { padding: calc(100vw / (var(--vwIdth) / 75)) calc(100vw / (var(--vwIdth) / 140)) calc(100vw / (var(--vwIdth) / 75)) calc(100vw / (var(--vwIdth) / 80)); position: relative !important; } @media screen and (max-width: 1440px) { /* line 21, dev/sass/modules/mp/sl-product.scss */ .sl-product__item { padding-right: calc(100vw / (var(--vwIdth) / 110)); } } @media screen and (max-width: 1180px) { /* line 21, dev/sass/modules/mp/sl-product.scss */ .sl-product__item { padding-left: 20px; } } @media screen and (max-width: 990px) { /* line 21, dev/sass/modules/mp/sl-product.scss */ .sl-product__item { padding: calc(100vw / (var(--vwIdth) / 20)); } } /* line 37, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-type { position: absolute; top: 0; right: 0; } @media screen and (max-width: 990px) { /* line 37, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-type { top: 0; right: calc(100vw / (var(--vwIdth) / 20)); max-width: calc(100vw / (var(--vwIdth) / 20)); } } /* line 49, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-name { font-weight: bold; font-size: calc(100vw / (var(--vwIdth) / 30)); line-height: 1.16; letter-spacing: 0.06em; text-transform: uppercase; font-family: 'Raleway'; color: #383838; margin-bottom: calc(100vw / (var(--vwIdth) / 45)); position: relative; padding-right: calc(100vw / (var(--vwIdth) / 30)); } @media screen and (max-width: 990px) { /* line 49, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-name { font-size: calc(100vw / (var(--vwIdth) / 26)); margin-bottom: calc(100vw / (var(--vwIdth) / 20)); padding-right: calc(100vw / (var(--vwIdth) / 40)); } } @media screen and (max-width: 600px) { /* line 49, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-name { font-size: calc(100vw / (var(--vwIdth) / 22)); } } /* line 72, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-info { padding: calc(100vw / (var(--vwIdth) / 20)) 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; border-top: 1px solid rgba(97, 85, 85, 0.5); border-bottom: 1px solid rgba(97, 85, 85, 0.5); margin-bottom: calc(100vw / (var(--vwIdth) / 30)); } @media screen and (max-width: 990px) { /* line 72, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-info { padding: calc(100vw / (var(--vwIdth) / 15)) 0; margin-bottom: calc(100vw / (var(--vwIdth) / 15)); } } @media screen and (max-width: 990px) { /* line 87, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-info .price { width: 100%; margin-bottom: calc(100vw / (var(--vwIdth) / 15)); } } @media screen and (max-width: 990px) { /* line 94, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-info__color { width: 100%; } } /* line 99, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-info__color ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 18px; padding: 0; } /* line 104, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-info__color ul li { width: 22px; height: 22px; -webkit-border-radius: 50%; border-radius: 50%; overflow: hidden; margin-bottom: 0; } /* line 111, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-info__color ul li img { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } /* line 122, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content p { font-family: "OpenSans"; font-weight: 300; line-height: 156%; color: #383838; margin-bottom: calc(100vw / (var(--vwIdth) / 20)); } /* line 133, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content ul { margin-bottom: calc(100vw / (var(--vwIdth) / 20)); padding-left: 0; } /* line 137, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content ul li { font-weight: 300; color: #383838; padding-left: 20px; font-size: calc(100vw / (var(--vwIdth) / 16)); } /* line 143, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content ul li:not(:last-child) { margin-bottom: calc(100vw / (var(--vwIdth) / 10)); } /* line 147, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content ul li::before { left: 0; width: 6px; height: 6px; background-color: #383838; } /* line 156, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content .btn { margin-top: calc(100vw / (var(--vwIdth) / 50)); } @media screen and (max-width: 990px) { /* line 156, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content .btn { margin-top: calc(100vw / (var(--vwIdth) / 20)); } } @media screen and (max-width: 600px) { /* line 156, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-content .btn { margin-top: calc(100vw / (var(--vwIdth) / 40)); } } /* line 169, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-mob { display: none; } @media screen and (max-width: 600px) { /* line 169, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-mob { font-weight: 600; font-size: 16px; line-height: 137%; text-decoration: underline !important; color: #383838; } /* line 179, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-mob._open { color: #fff; } /* line 182, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-mob._open .icon { fill: #fff; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* line 188, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-mob .icon { margin-left: calc(100vw / (var(--vwIdth) / 8)); width: calc(100vw / (var(--vwIdth) / 17)); height: calc(100vw / (var(--vwIdth) / 17)); -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } } @media screen and (max-width: 600px) { /* line 196, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-mob__content { font-size: 14; } /* line 202, dev/sass/modules/mp/sl-product.scss */ .sl-product__item-mob__content._open { display: block; } } /* line 210, dev/sass/modules/mp/sl-product.scss */ .sl-product__img { background-color: #d1cac1; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 600px) { /* line 210, dev/sass/modules/mp/sl-product.scss */ .sl-product__img { background-color: #e0dcd7; } } /* line 219, dev/sass/modules/mp/sl-product.scss */ .sl-product__img-item { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; } /* line 223, dev/sass/modules/mp/sl-product.scss */ .sl-product__img img { width: 100%; min-height: 100%; -o-object-fit: cover; object-fit: cover; max-height: calc(100vw / (var(--vwIdth) / 720)); } /* line 230, dev/sass/modules/mp/sl-product.scss */ .sl-product__img-wrp { width: 50%; position: relative; cursor: -webkit-grab; cursor: grab; } /* line 235, dev/sass/modules/mp/sl-product.scss */ .sl-product__img-wrp:active { cursor: -webkit-grabbing; cursor: grabbing; } @media screen and (max-width: 600px) { /* line 230, dev/sass/modules/mp/sl-product.scss */ .sl-product__img-wrp { width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; padding: calc(100vw / (var(--vwIdth) / 10)); background-color: #e0dcd7; } } /* line 248, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); width: 47px; height: 47px; -webkit-border-radius: 50%; border-radius: 50%; background-color: #fff; z-index: 2; cursor: pointer; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 990px) { /* line 248, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow { width: 25px; height: 25px; } } /* line 265, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow:hover { background-color: #2c2a2a; } /* line 268, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow:hover .icon { fill: #fff; } /* line 273, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow .icon { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); fill: #2c2a2a; width: calc(100vw / (var(--vwIdth) / 64)); height: 9px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } @media screen and (max-width: 990px) { /* line 273, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow .icon { width: calc(100vw / (var(--vwIdth) / 32)); height: calc(100vw / (var(--vwIdth) / 32)); } } /* line 288, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._prev { left: calc(100vw / (var(--vwIdth) / 20)); } @media screen and (max-width: 600px) { /* line 288, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._prev { left: calc(100vw / (var(--vwIdth) / 5)); } } /* line 295, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._prev .icon { left: 15px; } @media screen and (max-width: 990px) { /* line 295, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._prev .icon { left: 8px; } } /* line 304, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._next { right: calc(100vw / (var(--vwIdth) / 20)); } @media screen and (max-width: 600px) { /* line 304, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._next { right: calc(100vw / (var(--vwIdth) / 5)); } } /* line 311, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._next .icon { right: 15px; } @media screen and (max-width: 990px) { /* line 311, dev/sass/modules/mp/sl-product.scss */ .sl-product__arrow._next .icon { right: 8px; } } /* line 322, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .sl-product__content-wrp { -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } /* line 326, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .sl-product__content-wrp { background-color: #7e8790; } /* line 330, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .sl-product__item-name, .sl-product._invert .sl-product__item-content p, .sl-product._invert .sl-product__item-content ul li { color: #fff; } /* line 336, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .sl-product__item-content ul li::before { background-color: #fff; } /* line 340, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .price .current { color: #cfd3d6; } /* line 343, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .price .current .icon { fill: #cfd3d6; } /* line 348, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .sl-product__img { background-color: #8c939b; } @media screen and (max-width: 600px) { /* line 348, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .sl-product__img { background-color: #7e8790; } } @media screen and (max-width: 600px) { /* line 355, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .sl-product__img-wrp { background-color: #7e8790; } } /* line 362, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .price .discount { color: #b2b9be; } /* line 365, dev/sass/modules/mp/sl-product.scss */ .sl-product._invert .price .discount .icon { fill: #b2b9be; } /* line 7, dev/sass/b2b.scss */ header { background-color: #fff; } /* line 11, dev/sass/b2b.scss */ .header-b2b { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; gap: 40px; max-width: 615px; } /* line 17, dev/sass/b2b.scss */ .header-b2b .icon { width: 25px; height: 25px; fill: #ff562e; margin: 0; } /* line 25, dev/sass/b2b.scss */ .header-b2b__phone a { display: inline-block; } /* line 29, dev/sass/b2b.scss */ .header-b2b__phone .tel { font-weight: 600; font-size: 20px; color: #ff562e; } /* line 34, dev/sass/b2b.scss */ .header-b2b__phone .tel:hover { text-decoration: underline; } /* line 39, dev/sass/b2b.scss */ .header-b2b__phone .call-popup { font-size: 14px; color: #ff562e; border-bottom: 1px dashed #ff562e; } /* line 44, dev/sass/b2b.scss */ .header-b2b__phone .call-popup:hover { border-color: transparent; } /* line 50, dev/sass/b2b.scss */ .header-b2b__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 54, dev/sass/b2b.scss */ .header-b2b__btn:hover .icon { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1px; perspective: 1px; } /* line 63, dev/sass/b2b.scss */ .header-b2b__img { width: 42px; height: 42px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d0d0d0; } /* line 76, dev/sass/b2b.scss */ .header-b2b__content { width: calc(100% - 42px); padding-left: 12px; } /* line 80, dev/sass/b2b.scss */ .header-b2b__content a { display: inline-block; } /* line 84, dev/sass/b2b.scss */ .header-b2b__content a.val:hover { text-decoration: underline; } /* line 90, dev/sass/b2b.scss */ .header-b2b__content .name { font-weight: 600; font-size: 16px; color: #444444; white-space: nowrap; max-width: 130px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 100, dev/sass/b2b.scss */ .header-b2b__content .val { font-size: 14px; color: #444444; } /* line 107, dev/sass/b2b.scss */ .b2b-pages { background-color: #f5f5f5; } /* line 110, dev/sass/b2b.scss */ .b2b-pages .counter { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e3e3e3; overflow: hidden; } /* line 116, dev/sass/b2b.scss */ .b2b-pages .counter button, .b2b-pages .counter input { padding: 0; border: 0; background-color: transparent; height: 50px; -webkit-box-flex: 1; -webkit-flex: 1; -ms-flex: 1; flex: 1; text-align: center; color: #444444; -webkit-border-radius: 0; border-radius: 0; } /* line 127, dev/sass/b2b.scss */ .b2b-pages .counter button::-webkit-input-placeholder, .b2b-pages .counter input::-webkit-input-placeholder { color: #444444; } .b2b-pages .counter button::-moz-placeholder, .b2b-pages .counter input::-moz-placeholder { color: #444444; } .b2b-pages .counter button::-ms-input-placeholder, .b2b-pages .counter input::-ms-input-placeholder { color: #444444; } .b2b-pages .counter button::placeholder, .b2b-pages .counter input::placeholder { color: #444444; } /* line 133, dev/sass/b2b.scss */ .b2b-pages .counter button:hover { background-color: #f3f3f3; } /* line 140, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 143, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox._empty { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; } /* line 147, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox._empty label { min-width: 20px; min-height: 20px; padding: 0; } /* line 154, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox label { padding-left: 30px; pointer-events: none; cursor: pointer; } /* line 159, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox label::before { background-position: center; -webkit-background-size: 14px 14px; background-size: 14px; background-repeat: no-repeat; } /* line 166, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox input[type='checkbox'], .b2b-pages .b2b-wrapper .checkbox input[type='radio'] { display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; cursor: pointer; } /* line 178, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox input[type='checkbox']:checked + label:before, .b2b-pages .b2b-wrapper .checkbox input[type='radio']:checked + label:before { background-color: #ff652e; background-image: url(/local/templates/general/assets/css/../img/svg/check.svg); background-position: center; -webkit-background-size: 14px 14px; background-size: 14px; background-repeat: no-repeat; } /* line 188, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .icon { width: 25px; height: 25px; } /* line 193, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper a, .b2b-pages .b2b-wrapper span { display: inline-block; } /* line 198, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper ul { padding: 0; } /* line 201, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper ul li { margin: 0; } /* line 204, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper ul li::before { content: none; } /* line 212, dev/sass/b2b.scss */ .b2b-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } /* line 218, dev/sass/b2b.scss */ .b2b-aside { width: 350px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e3e3e3; padding: 30px 30px 15px; margin-bottom: 50px; } /* line 229, dev/sass/b2b.scss */ .b2b-menu__ul:last-child { padding-top: 8px; margin-top: 8px; border-top: 1px solid #e3e3e3; } /* line 237, dev/sass/b2b.scss */ .b2b-menu__ul li._active a { color: #000000; background-color: rgba(255, 86, 46, 0.1); } /* line 241, dev/sass/b2b.scss */ .b2b-menu__ul li._active a .icon { fill: #ff562e; } /* line 248, dev/sass/b2b.scss */ .b2b-menu__ul li:hover a { color: #000000; } /* line 251, dev/sass/b2b.scss */ .b2b-menu__ul li:hover a .icon { fill: #ff562e; } /* line 257, dev/sass/b2b.scss */ .b2b-menu__ul li a { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; padding: 12px; font-size: 16px; color: #686868; -webkit-border-radius: 5px; border-radius: 5px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; width: 100%; } /* line 266, dev/sass/b2b.scss */ .b2b-menu__ul li a .icon { width: 20px; height: 20px; fill: #686868; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 273, dev/sass/b2b.scss */ .b2b-menu__ul li a span { max-width: calc(100% - 20px); padding-left: 12px; line-height: 25px; } /* line 283, dev/sass/b2b.scss */ .b2b-content { width: calc(100% - 350px); padding-left: 20px; margin-bottom: 50px; } /* line 288, dev/sass/b2b.scss */ .b2b-content__wrp { padding: 20px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e3e3e3; width: 100%; } /* line 295, dev/sass/b2b.scss */ .b2b-content__wrp + .b2b-content__wrp { margin-top: 30px; } /* line 301, dev/sass/b2b.scss */ .b2b-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-bottom: 10px; background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e3e3e3; padding: 20px; } /* line 312, dev/sass/b2b.scss */ .b2b-head__search { width: 65%; position: relative; } /* line 316, dev/sass/b2b.scss */ .b2b-head__search.w100 { width: 100%; } /* line 320, dev/sass/b2b.scss */ .b2b-head__search.w38 { width: 38%; } /* line 324, dev/sass/b2b.scss */ .b2b-head__search.w60 { width: 60%; } /* line 328, dev/sass/b2b.scss */ .b2b-head__search input { width: 100%; border: 1px solid #e0e0e0; -webkit-border-radius: 5px; border-radius: 5px; height: 42px; font-size: 14px; color: #444444; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 337, dev/sass/b2b.scss */ .b2b-head__search input:focus, .b2b-head__search input:hover { color: #444444; } /* line 342, dev/sass/b2b.scss */ .b2b-head__search input::-webkit-input-placeholder { color: #6e6e6e; } .b2b-head__search input::-moz-placeholder { color: #6e6e6e; } .b2b-head__search input::-ms-input-placeholder { color: #6e6e6e; } .b2b-head__search input::placeholder { color: #6e6e6e; } /* line 347, dev/sass/b2b.scss */ .b2b-head__search button[type='submit'], .b2b-head__search .search-submit { position: absolute; right: 0; top: 0; height: 100%; width: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border: 1px solid #40404b; -webkit-border-radius: 5px; border-radius: 5px; background-color: #40404b; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; padding: 0; } /* line 363, dev/sass/b2b.scss */ .b2b-head__search button[type='submit']:hover, .b2b-head__search .search-submit:hover { background-color: #fff; } /* line 366, dev/sass/b2b.scss */ .b2b-head__search button[type='submit']:hover .icon, .b2b-head__search .search-submit:hover .icon { fill: #40404b; } /* line 371, dev/sass/b2b.scss */ .b2b-head__search button[type='submit'] .icon, .b2b-head__search .search-submit .icon { width: 25px; height: 25px; fill: #fff; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 380, dev/sass/b2b.scss */ .b2b-head__person { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; max-width: 30%; } /* line 385, dev/sass/b2b.scss */ .b2b-head__person-ico { width: 42px; height: 42px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d0d0d0; } /* line 394, dev/sass/b2b.scss */ .b2b-head__person-ico .icon { fill: #ff562e; } /* line 399, dev/sass/b2b.scss */ .b2b-head__person-info { max-width: calc(100% - 42px); padding-left: 14px; } /* line 403, dev/sass/b2b.scss */ .b2b-head__person-info .name { font-weight: 600; font-size: 14px; color: #444444; margin-bottom: 3px; display: block !important; -o-text-overflow: ellipsis; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } /* line 414, dev/sass/b2b.scss */ .b2b-head__person-info .phone { font-size: 14px; color: #444444; display: block !important; } /* line 422, dev/sass/b2b.scss */ .b2b-head__sort { max-width: 30%; width: 100%; } /* line 426, dev/sass/b2b.scss */ .b2b-head__sort .jq-selectbox { width: 100%; } /* line 429, dev/sass/b2b.scss */ .b2b-head__sort .jq-selectbox li { font-size: 14px; } /* line 433, dev/sass/b2b.scss */ .b2b-head__sort .jq-selectbox__select { height: 42px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #d7d7d7; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 12px 40px 12px 12px; font-size: 14px; } /* line 443, dev/sass/b2b.scss */ .b2b-head__sort .jq-selectbox__trigger { width: 34px; } /* line 446, dev/sass/b2b.scss */ .b2b-head__sort .jq-selectbox__trigger-arrow { right: 11px; width: 12px; height: 12px; } /* line 456, dev/sass/b2b.scss */ .b2b-orders { position: relative; } /* line 460, dev/sass/b2b.scss */ .b2b-table { width: 100%; border: 0; } /* line 464, dev/sass/b2b.scss */ .b2b-table__wrp { border: 1px solid #e2e5e9; width: 100%; -webkit-border-radius: 5px; border-radius: 5px; position: relative; } /* line 474, dev/sass/b2b.scss */ .b2b-table__wrp:not(._pb) tbody tr:nth-last-child(-n + 3) .jq-selectbox__dropdown { top: auto !important; bottom: 100% !important; } /* line 484, dev/sass/b2b.scss */ .b2b-table__wrp._pb .mCSB_container { padding-bottom: 105px; } /* line 490, dev/sass/b2b.scss */ .b2b-table__wrp._edit .checkbox input[type='checkbox']:checked, .b2b-table__wrp._edit .checkbox input[type='radio']:checked { pointer-events: none; } /* line 494, dev/sass/b2b.scss */ .b2b-table__wrp._edit .checkbox input[type='checkbox']:checked + label, .b2b-table__wrp._edit .checkbox input[type='radio']:checked + label { pointer-events: none; } /* line 497, dev/sass/b2b.scss */ .b2b-table__wrp._edit .checkbox input[type='checkbox']:checked + label:before, .b2b-table__wrp._edit .checkbox input[type='radio']:checked + label:before { background-image: url(/local/templates/general/assets/css/../img/editer-check.svg); } /* line 504, dev/sass/b2b.scss */ .b2b-table__wrp._edit tr._checked input[type='text'] { pointer-events: auto; } /* line 511, dev/sass/b2b.scss */ .b2b-table__sort { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; position: relative; cursor: pointer; } /* line 517, dev/sass/b2b.scss */ .b2b-table__sort:hover .b2b-table__sort-ul { pointer-events: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; opacity: 1; visibility: visible; } /* line 525, dev/sass/b2b.scss */ .b2b-table__sort-ico { margin-left: 6px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 531, dev/sass/b2b.scss */ .b2b-table__sort-ico .icon { width: 20px; height: 20px; fill: #ff562e; } /* line 538, dev/sass/b2b.scss */ .b2b-table__sort-ul { position: absolute; right: 0; top: 100%; padding: 10px !important; -webkit-border-radius: 5px; border-radius: 5px; background: #ffffff; border: 1px solid #e2e5e9; opacity: 0; visibility: hidden; -webkit-transition: 0.1s; -o-transition: 0.1s; transition: 0.1s; pointer-events: none; } /* line 551, dev/sass/b2b.scss */ .b2b-table__sort-ul li { position: relative; cursor: pointer; text-align: left; } /* line 556, dev/sass/b2b.scss */ .b2b-table__sort-ul li:not(:last-child) { margin-bottom: 6px; } /* line 561, dev/sass/b2b.scss */ .b2b-table__sort-ul li:hover span { color: #ff562e; } /* line 566, dev/sass/b2b.scss */ .b2b-table__sort-ul li input { position: absolute; width: 100%; height: 100%; opacity: 0; cursor: pointer; display: block; padding: 0; margin: 0; } /* line 576, dev/sass/b2b.scss */ .b2b-table__sort-ul li input:checked + span { color: #ff562e; } /* line 581, dev/sass/b2b.scss */ .b2b-table__sort-ul li span { white-space: nowrap; font-size: 12px; line-height: 140%; color: #252525; font-weight: normal; } /* line 592, dev/sass/b2b.scss */ .b2b-table__link { display: -webkit-inline-box !important; display: -webkit-inline-flex !important; display: -ms-inline-flexbox !important; display: inline-flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; position: relative; } /* line 598, dev/sass/b2b.scss */ .b2b-table__link + span { margin-left: 10px; } /* line 602, dev/sass/b2b.scss */ .b2b-table__link .icon { width: 20px; height: 20px; fill: #ff562e; } /* line 608, dev/sass/b2b.scss */ .b2b-table__link:not(:first-child) { margin-left: 5px; } /* line 613, dev/sass/b2b.scss */ .b2b-table__order-num { -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #ff562e; } /* line 621, dev/sass/b2b.scss */ .b2b-table._editor tbody tr:hover { background-color: #ffefeb; } /* line 627, dev/sass/b2b.scss */ .b2b-table._editor tbody td [type='text'] { padding: 0; height: auto; outline: none; border: 0; background-color: transparent; text-align: center; width: 100%; font-size: 14px; pointer-events: none; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 639, dev/sass/b2b.scss */ .b2b-table._editor tbody td [type='text'].bold { font-weight: 600; } /* line 647, dev/sass/b2b.scss */ .b2b-table tr { -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 650, dev/sass/b2b.scss */ .b2b-table tr .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 657, dev/sass/b2b.scss */ .b2b-table th { padding: 19px 15px; font-weight: 600; font-size: 14px; color: #000000; vertical-align: middle; border: 0; text-align: center; line-height: 25px; } /* line 668, dev/sass/b2b.scss */ .b2b-table td { text-align: center; font-size: 14px; color: #252525; padding: 20px; border: 1px solid #f1f1f1; } /* line 678, dev/sass/b2b.scss */ .b2b-material__list { -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e2e5e9; } /* line 682, dev/sass/b2b.scss */ .b2b-material__list-item { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: relative; padding: 16px 60px 16px 20px; font-size: 14px; color: #000000; width: 100%; } /* line 693, dev/sass/b2b.scss */ .b2b-material__list-item:hover .ico-download .icon { -webkit-animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; animation: shake 0.82s cubic-bezier(0.36, 0.07, 0.19, 0.97) both; -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); -webkit-backface-visibility: hidden; backface-visibility: hidden; -webkit-perspective: 1000px; perspective: 1000px; } /* line 702, dev/sass/b2b.scss */ .b2b-material__list-item:not(:last-child) { border-bottom: 1px solid #f1f1f1; } /* line 706, dev/sass/b2b.scss */ .b2b-material__list-item .type-img { max-width: 25px; max-height: 25px; margin: 0; } /* line 712, dev/sass/b2b.scss */ .b2b-material__list-item span { max-width: calc(100% - 25px); padding-left: 10px; } /* line 717, dev/sass/b2b.scss */ .b2b-material__list-item .ico-download { position: absolute; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); right: 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 726, dev/sass/b2b.scss */ .b2b-material__list-item .ico-download .icon { width: 30px; height: 30px; fill: #ff562e; } /* line 735, dev/sass/b2b.scss */ .b2b-material__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; width: 100%; } /* line 740, dev/sass/b2b.scss */ .b2b-material__btn .button { -webkit-border-radius: 5px; border-radius: 5px; height: 45px; line-height: 45px; min-width: 200px; margin-bottom: 15px; } /* line 754, dev/sass/b2b.scss */ .b2b-req__item { border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 20px; } /* line 760, dev/sass/b2b.scss */ .b2b-req__item:not(._open) .b2b-req__item-head .btns .button { display: none; } /* line 765, dev/sass/b2b.scss */ .b2b-req__item-head { padding: 18px 0px 18px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 771, dev/sass/b2b.scss */ .b2b-req__item-head .name { font-weight: 600; font-size: 16px; color: #000000; } /* line 777, dev/sass/b2b.scss */ .b2b-req__item-head .btns { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 781, dev/sass/b2b.scss */ .b2b-req__item-head .btns .button { min-width: 220px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px; } /* line 788, dev/sass/b2b.scss */ .b2b-req__item-head .btns .button._hide { display: none; } /* line 792, dev/sass/b2b.scss */ .b2b-req__item-head .btns .button span { width: auto; top: auto; left: auto; padding-left: 5px; } /* line 799, dev/sass/b2b.scss */ .b2b-req__item-head .btns .button .icon { fill: #fff; width: 14px; height: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 807, dev/sass/b2b.scss */ .b2b-req__item-head .btns .arrow { width: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 35px; cursor: pointer; } /* line 816, dev/sass/b2b.scss */ .b2b-req__item-head .btns .arrow._open .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* line 821, dev/sass/b2b.scss */ .b2b-req__item-head .btns .arrow .icon { fill: #999999; width: 14px; height: 14px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 831, dev/sass/b2b.scss */ .b2b-req__item-content { display: none; } /* line 837, dev/sass/b2b.scss */ .b2b-req__item-step._open .b2b-req__item-step__head { border-bottom: 1px solid #e2e5e9; } /* line 842, dev/sass/b2b.scss */ .b2b-req__item-step__head { padding: 12px 0px 12px 20px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; font-weight: 600; font-size: 14px; color: #000000; border-top: 1px solid #e2e5e9; } /* line 852, dev/sass/b2b.scss */ .b2b-req__item-step__head .name { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 857, dev/sass/b2b.scss */ .b2b-req__item-step__head .img-type { width: 35px; height: 35px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px; background: #ffffff; border: 1px solid #e2e5e9; } /* line 867, dev/sass/b2b.scss */ .b2b-req__item-step__head .img-type + span { padding-left: 12px; max-width: calc(100% - 35px); } /* line 872, dev/sass/b2b.scss */ .b2b-req__item-step__head .img-type .icon { width: 20px !important; height: 20px !important; fill: #ff562e; } /* line 879, dev/sass/b2b.scss */ .b2b-req__item-step__head .arrow { width: 50px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; height: 35px; cursor: pointer; } /* line 888, dev/sass/b2b.scss */ .b2b-req__item-step__head .arrow._open .icon { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* line 893, dev/sass/b2b.scss */ .b2b-req__item-step__head .arrow .icon { fill: #999999; width: 14px !important; height: 14px !important; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 902, dev/sass/b2b.scss */ .b2b-req__item-step__content { padding: 15px 20px; display: none; } /* line 908, dev/sass/b2b.scss */ .b2b-req__item-step__content .b2b-req__item-step:first-child .b2b-req__item-step__head { border-top: 0; } /* line 914, dev/sass/b2b.scss */ .b2b-req__item-step__content._p0 { padding: 0; } /* line 918, dev/sass/b2b.scss */ .b2b-req__item-step__content ul { margin: 0; } /* line 922, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li [type='text'], .b2b-req__item-step__content ul li textarea { padding: 0; outline: none; border: 0; background-color: transparent; width: 100%; font-size: 14px; pointer-events: none; -o-text-overflow: ellipsis; text-overflow: ellipsis; color: #252525; text-align: right; height: 20px; resize: none; } @media screen and (max-width: 990px) { /* line 938, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li textarea { height: 40px; text-align: left; } } /* line 945, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li .button { padding: 0; width: auto; background-color: transparent; border: 0; line-height: 1; display: none; margin-left: 15px; height: 20px; } /* line 955, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li .button .icon { width: 20px; height: 20px; fill: #686868; } /* line 962, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 967, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li ul li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 50%; padding: 7.5px 0; } /* line 973, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li ul li:first-child { font-weight: 600; } /* line 980, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li._edit [type='text'], .b2b-req__item-step__content ul li._edit textarea { pointer-events: auto; } /* line 985, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li._edit .button { display: block; } /* line 995, dev/sass/b2b.scss */ .b2b-req__add { height: 45px; line-height: 45px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1002, dev/sass/b2b.scss */ .b2b-profile { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } /* line 1007, dev/sass/b2b.scss */ .b2b-profile .b2b-req__item { width: 100%; } /* line 1012, dev/sass/b2b.scss */ .b2b-profile__col._lg { width: 510px; } /* line 1016, dev/sass/b2b.scss */ .b2b-profile__col._md { width: calc(100% - 510px); padding-left: 30px; } /* line 1022, dev/sass/b2b.scss */ .b2b-profile__item { border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; margin-bottom: 30px; } /* line 1027, dev/sass/b2b.scss */ .b2b-profile__item-head { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; padding: 11px 20px; border-bottom: 1px solid #f1f1f1; } /* line 1033, dev/sass/b2b.scss */ .b2b-profile__item-head .img { width: 35px; height: 35px; border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 1042, dev/sass/b2b.scss */ .b2b-profile__item-head .img .icon { width: 20px; height: 20px; fill: #ff562e; } /* line 1048, dev/sass/b2b.scss */ .b2b-profile__item-head .img + span { padding-left: 12px; font-weight: 600; font-size: 16px; } /* line 1055, dev/sass/b2b.scss */ .b2b-profile__item-head span { width: calc(100% - 35px); } /* line 1060, dev/sass/b2b.scss */ .b2b-profile__item-content { padding: 5px 20px; } /* line 1065, dev/sass/b2b.scss */ .b2b-profile__item-list ul { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } /* line 1071, dev/sass/b2b.scss */ .b2b-profile__item-list ul:not(:last-child) li { border-bottom: 1px solid #f1f1f1; } /* line 1076, dev/sass/b2b.scss */ .b2b-profile__item-list ul li { max-width: 40%; width: 100%; font-size: 14px; line-height: 140%; color: #252525; padding: 15px 0; } /* line 1084, dev/sass/b2b.scss */ .b2b-profile__item-list ul li .flex { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 1089, dev/sass/b2b.scss */ .b2b-profile__item-list ul li a { color: #252525; } /* line 1093, dev/sass/b2b.scss */ .b2b-profile__item-list ul li .icon { width: 20px; height: 20px; fill: #ff562e; } /* line 1098, dev/sass/b2b.scss */ .b2b-profile__item-list ul li .icon + span { padding-left: 6px; max-width: calc(100% - 20px); } /* line 1104, dev/sass/b2b.scss */ .b2b-profile__item-list ul li b { font-weight: 600; } /* line 1108, dev/sass/b2b.scss */ .b2b-profile__item-list ul li:last-child { max-width: 60%; text-align: right; } /* line 1116, dev/sass/b2b.scss */ .b2b-profile__item-form { padding-bottom: 20px; } /* line 1119, dev/sass/b2b.scss */ .b2b-profile__item-form._border { padding-top: 15px; border-top: 1px solid #f1f1f1; } /* line 1125, dev/sass/b2b.scss */ .b2b-profile__item-form__elem:not(:last-child) { margin-bottom: 20px; } /* line 1129, dev/sass/b2b.scss */ .b2b-profile__item-form__elem label { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 5px; font-weight: 600; font-size: 14px; line-height: 140%; color: #252525; } /* line 1139, dev/sass/b2b.scss */ .b2b-profile__item-form__elem label .btn { font-weight: normal; color: #ff652e; } /* line 1143, dev/sass/b2b.scss */ .b2b-profile__item-form__elem label .btn::before { content: attr(data-before); } /* line 1148, dev/sass/b2b.scss */ .b2b-profile__item-form__elem label .btn._active::before { content: attr(data-after); } /* line 1153, dev/sass/b2b.scss */ .b2b-profile__item-form__elem label .btn:hover { text-decoration: underline; } /* line 1160, dev/sass/b2b.scss */ .b2b-profile__item-form__elem input[type='text'], .b2b-profile__item-form__elem input[type='password'] { height: 45px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e2e5e9; padding: 11px; font-size: 14px; line-height: 140%; color: #252525; } /* line 1171, dev/sass/b2b.scss */ .b2b-profile__item-form__elem input[type='text']::-webkit-input-placeholder, .b2b-profile__item-form__elem input[type='password']::-webkit-input-placeholder { font-size: 14px; line-height: 140%; color: #4e4d4d; } .b2b-profile__item-form__elem input[type='text']::-moz-placeholder, .b2b-profile__item-form__elem input[type='password']::-moz-placeholder { font-size: 14px; line-height: 140%; color: #4e4d4d; } .b2b-profile__item-form__elem input[type='text']::-ms-input-placeholder, .b2b-profile__item-form__elem input[type='password']::-ms-input-placeholder { font-size: 14px; line-height: 140%; color: #4e4d4d; } .b2b-profile__item-form__elem input[type='text']::placeholder, .b2b-profile__item-form__elem input[type='password']::placeholder { font-size: 14px; line-height: 140%; color: #4e4d4d; } /* line 1180, dev/sass/b2b.scss */ .b2b-profile__item-form__file { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 10px; } /* line 1184, dev/sass/b2b.scss */ .b2b-profile__item-form__file .file { min-width: 270px; border: 1px dashed #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 15px; text-align: center; position: relative; } /* line 1192, dev/sass/b2b.scss */ .b2b-profile__item-form__file .file .file-content { position: relative; z-index: 1; } /* line 1197, dev/sass/b2b.scss */ .b2b-profile__item-form__file .file input { position: absolute; left: 0; top: 0; width: 100%; height: 100%; z-index: 2; display: block; opacity: 0; cursor: pointer; } /* line 1209, dev/sass/b2b.scss */ .b2b-profile__item-form__file .file .icon { margin-bottom: 0; width: 25px; height: 25px; fill: #ff562e; } /* line 1216, dev/sass/b2b.scss */ .b2b-profile__item-form__file .file span { font-size: 12px; color: #b8b8b8; line-height: 110%; width: 100%; display: inline-block; } /* line 1223, dev/sass/b2b.scss */ .b2b-profile__item-form__file .file span b { font-weight: 600; color: #252525; } /* line 1230, dev/sass/b2b.scss */ .b2b-profile__item-form__file .preview { width: 100%; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e2e5e9; background-image: url(/local/templates/general/assets/css/../img/no-img-200x200.svg); background-position: center; -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; } /* line 1243, dev/sass/b2b.scss */ .b2b-profile__footer { width: 100%; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; border: 1px solid #e2e5e9; border-top: 0; } /* line 1253, dev/sass/b2b.scss */ .b2b-favorite__table { -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e2e5e9; } /* line 1258, dev/sass/b2b.scss */ .b2b-favorite__table._edit [type='text'] { pointer-events: auto; } /* line 1263, dev/sass/b2b.scss */ .b2b-favorite__table._edit .counter .minus, .b2b-favorite__table._edit .counter .plus { height: 38px; } /* line 1271, dev/sass/b2b.scss */ .b2b-favorite__table:not(._edit) .counter { border: 0; } /* line 1274, dev/sass/b2b.scss */ .b2b-favorite__table:not(._edit) .counter .minus, .b2b-favorite__table:not(._edit) .counter .plus { display: none; } /* line 1281, dev/sass/b2b.scss */ .b2b-favorite__table table { border: 0; } /* line 1284, dev/sass/b2b.scss */ .b2b-favorite__table table td, .b2b-favorite__table table th { border: 0; } /* line 1289, dev/sass/b2b.scss */ .b2b-favorite__table table th { border-bottom: 1px solid #e2e5e9; font-weight: 600; font-size: 14px; line-height: 135%; color: #000000; padding: 17px 20px; } /* line 1297, dev/sass/b2b.scss */ .b2b-favorite__table table th:nth-child(n + 3) { text-align: center; } /* line 1303, dev/sass/b2b.scss */ .b2b-favorite__table table tr:not(:last-child) { border-bottom: 1px solid #e2e5e9; } /* line 1307, dev/sass/b2b.scss */ .b2b-favorite__table table tr .flex { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 1314, dev/sass/b2b.scss */ .b2b-favorite__table table td:not(:last-child) { border-right: 1px solid #e2e5e9; } /* line 1318, dev/sass/b2b.scss */ .b2b-favorite__table table td:nth-child(1) { text-align: left; } /* line 1322, dev/sass/b2b.scss */ .b2b-favorite__table table td:nth-child(n + 3) { text-align: center; } /* line 1326, dev/sass/b2b.scss */ .b2b-favorite__table table td .checkbox { display: inline-block !important; } /* line 1329, dev/sass/b2b.scss */ .b2b-favorite__table table td .checkbox label { display: inline-block; padding-left: 20px !important; position: static !important; } /* line 1334, dev/sass/b2b.scss */ .b2b-favorite__table table td .checkbox label::before { top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* line 1339, dev/sass/b2b.scss */ .b2b-favorite__table table td .checkbox label img { margin-left: 10px !important; max-width: 40px; max-height: 40px; margin: 0; vertical-align: middle; } /* line 1349, dev/sass/b2b.scss */ .b2b-favorite__table table td [type='text'] { padding: 0; height: auto; outline: none; border: 0; background-color: transparent; text-align: center; width: 100%; font-size: 14px; pointer-events: none; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 1361, dev/sass/b2b.scss */ .b2b-favorite__table table td [type='text'].bold { font-weight: 600; } /* line 1366, dev/sass/b2b.scss */ .b2b-favorite__table table td .close { border: 0; background-color: transparent; padding: 0; margin-right: 10px; } /* line 1372, dev/sass/b2b.scss */ .b2b-favorite__table table td .close .icon { fill: #707070; width: 11px; height: 11px; } /* line 1383, dev/sass/b2b.scss */ .b2b-basket { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; margin-bottom: 54px; } /* line 1387, dev/sass/b2b.scss */ .b2b-basket__content { width: calc(100% - 350px); padding-right: 20px; } /* line 1392, dev/sass/b2b.scss */ .b2b-basket__table { border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1396, dev/sass/b2b.scss */ .b2b-basket__table .sm-show { display: none !important; } /* line 1401, dev/sass/b2b.scss */ .b2b-basket__wrp { background-color: #fff; -webkit-border-radius: 5px; border-radius: 5px; padding: 30px; } /* line 1406, dev/sass/b2b.scss */ .b2b-basket__wrp table { border: 0; } /* line 1415, dev/sass/b2b.scss */ .b2b-basket__wrp table th, .b2b-basket__wrp table td { border: 0; text-align: center; } /* line 1419, dev/sass/b2b.scss */ .b2b-basket__wrp table th._empty, .b2b-basket__wrp table td._empty { padding: 0; } /* line 1425, dev/sass/b2b.scss */ .b2b-basket__wrp table th:nth-child(2), .b2b-basket__wrp table td:nth-child(2) { text-align: left; } /* line 1432, dev/sass/b2b.scss */ .b2b-basket__wrp table tr:not(:last-child) td { border-bottom: 1px solid #f1f1f1; } /* line 1438, dev/sass/b2b.scss */ .b2b-basket__wrp table th { border-bottom: 1px solid #e2e5e9; } /* line 1442, dev/sass/b2b.scss */ .b2b-basket__wrp table td { color: #252525; font-size: 14px; line-height: 135%; } /* line 1447, dev/sass/b2b.scss */ .b2b-basket__wrp table td .delete { background-color: transparent; border: 0; padding: 0; } /* line 1452, dev/sass/b2b.scss */ .b2b-basket__wrp table td .delete .icon { width: 10px; height: 10px; fill: #707070; } /* line 1459, dev/sass/b2b.scss */ .b2b-basket__wrp table td .name { margin-bottom: 10px; font-weight: 600; font-size: 14px; line-height: 130%; color: #000000; } /* line 1467, dev/sass/b2b.scss */ .b2b-basket__wrp table td .list { font-size: 14px; line-height: 135%; color: #707070; } /* line 1472, dev/sass/b2b.scss */ .b2b-basket__wrp table td .list b { font-weight: 600; } /* line 1477, dev/sass/b2b.scss */ .b2b-basket__wrp table td .status { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 1482, dev/sass/b2b.scss */ .b2b-basket__wrp table td .status img { margin: 0; } /* line 1485, dev/sass/b2b.scss */ .b2b-basket__wrp table td .status img + span { max-width: calc(100% - 15px); padding-left: 7px; line-height: 1; font-weight: 600; font-size: 14px; letter-spacing: 0.03em; color: #252525; } /* line 1500, dev/sass/b2b.scss */ .b2b-basket__sidebar { width: 350px; } /* line 1504, dev/sass/b2b.scss */ .b2b-basket__total { padding: 25px 30px 30px; -webkit-border-radius: 5px; border-radius: 5px; background-color: #fff; margin-bottom: 15px; } /* line 1510, dev/sass/b2b.scss */ .b2b-basket__total-wrp { position: -webkit-sticky; position: sticky; top: 10px; } /* line 1514, dev/sass/b2b.scss */ .b2b-basket__total-wrp .button._grey { border: 1px solid #707070; background-color: transparent; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; height: 45px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 1524, dev/sass/b2b.scss */ .b2b-basket__total-wrp .button._grey:hover { background-color: #707070; } /* line 1527, dev/sass/b2b.scss */ .b2b-basket__total-wrp .button._grey:hover span { color: #fff; } /* line 1531, dev/sass/b2b.scss */ .b2b-basket__total-wrp .button._grey:hover .icon { fill: #fff; } /* line 1536, dev/sass/b2b.scss */ .b2b-basket__total-wrp .button._grey .icon { fill: #707070; width: 10px; height: 10px; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; } /* line 1542, dev/sass/b2b.scss */ .b2b-basket__total-wrp .button._grey .icon + span { max-width: calc(100% - 10px); padding-left: 6px; } /* line 1548, dev/sass/b2b.scss */ .b2b-basket__total-wrp .button._grey span { font-weight: 600; font-size: 14px; color: #707070; width: auto; -webkit-transition: 0.3s; -o-transition: 0.3s; transition: 0.3s; line-height: 1; } /* line 1559, dev/sass/b2b.scss */ .b2b-basket__total-zag { font-weight: 600; font-size: 20px; line-height: 135%; color: #000000; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e2e5e9; } /* line 1569, dev/sass/b2b.scss */ .b2b-basket__total-promo { margin-bottom: 10px; } /* line 1572, dev/sass/b2b.scss */ .b2b-basket__total-promo input { height: 45px; padding: 10px 15px; border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; font-size: 14px; line-height: 140%; color: #000000; } /* line 1581, dev/sass/b2b.scss */ .b2b-basket__total-promo input::-webkit-input-placeholder { font-size: 14px; line-height: 140%; color: #707070; } .b2b-basket__total-promo input::-moz-placeholder { font-size: 14px; line-height: 140%; color: #707070; } .b2b-basket__total-promo input::-ms-input-placeholder { font-size: 14px; line-height: 140%; color: #707070; } .b2b-basket__total-promo input::placeholder { font-size: 14px; line-height: 140%; color: #707070; } /* line 1589, dev/sass/b2b.scss */ .b2b-basket__total-list { padding-bottom: 10px; } /* line 1592, dev/sass/b2b.scss */ .b2b-basket__total-list li { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 10px; } /* line 1597, dev/sass/b2b.scss */ .b2b-basket__total-list li span { max-width: 50%; width: 100%; color: black; font-size: 14px; line-height: 135%; } /* line 1604, dev/sass/b2b.scss */ .b2b-basket__total-list li span:last-child { text-align: right; } /* line 1608, dev/sass/b2b.scss */ .b2b-basket__total-list li span b { font-weight: 600; } /* line 1615, dev/sass/b2b.scss */ .b2b-basket__total .button { width: 100%; height: 45px; -webkit-border-radius: 5px; border-radius: 5px; line-height: 45px; font-weight: 600; } /* line 1625, dev/sass/b2b.scss */ .b2b-editor { position: absolute; right: 0; bottom: 0; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 15px 20px; background-color: #f5f5f5; z-index: 100; opacity: 0; pointer-events: none; } /* line 1639, dev/sass/b2b.scss */ .b2b-editor__wrp { position: relative; margin-top: 10px; } /* line 1644, dev/sass/b2b.scss */ .b2b-editor._show { opacity: 1; pointer-events: auto; } /* line 1649, dev/sass/b2b.scss */ .b2b-editor .jq-selectbox { background-color: #fff; border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; min-width: 225px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; margin-right: 10px; height: 30px; } /* line 1659, dev/sass/b2b.scss */ .b2b-editor .jq-selectbox__select { width: 100%; } /* line 1663, dev/sass/b2b.scss */ .b2b-editor .jq-selectbox__trigger { right: 15px; } /* line 1667, dev/sass/b2b.scss */ .b2b-editor .jq-selectbox__dropdown { bottom: 100% !important; top: auto !important; } /* line 1673, dev/sass/b2b.scss */ .b2b-editor button.button { min-width: 225px; height: 30px; line-height: 30px; margin-right: 30px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1682, dev/sass/b2b.scss */ .popup-b2b { background-color: #fff; padding: 25px 40px 40px; -webkit-border-radius: 5px; border-radius: 5px; overflow: hidden; } /* line 1692, dev/sass/b2b.scss */ .popup-b2b__head-link { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; font-size: 14px; margin-left: 90px; } @media screen and (max-width: 600px) { /* line 1692, dev/sass/b2b.scss */ .popup-b2b__head-link { width: 100%; margin: 10px 0; } } /* line 1702, dev/sass/b2b.scss */ .popup-b2b__head-link a { margin-left: 15px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; color: #252525; font-weight: 400; } /* line 1709, dev/sass/b2b.scss */ .popup-b2b__head-link a:hover { color: #ff562e; } /* line 1714, dev/sass/b2b.scss */ .popup-b2b__head-link .icon { width: 20px; height: 20px; fill: #ff562e; margin-right: 5px; } /* line 1723, dev/sass/b2b.scss */ .popup-b2b__zag { font-weight: 600; font-size: 25px; line-height: 1.36; color: #000000; padding-bottom: 10px; margin-bottom: 25px; border-bottom: 1px solid #e2e5e9; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; width: 100%; } /* line 1738, dev/sass/b2b.scss */ .popup-b2b__form [type='submit'] { -webkit-border-radius: 5px; border-radius: 5px; width: 100%; height: 45px; line-height: 45px; } /* line 1745, dev/sass/b2b.scss */ .popup-b2b__form-wrp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 1751, dev/sass/b2b.scss */ .popup-b2b__form-zag { width: 100%; margin-bottom: 15px; font-weight: 600; font-size: 18px; line-height: 140%; color: #000000; } /* line 1760, dev/sass/b2b.scss */ .popup-b2b__form-item { position: relative; margin-bottom: 10px; width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: end; -webkit-align-items: flex-end; -ms-flex-align: end; align-items: flex-end; } /* line 1768, dev/sass/b2b.scss */ .popup-b2b__form-item._center { -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 1772, dev/sass/b2b.scss */ .popup-b2b__form-item.w50 { width: calc(50% - 10px); margin-bottom: 20px; } /* line 1778, dev/sass/b2b.scss */ .popup-b2b__form-item._withImg input[type='text'], .popup-b2b__form-item._withImg input[type='password'], .popup-b2b__form-item._withImg input[type='tel'] { padding: 10px 10px 10px 60px; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 1786, dev/sass/b2b.scss */ .popup-b2b__form-item__img { background: rgba(237, 240, 244, 0.45); -webkit-border-radius: 5px 0px 0px 5px; border-radius: 5px 0px 0px 5px; position: absolute; left: 0; top: 0; width: 46px; height: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; border-right: 1px solid #e2e5e9; } /* line 1799, dev/sass/b2b.scss */ .popup-b2b__form-item__img .icon { width: 20px; height: 20px; fill: #d3d3d3; } /* line 1806, dev/sass/b2b.scss */ .popup-b2b__form-item label { font-size: 14px; line-height: 140%; color: #000000; width: 100%; display: block; margin-bottom: 5px; } /* line 1815, dev/sass/b2b.scss */ .popup-b2b__form-item input[type='text'], .popup-b2b__form-item input[type='password'], .popup-b2b__form-item input[type='email'], .popup-b2b__form-item input[type='tel'], .popup-b2b__form-item textarea { width: 100%; height: 45px; border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; padding: 10px 13px; color: #707070; font-size: 14px; line-height: 140%; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* line 1831, dev/sass/b2b.scss */ .popup-b2b__form-item textarea { height: 240px; resize: none; } /* line 1836, dev/sass/b2b.scss */ .popup-b2b__form-item .jq-selectbox { border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; width: 100%; } /* line 1841, dev/sass/b2b.scss */ .popup-b2b__form-item .jq-selectbox__trigger { width: 40px; } /* line 1844, dev/sass/b2b.scss */ .popup-b2b__form-item .jq-selectbox__trigger-arrow { right: 50%; position: absolute; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 12px; height: 12px; } /* line 1853, dev/sass/b2b.scss */ .popup-b2b__form-item .jq-selectbox__select-text { height: 45px; line-height: 45px; } /* line 1860, dev/sass/b2b.scss */ .popup-b2b__form-item .link { font-size: 14px; line-height: 140%; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #ff562e; } /* line 1866, dev/sass/b2b.scss */ .popup-b2b__form-item .link:hover { text-decoration: none; } /* line 1872, dev/sass/b2b.scss */ .popup-b2b__form-footer { padding: 15px 0 0; } /* line 1877, dev/sass/b2b.scss */ .popup-b2b__kp { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } @media screen and (max-width: 990px) { /* line 1877, dev/sass/b2b.scss */ .popup-b2b__kp { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* line 1884, dev/sass/b2b.scss */ .popup-b2b__kp-pdf, .popup-b2b__kp-form { width: calc(50% - 15px); border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; } @media screen and (max-width: 990px) { /* line 1884, dev/sass/b2b.scss */ .popup-b2b__kp-pdf, .popup-b2b__kp-form { width: 100%; } } @media screen and (max-width: 990px) { /* line 1894, dev/sass/b2b.scss */ .popup-b2b__kp-pdf { margin-bottom: 15px; } } /* line 1902, dev/sass/b2b.scss */ .popup-b2b__kp-form .popup-b2b__form-item:not(:last-child) { margin-bottom: 20px; } /* line 1906, dev/sass/b2b.scss */ .popup-b2b__kp-form .popup-b2b__form-item .button { height: 45px; line-height: 45px; min-width: 270px; -webkit-border-radius: 5px; border-radius: 5px; } @media screen and (max-width: 990px) { /* line 1913, dev/sass/b2b.scss */ .popup-b2b__kp-form .popup-b2b__form-item textarea { height: 150px !important; } } /* line 1921, dev/sass/b2b.scss */ .popup-b2b__kp-wrp { padding: 20px 30px; overflow: auto; } @media screen and (max-width: 990px) { /* line 1921, dev/sass/b2b.scss */ .popup-b2b__kp-wrp { padding: 15px; } } /* line 1929, dev/sass/b2b.scss */ .popup-b2b__kp-zag { padding: 19px 30px; font-weight: 600; font-size: 16px; color: #000000; border-bottom: 1px solid #e2e5e9; } @media screen and (max-width: 990px) { /* line 1929, dev/sass/b2b.scss */ .popup-b2b__kp-zag { padding: 15px; } } /* line 1941, dev/sass/b2b.scss */ .popup-b2b__detail { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; gap: 30px; } @media screen and (max-width: 990px) { /* line 1941, dev/sass/b2b.scss */ .popup-b2b__detail { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /* line 1948, dev/sass/b2b.scss */ .popup-b2b__detail-table { width: calc(100% - 330px); } @media screen and (max-width: 990px) { /* line 1948, dev/sass/b2b.scss */ .popup-b2b__detail-table { width: 100%; } /* line 1952, dev/sass/b2b.scss */ .popup-b2b__detail-table .b2b-favorite__table { overflow: auto; } /* line 1955, dev/sass/b2b.scss */ .popup-b2b__detail-table .b2b-favorite__table table { width: 1000px; } } /* line 1961, dev/sass/b2b.scss */ .popup-b2b__detail-table__btn { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding-top: 25px; width: 100%; } /* line 1968, dev/sass/b2b.scss */ .popup-b2b__detail-table__btn .button { min-width: 270px; line-height: 45px; height: 45px; -webkit-border-radius: 5px; border-radius: 5px; } /* line 1974, dev/sass/b2b.scss */ .popup-b2b__detail-table__btn .button::before { content: attr(data-before); } /* line 1979, dev/sass/b2b.scss */ .popup-b2b__detail-table__btn .button._active::before { content: attr(data-after); } /* line 1987, dev/sass/b2b.scss */ .popup-b2b__detail-form { width: 330px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #e2e5e9; padding: 25px 30px; } /* line 1993, dev/sass/b2b.scss */ .popup-b2b__detail-form__zag { font-weight: 600; font-size: 20px; color: #000000; padding-bottom: 10px; margin-bottom: 20px; border-bottom: 1px solid #e2e5e9; } @media screen and (max-width: 990px) { /* line 1987, dev/sass/b2b.scss */ .popup-b2b__detail-form { width: 100%; } } /* line 2007, dev/sass/b2b.scss */ .popup-b2b._map { padding: 0; } /* line 2014, dev/sass/b2b.scss */ .mfp-wrap.w820 .mfp-content { max-width: 820px; } /* line 2020, dev/sass/b2b.scss */ .mfp-wrap.w440 .mfp-content { max-width: 440px; } /* line 2026, dev/sass/b2b.scss */ .mfp-wrap.w1710 .mfp-content { max-width: 1710px; } /* line 2031, dev/sass/b2b.scss */ .mfp-wrap .mfp-close { top: 0 !important; right: 0; width: 40px; height: 40px; background-image: url(/local/templates/general/assets/css/../img/svg/popup-close.svg); background-position: center; background-repeat: no-repeat; font-size: 0; -webkit-border-radius: 0 5px 0 5px; border-radius: 0 5px 0 5px; } /* line 2042, dev/sass/b2b.scss */ .mfp-wrap .mfp-close:hover { background-color: #edf0f4; } /* line 2048, dev/sass/b2b.scss */ .scroll-X { overflow: hidden; } /* line 2052, dev/sass/b2b.scss */ .scroll-X._hide-gradient::before { opacity: 0 !important; } /* line 2057, dev/sass/b2b.scss */ .scroll-X::before { content: ''; width: 50px; top: 0; right: 0; height: 100%; position: absolute; background: -webkit-gradient(linear, right top, left top, from(#ffffff), color-stop(50%, #ffffff), to(rgba(255, 255, 255, 0))); background: -webkit-linear-gradient(right, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%); background: -o-linear-gradient(right, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%); background: linear-gradient(270deg, #ffffff 0%, #ffffff 50%, rgba(255, 255, 255, 0) 100%); z-index: 2; } /* line 2074, dev/sass/b2b.scss */ .mCSB_horizontal.mCSB_inside > .mCSB_container { margin-bottom: 0; } /* line 2079, dev/sass/b2b.scss */ .mCSB_scrollTools.mCSB_scrollTools_horizontal { left: 6px; right: 6px; } /* line 2084, dev/sass/b2b.scss */ .mCSB_scrollTools .mCSB_draggerRail { background-color: transparent !important; } /* line 2088, dev/sass/b2b.scss */ .mCSB_scrollTools .mCSB_dragger_bar { background: #ff562e !important; height: 3px; } /* line 2094, dev/sass/b2b.scss */ .pagination { padding: 15px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0; } /* line 2102, dev/sass/b2b.scss */ .pagination-more { display: inline-block; margin-top: 12px; margin-bottom: 12px; padding: 3px 44px; border: 1px solid #c6cdd3; -webkit-border-radius: 2px; border-radius: 2px; color: #ff652e; vertical-align: middle; text-align: center; font-weight: normal; font-size: 13px; line-height: 34px; cursor: pointer; -webkit-transition: background 200ms; -o-transition: background 200ms; transition: background 200ms; } /* line 2118, dev/sass/b2b.scss */ .pagination-more:hover { background: #f5f5f5; } /* line 2123, dev/sass/b2b.scss */ .pagination-list { width: 100%; padding: 5px 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 2130, dev/sass/b2b.scss */ .pagination-list .modern-page-navigation { font-size: 13px; line-height: 1.2; } /* line 2135, dev/sass/b2b.scss */ .pagination-list .modern-page-title { text-transform: uppercase; padding: 3px 10px; border-right: 1px solid #f1f1f1; } /* line 2142, dev/sass/b2b.scss */ .pagination-list .modern-page-first { padding: 3px 10px; border-right: 1px solid #f1f1f1; cursor: pointer; } /* line 2147, dev/sass/b2b.scss */ .pagination-list .modern-page-first:hover { color: #ff8062; } /* line 2151, dev/sass/b2b.scss */ .pagination-list .modern-page-first.modern-page-current { color: #ff8062; } /* line 2156, dev/sass/b2b.scss */ .pagination-list .modern-page-next { padding: 3px 10px; border-right: 1px solid #f1f1f1; } /* line 2160, dev/sass/b2b.scss */ .pagination-list .modern-page-next:hover { text-decoration: underline; } /* line 2165, dev/sass/b2b.scss */ .pagination-list .modern-page-last { padding: 6px 10px; } /* line 2168, dev/sass/b2b.scss */ .pagination-list .modern-page-last:hover { text-decoration: underline; } /* line 2175, dev/sass/b2b.scss */ body.b2b-pages .jq-selectbox ul { padding: 10px 13px; } /* line 2178, dev/sass/b2b.scss */ body.b2b-pages .jq-selectbox ul li { font-size: 14px; line-height: 140%; color: #252525; text-align: left; } /* line 2184, dev/sass/b2b.scss */ body.b2b-pages .jq-selectbox ul li:not(:last-child) { padding-bottom: 8px; } /* line 2188, dev/sass/b2b.scss */ body.b2b-pages .jq-selectbox ul li:hover, body.b2b-pages .jq-selectbox ul li.sel, body.b2b-pages .jq-selectbox ul li.selected { color: #ff562e; } /* line 2196, dev/sass/b2b.scss */ .jq-select-multiple select, .jq-selectbox select { width: 100%; height: 100%; border: 0; margin: 0; } @-webkit-keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } } @keyframes shake { 10%, 90% { -webkit-transform: translate3d(-1px, 0, 0); transform: translate3d(-1px, 0, 0); } 20%, 80% { -webkit-transform: translate3d(2px, 0, 0); transform: translate3d(2px, 0, 0); } 30%, 50%, 70% { -webkit-transform: translate3d(-4px, 0, 0); transform: translate3d(-4px, 0, 0); } 40%, 60% { -webkit-transform: translate3d(4px, 0, 0); transform: translate3d(4px, 0, 0); } } @media screen and (max-width: 1440px) { /* line 2229, dev/sass/b2b.scss */ .b2b-pages .content-container { padding: 0 20px; } /* line 2233, dev/sass/b2b.scss */ .b2b-profile__col._lg { width: 400px; } /* line 2236, dev/sass/b2b.scss */ .b2b-profile__col._md { width: calc(100% - 400px); padding-left: 10px; } /* line 2240, dev/sass/b2b.scss */ .b2b-profile__item { margin-bottom: 10px; } } @media screen and (max-width: 1180px) { /* line 2246, dev/sass/b2b.scss */ .b2b-profile__col._lg, .b2b-profile__col._md { width: 100%; padding-left: 0; } /* line 2251, dev/sass/b2b.scss */ .b2b-favorite__table table td, .b2b-favorite__table table th { padding: 10px; font-size: 13px; } /* line 2256, dev/sass/b2b.scss */ .b2b-favorite__table table th { font-size: 13px; white-space: nowrap; } } @media screen and (max-width: 990px) { /* line 2264, dev/sass/b2b.scss */ .b2b-pages .content-container { padding: 0 15px; } /* line 2268, dev/sass/b2b.scss */ .b2b-aside { width: 100%; padding: 15px; margin-bottom: 15px; } /* line 2273, dev/sass/b2b.scss */ .b2b-content { width: 100%; padding-left: 0; } /* line 2277, dev/sass/b2b.scss */ .b2b-req__item-head { padding: 5px; } /* line 2280, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox label { font-size: 14px; } /* line 2283, dev/sass/b2b.scss */ .b2b-req__item-head .btns .button, .b2b-editor button.button { min-width: 1px; padding: 0 10px; } /* line 2288, dev/sass/b2b.scss */ .b2b-editor button.button { margin-right: 5px; } /* line 2291, dev/sass/b2b.scss */ .b2b-editor { padding: 10px; } /* line 2294, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li .button { margin-left: 5px; } /* line 2297, dev/sass/b2b.scss */ .b2b-head__search.w60, .b2b-head__search.w38 { width: 100%; } /* line 2301, dev/sass/b2b.scss */ .b2b-head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px; } /* line 2305, dev/sass/b2b.scss */ .b2b-content__wrp { padding: 10px; } /* line 2308, dev/sass/b2b.scss */ .pagination { padding: 10px 0; } /* line 2312, dev/sass/b2b.scss */ .b2b-head__search + .b2b-head__search { margin-top: 10px; } /* line 2316, dev/sass/b2b.scss */ .b2b-table th, .b2b-table td { padding: 10px; } /* line 2320, dev/sass/b2b.scss */ .scroll-X { overflow: auto; } /* line 2323, dev/sass/b2b.scss */ .scroll-X:before { content: none; } /* line 2327, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .icon { width: 20px; height: 20px; } /* line 2331, dev/sass/b2b.scss */ .b2b-head__person-info .name, .b2b-head__person-info .phone { font-size: 13px; } /* line 2335, dev/sass/b2b.scss */ .b2b-head__search, .b2b-head__person { width: 100%; max-width: 100%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding: 10px 0; } /* line 2342, dev/sass/b2b.scss */ .b2b-table th { font-size: 13px; } /* line 2345, dev/sass/b2b.scss */ .pagination-more { margin-top: 0; margin-bottom: 10px; } /* line 2349, dev/sass/b2b.scss */ .b2b-profile__item-head, .b2b-req__item-step__content, .b2b-req__item-head { padding: 10px; } /* line 2354, dev/sass/b2b.scss */ .b2b-profile__item-content { padding: 5px 10px; } /* line 2357, dev/sass/b2b.scss */ .b2b-req__item-step__head { padding-left: 10px; } /* line 2360, dev/sass/b2b.scss */ .b2b-head__sort { max-width: 100%; margin-top: 10px; } /* line 2364, dev/sass/b2b.scss */ .b2b-material__btn .button { height: 35px; line-height: 35px; } /* line 2368, dev/sass/b2b.scss */ .b2b-basket__wrp { padding: 10px; } /* line 2371, dev/sass/b2b.scss */ .b2b-basket { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 2374, dev/sass/b2b.scss */ .b2b-basket__content { width: 100%; padding-right: 0; margin-bottom: 15px; } /* line 2379, dev/sass/b2b.scss */ .b2b-basket__sidebar { width: 100%; } /* line 2383, dev/sass/b2b.scss */ .b2b-basket__table { border: 0; } /* line 2386, dev/sass/b2b.scss */ .b2b-basket__table table { border: 0; } /* line 2390, dev/sass/b2b.scss */ .b2b-basket__table thead { display: none; } /* line 2394, dev/sass/b2b.scss */ .b2b-basket__table tr { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #e2e5e9; -webkit-border-radius: 5px; border-radius: 5px; } /* line 2400, dev/sass/b2b.scss */ .b2b-basket__table tr:not(:last-child) { margin-bottom: 10px; } /* line 2404, dev/sass/b2b.scss */ .b2b-basket__table tr td { width: 20%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; padding: 10px; border-bottom: 1px solid #e2e5e9; } /* line 2413, dev/sass/b2b.scss */ .b2b-basket__table tr td .sm-show { display: -webkit-box !important; display: -webkit-flex !important; display: -ms-flexbox !important; display: flex !important; width: 100%; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; font-size: 12px; margin-bottom: 5px; color: #707070; } /* line 2422, dev/sass/b2b.scss */ .b2b-basket__table tr td:nth-child(1) { width: 30%; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 2427, dev/sass/b2b.scss */ .b2b-basket__table tr td:nth-child(2) { width: 70%; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } /* line 2434, dev/sass/b2b.scss */ .b2b-basket__wrp table td .counter button, .b2b-basket__wrp table td .counter input { height: 30px; line-height: 30px; } /* line 2439, dev/sass/b2b.scss */ .b2b-basket__wrp table td .status img + span { font-size: 12px; } /* line 2442, dev/sass/b2b.scss */ .b2b-basket__wrp table td .delete { height: 100%; } } @media screen and (max-width: 600px) { /* line 2448, dev/sass/b2b.scss */ .b2b-profile__item-head, .b2b-profile__item-content, .b2b-req__item-step__head, .b2b-req__item-step__content { padding: 10px; } /* line 2454, dev/sass/b2b.scss */ .b2b-profile__item-list ul li { font-size: 13px; padding: 10px 0; } /* line 2458, dev/sass/b2b.scss */ .b2b-profile__item-form__file .file, .b2b-profile__item-form__file .preview { width: 50%; min-width: 1px; } /* line 2463, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li ul { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 2466, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li ul li { width: 100%; } /* line 2469, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li [type='text'] { font-size: 13px; } /* line 2472, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li ul { padding: 10px 0 !important; font-size: 13px; } /* line 2476, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li ul li { padding: 0; } /* line 2480, dev/sass/b2b.scss */ .b2b-req__item-step__content > ul > li:not(:last-child) { border-bottom: 1px solid #e2e5e9; } /* line 2484, dev/sass/b2b.scss */ .b2b-req__item-step__head { font-size: 13px; line-height: 120%; } /* line 2489, dev/sass/b2b.scss */ .b2b-aside { padding: 10px; } /* line 2492, dev/sass/b2b.scss */ .b2b-menu__ul li a { padding: 7px; } /* line 2495, dev/sass/b2b.scss */ .b2b-menu__ul li a span { font-size: 14px; padding-left: 5px; line-height: 20px; } /* line 2500, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .icon { width: 20px; height: 20px; } /* line 2504, dev/sass/b2b.scss */ .b2b-req__item-head { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } /* line 2508, dev/sass/b2b.scss */ .b2b-req__item-head .name { width: calc(100% - 30px); } /* line 2511, dev/sass/b2b.scss */ .b2b-req__item-head .btns .arrow { position: absolute; right: 0; top: 7.5px; } /* line 2516, dev/sass/b2b.scss */ .b2b-req__item-head .btns { width: 100%; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } /* line 2520, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox label::before { top: 5px; } /* line 2523, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox label { min-height: 30px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } /* line 2528, dev/sass/b2b.scss */ .b2b-req__item-head .btns .button, .b2b-editor button.button { width: 100%; margin-top: 10px; margin-right: 0; } /* line 2534, dev/sass/b2b.scss */ .b2b-req__item-step__content ul li [type='text'] { text-align: left; } /* line 2537, dev/sass/b2b.scss */ .b2b-req__item-step__head .arrow, .b2b-req__item-head .btns .arrow { width: 30px; } /* line 2541, dev/sass/b2b.scss */ .b2b-req__item-step__head .arrow .icon, .b2b-req__item-head .btns .arrow .icon { width: 10px; height: 10px; } /* line 2546, dev/sass/b2b.scss */ .b2b-req__add { height: 35px; line-height: 35px; width: 100%; } /* line 2551, dev/sass/b2b.scss */ .b2b-req__item-step__head { padding-right: 0; } /* line 2554, dev/sass/b2b.scss */ .b2b-req__item-head .btns .button, .b2b-editor button.button { margin-bottom: 10px; } /* line 2558, dev/sass/b2b.scss */ .b2b-editor .jq-selectbox { margin-right: 0; width: 100%; } /* line 2562, dev/sass/b2b.scss */ .b2b-profile__item-form { padding-bottom: 0; } /* line 2565, dev/sass/b2b.scss */ .b2b-editor button.button { height: 35px; line-height: 35px; margin: 5px 0; } /* line 2571, dev/sass/b2b.scss */ .b2b-favorite__table { overflow: auto; } /* line 2574, dev/sass/b2b.scss */ .b2b-favorite__table table th { min-width: 100px; } /* line 2577, dev/sass/b2b.scss */ .b2b-favorite__table table td .checkbox label::before { top: 50% !important; } /* line 2580, dev/sass/b2b.scss */ .b2b-material__list-item { padding: 10px 40px 10px 10px; } /* line 2583, dev/sass/b2b.scss */ .b2b-material__list-item .ico-download { right: 10px; } /* line 2586, dev/sass/b2b.scss */ .b2b-material__list-item span { font-size: 13px; } /* line 2590, dev/sass/b2b.scss */ .b2b-basket__table tr td { width: 50%; } /* line 2593, dev/sass/b2b.scss */ .b2b-basket__wrp table td .name { padding-right: 40px; } /* line 2596, dev/sass/b2b.scss */ .b2b-basket__wrp table tr { position: relative; } /* line 2599, dev/sass/b2b.scss */ .b2b-basket__wrp table th._empty, .b2b-basket__wrp table td._empty { position: absolute; right: 0; top: 0; width: 30px; height: 30px; border-left: 1px solid #f1f1f1; } /* line 2608, dev/sass/b2b.scss */ .popup-b2b { padding: 15px; } /* line 2611, dev/sass/b2b.scss */ .popup-b2b__zag { margin-bottom: 15px; padding-bottom: 5px; } /* line 2615, dev/sass/b2b.scss */ .popup-b2b__form-footer { padding-top: 10px; } /* line 2618, dev/sass/b2b.scss */ .popup-b2b__zag { font-size: 20px; padding-right: 15px; } /* line 2622, dev/sass/b2b.scss */ .popup-b2b__form-zag { font-size: 16px; margin-bottom: 10px; } /* line 2626, dev/sass/b2b.scss */ .popup-b2b__form-item.w50 { width: 100%; } /* line 2629, dev/sass/b2b.scss */ .popup-b2b__form-item textarea { height: 150px; } } /* line 2639, dev/sass/b2b.scss */ .product-preview__big-images { position: relative; } /* line 2643, dev/sass/b2b.scss */ .product-preview__advantages { position: absolute; left: -40px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* line 2648, dev/sass/b2b.scss */ .product-preview__advantages-items { width: 100px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 2654, dev/sass/b2b.scss */ .product-preview__advantages-item { margin-bottom: 50px; position: relative; width: 70px; height: 70px; cursor: pointer; } /* line 2662, dev/sass/b2b.scss */ .product-preview__advantages-item:last-child { margin-bottom: 0; } /* line 2665, dev/sass/b2b.scss */ .product-preview__advantages-item .icon { width: 100% !important; height: 100% !important; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; fill: #222227; } /* line 2671, dev/sass/b2b.scss */ .product-preview__advantages-item span { position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-weight: 600; padding: 5px 10px; background-color: #ff652e; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; visibility: hidden; } /* line 2684, dev/sass/b2b.scss */ .product-preview__advantages-item span:before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -18px; border: 10px solid transparent; border-top: 10px solid #ff652e; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } /* line 2696, dev/sass/b2b.scss */ .product-preview__advantages-item:hover span { opacity: 1; visibility: visible; } /* line 2700, dev/sass/b2b.scss */ .product-preview__advantages-item:hover .icon { fill: #ff652e; } /* line 2708, dev/sass/b2b.scss */ .product_view._big-door .product_img { max-width: 100%; width: 45%; padding-left: 40px; } /* line 2713, dev/sass/b2b.scss */ .product_view._big-door .product_params { width: 25%; } /* line 2718, dev/sass/b2b.scss */ .catalog-item { min-height: 410px !important; } /* line 2722, dev/sass/b2b.scss */ .catalog-item__advantages { position: relative; z-index: 20; } /* line 2725, dev/sass/b2b.scss */ .catalog-item__advantages-items { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px; } /* line 2731, dev/sass/b2b.scss */ .catalog-item__advantages-item { margin-bottom: 10px; margin-top: 10px; position: relative; width: 36px; height: 36px; cursor: pointer; } /* line 2738, dev/sass/b2b.scss */ .catalog-item__advantages-item .icon { width: 100% !important; height: 100% !important; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; fill: #222227; } /* line 2744, dev/sass/b2b.scss */ .catalog-item__advantages-item span { position: absolute; top: -40px; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); color: #fff; font-weight: 600; padding: 5px 10px; background-color: #ff652e; -webkit-border-radius: 7px; border-radius: 7px; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; opacity: 0; visibility: hidden; } /* line 2757, dev/sass/b2b.scss */ .catalog-item__advantages-item span:before { content: ""; position: absolute; left: 50%; -webkit-transform: translateX(-50%); -ms-transform: translateX(-50%); transform: translateX(-50%); bottom: -18px; border: 10px solid transparent; border-top: 10px solid #ff652e; -webkit-transition: .5s; -o-transition: .5s; transition: .5s; } /* line 2769, dev/sass/b2b.scss */ .catalog-item__advantages-item:hover span { opacity: 1; visibility: visible; } /* line 2773, dev/sass/b2b.scss */ .catalog-item__advantages-item:hover .icon { fill: #ff652e; } /* line 2780, dev/sass/b2b.scss */ .catalog--main .catalog-item:hover { z-index: 22; } /* line 2787, dev/sass/b2b.scss */ .product-info-availability__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 2791, dev/sass/b2b.scss */ .product-info-availability__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 20px; border-bottom: 1px solid #cccccc; } /* line 2798, dev/sass/b2b.scss */ .product-info-availability__item:last-child { border-bottom: none; } /* line 2801, dev/sass/b2b.scss */ .product-info-availability__address { width: 25%; padding-right: 20px; } /* line 2805, dev/sass/b2b.scss */ .product-info-availability__hours { width: 25%; padding-right: 20px; } /* line 2809, dev/sass/b2b.scss */ .product-info-availability__link { width: 50%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 1440px) { /* line 2818, dev/sass/b2b.scss */ .product_view .product_img { max-width: 100%; width: 50%; } /* line 2822, dev/sass/b2b.scss */ .product_view .product_params { width: 25%; } /* line 2825, dev/sass/b2b.scss */ .product_view .product_order { width: 25%; } } @media screen and (max-width: 1180px) { /* line 2831, dev/sass/b2b.scss */ .product_view._big-door > div { width: 100% !important; } /* line 2835, dev/sass/b2b.scss */ .product-filter__price-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 2839, dev/sass/b2b.scss */ .product-filter-submit__prices { margin-bottom: 10px; width: 100%; text-align: center; } /* line 2845, dev/sass/b2b.scss */ .product-info-availability__address { width: 33.33%; } /* line 2848, dev/sass/b2b.scss */ .product-info-availability__hours { width: 33.33%; } /* line 2851, dev/sass/b2b.scss */ .product-info-availability__link { width: 33.33%; } } @media screen and (max-width: 990px) { /* line 2857, dev/sass/b2b.scss */ .product_view > div { width: 100% !important; max-width: 100%; } } @media screen and (max-width: 768px) { /* line 2863, dev/sass/b2b.scss */ .product_view { position: relative; padding-top: 120px; } /* line 2866, dev/sass/b2b.scss */ .product_view .product_img { position: initial; padding-left: 0 !important; } /* line 2870, dev/sass/b2b.scss */ .product_view .product-preview__big-images { position: initial; } /* line 2874, dev/sass/b2b.scss */ .product_view .product-preview__advantages { top: 30px; left: 50%; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /* line 2878, dev/sass/b2b.scss */ .product_view .product-preview__advantages-items { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; } /* line 2888, dev/sass/b2b.scss */ .catalog-item__advantages-item { width: 35px; height: 35px; } /* line 2893, dev/sass/b2b.scss */ .product-info-availability__item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 2896, dev/sass/b2b.scss */ .product-info-availability__address { width: 50%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 10px; } /* line 2901, dev/sass/b2b.scss */ .product-info-availability__hours { width: 50%; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } /* line 2905, dev/sass/b2b.scss */ .product-info-availability__link { width: 50%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 600px) { /* line 2912, dev/sass/b2b.scss */ .product_view .product-preview__advantages { width: 100%; top: 30px; } /* line 2915, dev/sass/b2b.scss */ .product_view .product-preview__advantages-item { width: 55px; height: 55px; } /* line 2921, dev/sass/b2b.scss */ .product-preview__door-image-small { -o-object-fit: contain; object-fit: contain; } /* line 2924, dev/sass/b2b.scss */ .product-info-availability__item { padding: 20px 0; } /* line 2927, dev/sass/b2b.scss */ .product-info-availability__address { width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 10px; } /* line 2932, dev/sass/b2b.scss */ .product-info-availability__hours { width: 100%; margin-bottom: 10px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } /* line 2937, dev/sass/b2b.scss */ .product-info-availability__link { width: 100%; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; } } /* line 2945, dev/sass/b2b.scss */ .popup-b2b__map-wrp { height: 600px; } @media screen and (max-width: 600px) { /* line 2951, dev/sass/b2b.scss */ .popup-b2b__map-wrp { width: 100vw; } } /*----------Новые стили из b2b-old.scss----------*/ /* line 2961, dev/sass/b2b.scss */ input:valid:not(:placeholder-shown) { border-color: #ff652e; } /* line 2964, dev/sass/b2b.scss */ .product-price__block--area:before { content: 'или'; } @media screen and (max-width: 1440px) { /* line 2969, dev/sass/b2b.scss */ .header_search { -webkit-flex-basis: 490px; -ms-flex-preferred-size: 490px; flex-basis: 490px; } } @media screen and (max-width: 1180px) { /* line 2975, dev/sass/b2b.scss */ .content-container { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 2979, dev/sass/b2b.scss */ .header_search { -webkit-flex-basis: unset; -ms-flex-preferred-size: unset; flex-basis: unset; -webkit-box-flex: 1; -webkit-flex-grow: 1; -ms-flex-positive: 1; flex-grow: 1; margin-right: 0; padding: 0; } /* line 2985, dev/sass/b2b.scss */ .header_search__form { max-width: unset; } /* line 2990, dev/sass/b2b.scss */ .header-middle-container > .header-b2b { margin: 0; max-width: unset; width: 100%; } /* line 2996, dev/sass/b2b.scss */ .header-b2b__phone { margin-right: auto; } /* line 2999, dev/sass/b2b.scss */ .header-b2b__phone .tel { display: block; } } @media screen and (max-width: 990px) { /* line 3006, dev/sass/b2b.scss */ .header_search { margin-bottom: 15px; } /* line 3010, dev/sass/b2b.scss */ .header .header-b2b__phone .tel { font-size: 17px; } } /* End */ /* Start:/local/templates/general/assets/lib/aos.min.css?168431319640657*/ [data-aos][data-aos][data-aos-duration="50"],body[data-aos-duration="50"] [data-aos]{-webkit-transition-duration:50ms;-o-transition-duration:50ms;transition-duration:50ms}[data-aos][data-aos][data-aos-delay="50"],body[data-aos-delay="50"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="50"].aos-animate,body[data-aos-delay="50"] [data-aos].aos-animate{-webkit-transition-delay:50ms;-o-transition-delay:50ms;transition-delay:50ms}[data-aos][data-aos][data-aos-duration="100"],body[data-aos-duration="100"] [data-aos]{-webkit-transition-duration:.1s;-o-transition-duration:.1s;transition-duration:.1s}[data-aos][data-aos][data-aos-delay="100"],body[data-aos-delay="100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="100"].aos-animate,body[data-aos-delay="100"] [data-aos].aos-animate{-webkit-transition-delay:.1s;-o-transition-delay:.1s;transition-delay:.1s}[data-aos][data-aos][data-aos-duration="150"],body[data-aos-duration="150"] [data-aos]{-webkit-transition-duration:.15s;-o-transition-duration:.15s;transition-duration:.15s}[data-aos][data-aos][data-aos-delay="150"],body[data-aos-delay="150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="150"].aos-animate,body[data-aos-delay="150"] [data-aos].aos-animate{-webkit-transition-delay:.15s;-o-transition-delay:.15s;transition-delay:.15s}[data-aos][data-aos][data-aos-duration="200"],body[data-aos-duration="200"] [data-aos]{-webkit-transition-duration:.2s;-o-transition-duration:.2s;transition-duration:.2s}[data-aos][data-aos][data-aos-delay="200"],body[data-aos-delay="200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="200"].aos-animate,body[data-aos-delay="200"] [data-aos].aos-animate{-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s}[data-aos][data-aos][data-aos-duration="250"],body[data-aos-duration="250"] [data-aos]{-webkit-transition-duration:.25s;-o-transition-duration:.25s;transition-duration:.25s}[data-aos][data-aos][data-aos-delay="250"],body[data-aos-delay="250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="250"].aos-animate,body[data-aos-delay="250"] [data-aos].aos-animate{-webkit-transition-delay:.25s;-o-transition-delay:.25s;transition-delay:.25s}[data-aos][data-aos][data-aos-duration="300"],body[data-aos-duration="300"] [data-aos]{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s}[data-aos][data-aos][data-aos-delay="300"],body[data-aos-delay="300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="300"].aos-animate,body[data-aos-delay="300"] [data-aos].aos-animate{-webkit-transition-delay:.3s;-o-transition-delay:.3s;transition-delay:.3s}[data-aos][data-aos][data-aos-duration="350"],body[data-aos-duration="350"] [data-aos]{-webkit-transition-duration:.35s;-o-transition-duration:.35s;transition-duration:.35s}[data-aos][data-aos][data-aos-delay="350"],body[data-aos-delay="350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="350"].aos-animate,body[data-aos-delay="350"] [data-aos].aos-animate{-webkit-transition-delay:.35s;-o-transition-delay:.35s;transition-delay:.35s}[data-aos][data-aos][data-aos-duration="400"],body[data-aos-duration="400"] [data-aos]{-webkit-transition-duration:.4s;-o-transition-duration:.4s;transition-duration:.4s}[data-aos][data-aos][data-aos-delay="400"],body[data-aos-delay="400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="400"].aos-animate,body[data-aos-delay="400"] [data-aos].aos-animate{-webkit-transition-delay:.4s;-o-transition-delay:.4s;transition-delay:.4s}[data-aos][data-aos][data-aos-duration="450"],body[data-aos-duration="450"] [data-aos]{-webkit-transition-duration:.45s;-o-transition-duration:.45s;transition-duration:.45s}[data-aos][data-aos][data-aos-delay="450"],body[data-aos-delay="450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="450"].aos-animate,body[data-aos-delay="450"] [data-aos].aos-animate{-webkit-transition-delay:.45s;-o-transition-delay:.45s;transition-delay:.45s}[data-aos][data-aos][data-aos-duration="500"],body[data-aos-duration="500"] [data-aos]{-webkit-transition-duration:.5s;-o-transition-duration:.5s;transition-duration:.5s}[data-aos][data-aos][data-aos-delay="500"],body[data-aos-delay="500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="500"].aos-animate,body[data-aos-delay="500"] [data-aos].aos-animate{-webkit-transition-delay:.5s;-o-transition-delay:.5s;transition-delay:.5s}[data-aos][data-aos][data-aos-duration="550"],body[data-aos-duration="550"] [data-aos]{-webkit-transition-duration:.55s;-o-transition-duration:.55s;transition-duration:.55s}[data-aos][data-aos][data-aos-delay="550"],body[data-aos-delay="550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="550"].aos-animate,body[data-aos-delay="550"] [data-aos].aos-animate{-webkit-transition-delay:.55s;-o-transition-delay:.55s;transition-delay:.55s}[data-aos][data-aos][data-aos-duration="600"],body[data-aos-duration="600"] [data-aos]{-webkit-transition-duration:.6s;-o-transition-duration:.6s;transition-duration:.6s}[data-aos][data-aos][data-aos-delay="600"],body[data-aos-delay="600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="600"].aos-animate,body[data-aos-delay="600"] [data-aos].aos-animate{-webkit-transition-delay:.6s;-o-transition-delay:.6s;transition-delay:.6s}[data-aos][data-aos][data-aos-duration="650"],body[data-aos-duration="650"] [data-aos]{-webkit-transition-duration:.65s;-o-transition-duration:.65s;transition-duration:.65s}[data-aos][data-aos][data-aos-delay="650"],body[data-aos-delay="650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="650"].aos-animate,body[data-aos-delay="650"] [data-aos].aos-animate{-webkit-transition-delay:.65s;-o-transition-delay:.65s;transition-delay:.65s}[data-aos][data-aos][data-aos-duration="700"],body[data-aos-duration="700"] [data-aos]{-webkit-transition-duration:.7s;-o-transition-duration:.7s;transition-duration:.7s}[data-aos][data-aos][data-aos-delay="700"],body[data-aos-delay="700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="700"].aos-animate,body[data-aos-delay="700"] [data-aos].aos-animate{-webkit-transition-delay:.7s;-o-transition-delay:.7s;transition-delay:.7s}[data-aos][data-aos][data-aos-duration="750"],body[data-aos-duration="750"] [data-aos]{-webkit-transition-duration:.75s;-o-transition-duration:.75s;transition-duration:.75s}[data-aos][data-aos][data-aos-delay="750"],body[data-aos-delay="750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="750"].aos-animate,body[data-aos-delay="750"] [data-aos].aos-animate{-webkit-transition-delay:.75s;-o-transition-delay:.75s;transition-delay:.75s}[data-aos][data-aos][data-aos-duration="800"],body[data-aos-duration="800"] [data-aos]{-webkit-transition-duration:.8s;-o-transition-duration:.8s;transition-duration:.8s}[data-aos][data-aos][data-aos-delay="800"],body[data-aos-delay="800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="800"].aos-animate,body[data-aos-delay="800"] [data-aos].aos-animate{-webkit-transition-delay:.8s;-o-transition-delay:.8s;transition-delay:.8s}[data-aos][data-aos][data-aos-duration="850"],body[data-aos-duration="850"] [data-aos]{-webkit-transition-duration:.85s;-o-transition-duration:.85s;transition-duration:.85s}[data-aos][data-aos][data-aos-delay="850"],body[data-aos-delay="850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="850"].aos-animate,body[data-aos-delay="850"] [data-aos].aos-animate{-webkit-transition-delay:.85s;-o-transition-delay:.85s;transition-delay:.85s}[data-aos][data-aos][data-aos-duration="900"],body[data-aos-duration="900"] [data-aos]{-webkit-transition-duration:.9s;-o-transition-duration:.9s;transition-duration:.9s}[data-aos][data-aos][data-aos-delay="900"],body[data-aos-delay="900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="900"].aos-animate,body[data-aos-delay="900"] [data-aos].aos-animate{-webkit-transition-delay:.9s;-o-transition-delay:.9s;transition-delay:.9s}[data-aos][data-aos][data-aos-duration="950"],body[data-aos-duration="950"] [data-aos]{-webkit-transition-duration:.95s;-o-transition-duration:.95s;transition-duration:.95s}[data-aos][data-aos][data-aos-delay="950"],body[data-aos-delay="950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="950"].aos-animate,body[data-aos-delay="950"] [data-aos].aos-animate{-webkit-transition-delay:.95s;-o-transition-delay:.95s;transition-delay:.95s}[data-aos][data-aos][data-aos-duration="1000"],body[data-aos-duration="1000"] [data-aos]{-webkit-transition-duration:1s;-o-transition-duration:1s;transition-duration:1s}[data-aos][data-aos][data-aos-delay="1000"],body[data-aos-delay="1000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1000"].aos-animate,body[data-aos-delay="1000"] [data-aos].aos-animate{-webkit-transition-delay:1s;-o-transition-delay:1s;transition-delay:1s}[data-aos][data-aos][data-aos-duration="1050"],body[data-aos-duration="1050"] [data-aos]{-webkit-transition-duration:1.05s;-o-transition-duration:1.05s;transition-duration:1.05s}[data-aos][data-aos][data-aos-delay="1050"],body[data-aos-delay="1050"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1050"].aos-animate,body[data-aos-delay="1050"] [data-aos].aos-animate{-webkit-transition-delay:1.05s;-o-transition-delay:1.05s;transition-delay:1.05s}[data-aos][data-aos][data-aos-duration="1100"],body[data-aos-duration="1100"] [data-aos]{-webkit-transition-duration:1.1s;-o-transition-duration:1.1s;transition-duration:1.1s}[data-aos][data-aos][data-aos-delay="1100"],body[data-aos-delay="1100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1100"].aos-animate,body[data-aos-delay="1100"] [data-aos].aos-animate{-webkit-transition-delay:1.1s;-o-transition-delay:1.1s;transition-delay:1.1s}[data-aos][data-aos][data-aos-duration="1150"],body[data-aos-duration="1150"] [data-aos]{-webkit-transition-duration:1.15s;-o-transition-duration:1.15s;transition-duration:1.15s}[data-aos][data-aos][data-aos-delay="1150"],body[data-aos-delay="1150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1150"].aos-animate,body[data-aos-delay="1150"] [data-aos].aos-animate{-webkit-transition-delay:1.15s;-o-transition-delay:1.15s;transition-delay:1.15s}[data-aos][data-aos][data-aos-duration="1200"],body[data-aos-duration="1200"] [data-aos]{-webkit-transition-duration:1.2s;-o-transition-duration:1.2s;transition-duration:1.2s}[data-aos][data-aos][data-aos-delay="1200"],body[data-aos-delay="1200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1200"].aos-animate,body[data-aos-delay="1200"] [data-aos].aos-animate{-webkit-transition-delay:1.2s;-o-transition-delay:1.2s;transition-delay:1.2s}[data-aos][data-aos][data-aos-duration="1250"],body[data-aos-duration="1250"] [data-aos]{-webkit-transition-duration:1.25s;-o-transition-duration:1.25s;transition-duration:1.25s}[data-aos][data-aos][data-aos-delay="1250"],body[data-aos-delay="1250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1250"].aos-animate,body[data-aos-delay="1250"] [data-aos].aos-animate{-webkit-transition-delay:1.25s;-o-transition-delay:1.25s;transition-delay:1.25s}[data-aos][data-aos][data-aos-duration="1300"],body[data-aos-duration="1300"] [data-aos]{-webkit-transition-duration:1.3s;-o-transition-duration:1.3s;transition-duration:1.3s}[data-aos][data-aos][data-aos-delay="1300"],body[data-aos-delay="1300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1300"].aos-animate,body[data-aos-delay="1300"] [data-aos].aos-animate{-webkit-transition-delay:1.3s;-o-transition-delay:1.3s;transition-delay:1.3s}[data-aos][data-aos][data-aos-duration="1350"],body[data-aos-duration="1350"] [data-aos]{-webkit-transition-duration:1.35s;-o-transition-duration:1.35s;transition-duration:1.35s}[data-aos][data-aos][data-aos-delay="1350"],body[data-aos-delay="1350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1350"].aos-animate,body[data-aos-delay="1350"] [data-aos].aos-animate{-webkit-transition-delay:1.35s;-o-transition-delay:1.35s;transition-delay:1.35s}[data-aos][data-aos][data-aos-duration="1400"],body[data-aos-duration="1400"] [data-aos]{-webkit-transition-duration:1.4s;-o-transition-duration:1.4s;transition-duration:1.4s}[data-aos][data-aos][data-aos-delay="1400"],body[data-aos-delay="1400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1400"].aos-animate,body[data-aos-delay="1400"] [data-aos].aos-animate{-webkit-transition-delay:1.4s;-o-transition-delay:1.4s;transition-delay:1.4s}[data-aos][data-aos][data-aos-duration="1450"],body[data-aos-duration="1450"] [data-aos]{-webkit-transition-duration:1.45s;-o-transition-duration:1.45s;transition-duration:1.45s}[data-aos][data-aos][data-aos-delay="1450"],body[data-aos-delay="1450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1450"].aos-animate,body[data-aos-delay="1450"] [data-aos].aos-animate{-webkit-transition-delay:1.45s;-o-transition-delay:1.45s;transition-delay:1.45s}[data-aos][data-aos][data-aos-duration="1500"],body[data-aos-duration="1500"] [data-aos]{-webkit-transition-duration:1.5s;-o-transition-duration:1.5s;transition-duration:1.5s}[data-aos][data-aos][data-aos-delay="1500"],body[data-aos-delay="1500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1500"].aos-animate,body[data-aos-delay="1500"] [data-aos].aos-animate{-webkit-transition-delay:1.5s;-o-transition-delay:1.5s;transition-delay:1.5s}[data-aos][data-aos][data-aos-duration="1550"],body[data-aos-duration="1550"] [data-aos]{-webkit-transition-duration:1.55s;-o-transition-duration:1.55s;transition-duration:1.55s}[data-aos][data-aos][data-aos-delay="1550"],body[data-aos-delay="1550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1550"].aos-animate,body[data-aos-delay="1550"] [data-aos].aos-animate{-webkit-transition-delay:1.55s;-o-transition-delay:1.55s;transition-delay:1.55s}[data-aos][data-aos][data-aos-duration="1600"],body[data-aos-duration="1600"] [data-aos]{-webkit-transition-duration:1.6s;-o-transition-duration:1.6s;transition-duration:1.6s}[data-aos][data-aos][data-aos-delay="1600"],body[data-aos-delay="1600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1600"].aos-animate,body[data-aos-delay="1600"] [data-aos].aos-animate{-webkit-transition-delay:1.6s;-o-transition-delay:1.6s;transition-delay:1.6s}[data-aos][data-aos][data-aos-duration="1650"],body[data-aos-duration="1650"] [data-aos]{-webkit-transition-duration:1.65s;-o-transition-duration:1.65s;transition-duration:1.65s}[data-aos][data-aos][data-aos-delay="1650"],body[data-aos-delay="1650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1650"].aos-animate,body[data-aos-delay="1650"] [data-aos].aos-animate{-webkit-transition-delay:1.65s;-o-transition-delay:1.65s;transition-delay:1.65s}[data-aos][data-aos][data-aos-duration="1700"],body[data-aos-duration="1700"] [data-aos]{-webkit-transition-duration:1.7s;-o-transition-duration:1.7s;transition-duration:1.7s}[data-aos][data-aos][data-aos-delay="1700"],body[data-aos-delay="1700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1700"].aos-animate,body[data-aos-delay="1700"] [data-aos].aos-animate{-webkit-transition-delay:1.7s;-o-transition-delay:1.7s;transition-delay:1.7s}[data-aos][data-aos][data-aos-duration="1750"],body[data-aos-duration="1750"] [data-aos]{-webkit-transition-duration:1.75s;-o-transition-duration:1.75s;transition-duration:1.75s}[data-aos][data-aos][data-aos-delay="1750"],body[data-aos-delay="1750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1750"].aos-animate,body[data-aos-delay="1750"] [data-aos].aos-animate{-webkit-transition-delay:1.75s;-o-transition-delay:1.75s;transition-delay:1.75s}[data-aos][data-aos][data-aos-duration="1800"],body[data-aos-duration="1800"] [data-aos]{-webkit-transition-duration:1.8s;-o-transition-duration:1.8s;transition-duration:1.8s}[data-aos][data-aos][data-aos-delay="1800"],body[data-aos-delay="1800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1800"].aos-animate,body[data-aos-delay="1800"] [data-aos].aos-animate{-webkit-transition-delay:1.8s;-o-transition-delay:1.8s;transition-delay:1.8s}[data-aos][data-aos][data-aos-duration="1850"],body[data-aos-duration="1850"] [data-aos]{-webkit-transition-duration:1.85s;-o-transition-duration:1.85s;transition-duration:1.85s}[data-aos][data-aos][data-aos-delay="1850"],body[data-aos-delay="1850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1850"].aos-animate,body[data-aos-delay="1850"] [data-aos].aos-animate{-webkit-transition-delay:1.85s;-o-transition-delay:1.85s;transition-delay:1.85s}[data-aos][data-aos][data-aos-duration="1900"],body[data-aos-duration="1900"] [data-aos]{-webkit-transition-duration:1.9s;-o-transition-duration:1.9s;transition-duration:1.9s}[data-aos][data-aos][data-aos-delay="1900"],body[data-aos-delay="1900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1900"].aos-animate,body[data-aos-delay="1900"] [data-aos].aos-animate{-webkit-transition-delay:1.9s;-o-transition-delay:1.9s;transition-delay:1.9s}[data-aos][data-aos][data-aos-duration="1950"],body[data-aos-duration="1950"] [data-aos]{-webkit-transition-duration:1.95s;-o-transition-duration:1.95s;transition-duration:1.95s}[data-aos][data-aos][data-aos-delay="1950"],body[data-aos-delay="1950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="1950"].aos-animate,body[data-aos-delay="1950"] [data-aos].aos-animate{-webkit-transition-delay:1.95s;-o-transition-delay:1.95s;transition-delay:1.95s}[data-aos][data-aos][data-aos-duration="2000"],body[data-aos-duration="2000"] [data-aos]{-webkit-transition-duration:2s;-o-transition-duration:2s;transition-duration:2s}[data-aos][data-aos][data-aos-delay="2000"],body[data-aos-delay="2000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2000"].aos-animate,body[data-aos-delay="2000"] [data-aos].aos-animate{-webkit-transition-delay:2s;-o-transition-delay:2s;transition-delay:2s}[data-aos][data-aos][data-aos-duration="2050"],body[data-aos-duration="2050"] [data-aos]{-webkit-transition-duration:2.05s;-o-transition-duration:2.05s;transition-duration:2.05s}[data-aos][data-aos][data-aos-delay="2050"],body[data-aos-delay="2050"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2050"].aos-animate,body[data-aos-delay="2050"] [data-aos].aos-animate{-webkit-transition-delay:2.05s;-o-transition-delay:2.05s;transition-delay:2.05s}[data-aos][data-aos][data-aos-duration="2100"],body[data-aos-duration="2100"] [data-aos]{-webkit-transition-duration:2.1s;-o-transition-duration:2.1s;transition-duration:2.1s}[data-aos][data-aos][data-aos-delay="2100"],body[data-aos-delay="2100"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2100"].aos-animate,body[data-aos-delay="2100"] [data-aos].aos-animate{-webkit-transition-delay:2.1s;-o-transition-delay:2.1s;transition-delay:2.1s}[data-aos][data-aos][data-aos-duration="2150"],body[data-aos-duration="2150"] [data-aos]{-webkit-transition-duration:2.15s;-o-transition-duration:2.15s;transition-duration:2.15s}[data-aos][data-aos][data-aos-delay="2150"],body[data-aos-delay="2150"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2150"].aos-animate,body[data-aos-delay="2150"] [data-aos].aos-animate{-webkit-transition-delay:2.15s;-o-transition-delay:2.15s;transition-delay:2.15s}[data-aos][data-aos][data-aos-duration="2200"],body[data-aos-duration="2200"] [data-aos]{-webkit-transition-duration:2.2s;-o-transition-duration:2.2s;transition-duration:2.2s}[data-aos][data-aos][data-aos-delay="2200"],body[data-aos-delay="2200"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2200"].aos-animate,body[data-aos-delay="2200"] [data-aos].aos-animate{-webkit-transition-delay:2.2s;-o-transition-delay:2.2s;transition-delay:2.2s}[data-aos][data-aos][data-aos-duration="2250"],body[data-aos-duration="2250"] [data-aos]{-webkit-transition-duration:2.25s;-o-transition-duration:2.25s;transition-duration:2.25s}[data-aos][data-aos][data-aos-delay="2250"],body[data-aos-delay="2250"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2250"].aos-animate,body[data-aos-delay="2250"] [data-aos].aos-animate{-webkit-transition-delay:2.25s;-o-transition-delay:2.25s;transition-delay:2.25s}[data-aos][data-aos][data-aos-duration="2300"],body[data-aos-duration="2300"] [data-aos]{-webkit-transition-duration:2.3s;-o-transition-duration:2.3s;transition-duration:2.3s}[data-aos][data-aos][data-aos-delay="2300"],body[data-aos-delay="2300"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2300"].aos-animate,body[data-aos-delay="2300"] [data-aos].aos-animate{-webkit-transition-delay:2.3s;-o-transition-delay:2.3s;transition-delay:2.3s}[data-aos][data-aos][data-aos-duration="2350"],body[data-aos-duration="2350"] [data-aos]{-webkit-transition-duration:2.35s;-o-transition-duration:2.35s;transition-duration:2.35s}[data-aos][data-aos][data-aos-delay="2350"],body[data-aos-delay="2350"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2350"].aos-animate,body[data-aos-delay="2350"] [data-aos].aos-animate{-webkit-transition-delay:2.35s;-o-transition-delay:2.35s;transition-delay:2.35s}[data-aos][data-aos][data-aos-duration="2400"],body[data-aos-duration="2400"] [data-aos]{-webkit-transition-duration:2.4s;-o-transition-duration:2.4s;transition-duration:2.4s}[data-aos][data-aos][data-aos-delay="2400"],body[data-aos-delay="2400"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2400"].aos-animate,body[data-aos-delay="2400"] [data-aos].aos-animate{-webkit-transition-delay:2.4s;-o-transition-delay:2.4s;transition-delay:2.4s}[data-aos][data-aos][data-aos-duration="2450"],body[data-aos-duration="2450"] [data-aos]{-webkit-transition-duration:2.45s;-o-transition-duration:2.45s;transition-duration:2.45s}[data-aos][data-aos][data-aos-delay="2450"],body[data-aos-delay="2450"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2450"].aos-animate,body[data-aos-delay="2450"] [data-aos].aos-animate{-webkit-transition-delay:2.45s;-o-transition-delay:2.45s;transition-delay:2.45s}[data-aos][data-aos][data-aos-duration="2500"],body[data-aos-duration="2500"] [data-aos]{-webkit-transition-duration:2.5s;-o-transition-duration:2.5s;transition-duration:2.5s}[data-aos][data-aos][data-aos-delay="2500"],body[data-aos-delay="2500"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2500"].aos-animate,body[data-aos-delay="2500"] [data-aos].aos-animate{-webkit-transition-delay:2.5s;-o-transition-delay:2.5s;transition-delay:2.5s}[data-aos][data-aos][data-aos-duration="2550"],body[data-aos-duration="2550"] [data-aos]{-webkit-transition-duration:2.55s;-o-transition-duration:2.55s;transition-duration:2.55s}[data-aos][data-aos][data-aos-delay="2550"],body[data-aos-delay="2550"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2550"].aos-animate,body[data-aos-delay="2550"] [data-aos].aos-animate{-webkit-transition-delay:2.55s;-o-transition-delay:2.55s;transition-delay:2.55s}[data-aos][data-aos][data-aos-duration="2600"],body[data-aos-duration="2600"] [data-aos]{-webkit-transition-duration:2.6s;-o-transition-duration:2.6s;transition-duration:2.6s}[data-aos][data-aos][data-aos-delay="2600"],body[data-aos-delay="2600"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2600"].aos-animate,body[data-aos-delay="2600"] [data-aos].aos-animate{-webkit-transition-delay:2.6s;-o-transition-delay:2.6s;transition-delay:2.6s}[data-aos][data-aos][data-aos-duration="2650"],body[data-aos-duration="2650"] [data-aos]{-webkit-transition-duration:2.65s;-o-transition-duration:2.65s;transition-duration:2.65s}[data-aos][data-aos][data-aos-delay="2650"],body[data-aos-delay="2650"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2650"].aos-animate,body[data-aos-delay="2650"] [data-aos].aos-animate{-webkit-transition-delay:2.65s;-o-transition-delay:2.65s;transition-delay:2.65s}[data-aos][data-aos][data-aos-duration="2700"],body[data-aos-duration="2700"] [data-aos]{-webkit-transition-duration:2.7s;-o-transition-duration:2.7s;transition-duration:2.7s}[data-aos][data-aos][data-aos-delay="2700"],body[data-aos-delay="2700"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2700"].aos-animate,body[data-aos-delay="2700"] [data-aos].aos-animate{-webkit-transition-delay:2.7s;-o-transition-delay:2.7s;transition-delay:2.7s}[data-aos][data-aos][data-aos-duration="2750"],body[data-aos-duration="2750"] [data-aos]{-webkit-transition-duration:2.75s;-o-transition-duration:2.75s;transition-duration:2.75s}[data-aos][data-aos][data-aos-delay="2750"],body[data-aos-delay="2750"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2750"].aos-animate,body[data-aos-delay="2750"] [data-aos].aos-animate{-webkit-transition-delay:2.75s;-o-transition-delay:2.75s;transition-delay:2.75s}[data-aos][data-aos][data-aos-duration="2800"],body[data-aos-duration="2800"] [data-aos]{-webkit-transition-duration:2.8s;-o-transition-duration:2.8s;transition-duration:2.8s}[data-aos][data-aos][data-aos-delay="2800"],body[data-aos-delay="2800"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2800"].aos-animate,body[data-aos-delay="2800"] [data-aos].aos-animate{-webkit-transition-delay:2.8s;-o-transition-delay:2.8s;transition-delay:2.8s}[data-aos][data-aos][data-aos-duration="2850"],body[data-aos-duration="2850"] [data-aos]{-webkit-transition-duration:2.85s;-o-transition-duration:2.85s;transition-duration:2.85s}[data-aos][data-aos][data-aos-delay="2850"],body[data-aos-delay="2850"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2850"].aos-animate,body[data-aos-delay="2850"] [data-aos].aos-animate{-webkit-transition-delay:2.85s;-o-transition-delay:2.85s;transition-delay:2.85s}[data-aos][data-aos][data-aos-duration="2900"],body[data-aos-duration="2900"] [data-aos]{-webkit-transition-duration:2.9s;-o-transition-duration:2.9s;transition-duration:2.9s}[data-aos][data-aos][data-aos-delay="2900"],body[data-aos-delay="2900"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2900"].aos-animate,body[data-aos-delay="2900"] [data-aos].aos-animate{-webkit-transition-delay:2.9s;-o-transition-delay:2.9s;transition-delay:2.9s}[data-aos][data-aos][data-aos-duration="2950"],body[data-aos-duration="2950"] [data-aos]{-webkit-transition-duration:2.95s;-o-transition-duration:2.95s;transition-duration:2.95s}[data-aos][data-aos][data-aos-delay="2950"],body[data-aos-delay="2950"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="2950"].aos-animate,body[data-aos-delay="2950"] [data-aos].aos-animate{-webkit-transition-delay:2.95s;-o-transition-delay:2.95s;transition-delay:2.95s}[data-aos][data-aos][data-aos-duration="3000"],body[data-aos-duration="3000"] [data-aos]{-webkit-transition-duration:3s;-o-transition-duration:3s;transition-duration:3s}[data-aos][data-aos][data-aos-delay="3000"],body[data-aos-delay="3000"] [data-aos]{-webkit-transition-delay:0;-o-transition-delay:0;transition-delay:0}[data-aos][data-aos][data-aos-delay="3000"].aos-animate,body[data-aos-delay="3000"] [data-aos].aos-animate{-webkit-transition-delay:3s;-o-transition-delay:3s;transition-delay:3s}[data-aos][data-aos][data-aos-easing=linear],body[data-aos-easing=linear] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.25,.75,.75);-o-transition-timing-function:cubic-bezier(.25,.25,.75,.75);transition-timing-function:cubic-bezier(.25,.25,.75,.75)}[data-aos][data-aos][data-aos-easing=ease],body[data-aos-easing=ease] [data-aos]{-webkit-transition-timing-function:ease;-o-transition-timing-function:ease;transition-timing-function:ease}[data-aos][data-aos][data-aos-easing=ease-in],body[data-aos-easing=ease-in] [data-aos]{-webkit-transition-timing-function:ease-in;-o-transition-timing-function:ease-in;transition-timing-function:ease-in}[data-aos][data-aos][data-aos-easing=ease-out],body[data-aos-easing=ease-out] [data-aos]{-webkit-transition-timing-function:ease-out;-o-transition-timing-function:ease-out;transition-timing-function:ease-out}[data-aos][data-aos][data-aos-easing=ease-in-out],body[data-aos-easing=ease-in-out] [data-aos]{-webkit-transition-timing-function:ease-in-out;-o-transition-timing-function:ease-in-out;transition-timing-function:ease-in-out}[data-aos][data-aos][data-aos-easing=ease-in-back],body[data-aos-easing=ease-in-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);-o-transition-timing-function:cubic-bezier(.6,-.28,.735,.045);transition-timing-function:cubic-bezier(.6,-.28,.735,.045)}[data-aos][data-aos][data-aos-easing=ease-out-back],body[data-aos-easing=ease-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);-o-transition-timing-function:cubic-bezier(.175,.885,.32,1.275);transition-timing-function:cubic-bezier(.175,.885,.32,1.275)}[data-aos][data-aos][data-aos-easing=ease-in-out-back],body[data-aos-easing=ease-in-out-back] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);-o-transition-timing-function:cubic-bezier(.68,-.55,.265,1.55);transition-timing-function:cubic-bezier(.68,-.55,.265,1.55)}[data-aos][data-aos][data-aos-easing=ease-in-sine],body[data-aos-easing=ease-in-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.47,0,.745,.715);-o-transition-timing-function:cubic-bezier(.47,0,.745,.715);transition-timing-function:cubic-bezier(.47,0,.745,.715)}[data-aos][data-aos][data-aos-easing=ease-out-sine],body[data-aos-easing=ease-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.39,.575,.565,1);-o-transition-timing-function:cubic-bezier(.39,.575,.565,1);transition-timing-function:cubic-bezier(.39,.575,.565,1)}[data-aos][data-aos][data-aos-easing=ease-in-out-sine],body[data-aos-easing=ease-in-out-sine] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.445,.05,.55,.95);-o-transition-timing-function:cubic-bezier(.445,.05,.55,.95);transition-timing-function:cubic-bezier(.445,.05,.55,.95)}[data-aos][data-aos][data-aos-easing=ease-in-quad],body[data-aos-easing=ease-in-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quad],body[data-aos-easing=ease-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quad],body[data-aos-easing=ease-in-out-quad] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-cubic],body[data-aos-easing=ease-in-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-cubic],body[data-aos-easing=ease-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-cubic],body[data-aos-easing=ease-in-out-cubic] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos][data-aos][data-aos-easing=ease-in-quart],body[data-aos-easing=ease-in-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.55,.085,.68,.53);-o-transition-timing-function:cubic-bezier(.55,.085,.68,.53);transition-timing-function:cubic-bezier(.55,.085,.68,.53)}[data-aos][data-aos][data-aos-easing=ease-out-quart],body[data-aos-easing=ease-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.25,.46,.45,.94);-o-transition-timing-function:cubic-bezier(.25,.46,.45,.94);transition-timing-function:cubic-bezier(.25,.46,.45,.94)}[data-aos][data-aos][data-aos-easing=ease-in-out-quart],body[data-aos-easing=ease-in-out-quart] [data-aos]{-webkit-transition-timing-function:cubic-bezier(.455,.03,.515,.955);-o-transition-timing-function:cubic-bezier(.455,.03,.515,.955);transition-timing-function:cubic-bezier(.455,.03,.515,.955)}[data-aos^=fade][data-aos^=fade]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=fade][data-aos^=fade].aos-animate{opacity:1;-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=fade-up]{-webkit-transform:translate3d(0,100px,0);transform:translate3d(0,100px,0)}[data-aos=fade-down]{-webkit-transform:translate3d(0,-100px,0);transform:translate3d(0,-100px,0)}[data-aos=fade-right]{-webkit-transform:translate3d(-100px,0,0);transform:translate3d(-100px,0,0)}[data-aos=fade-left]{-webkit-transform:translate3d(100px,0,0);transform:translate3d(100px,0,0)}[data-aos=fade-up-right]{-webkit-transform:translate3d(-100px,100px,0);transform:translate3d(-100px,100px,0)}[data-aos=fade-up-left]{-webkit-transform:translate3d(100px,100px,0);transform:translate3d(100px,100px,0)}[data-aos=fade-down-right]{-webkit-transform:translate3d(-100px,-100px,0);transform:translate3d(-100px,-100px,0)}[data-aos=fade-down-left]{-webkit-transform:translate3d(100px,-100px,0);transform:translate3d(100px,-100px,0)}[data-aos^=zoom][data-aos^=zoom]{opacity:0;-webkit-transition-property:opacity,-webkit-transform;transition-property:opacity,-webkit-transform;-o-transition-property:opacity,transform;transition-property:opacity,transform;transition-property:opacity,transform,-webkit-transform}[data-aos^=zoom][data-aos^=zoom].aos-animate{opacity:1;-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}[data-aos=zoom-in]{-webkit-transform:scale(.6);-ms-transform:scale(.6);transform:scale(.6)}[data-aos=zoom-in-up]{-webkit-transform:translate3d(0,100px,0) scale(.6);transform:translate3d(0,100px,0) scale(.6)}[data-aos=zoom-in-down]{-webkit-transform:translate3d(0,-100px,0) scale(.6);transform:translate3d(0,-100px,0) scale(.6)}[data-aos=zoom-in-right]{-webkit-transform:translate3d(-100px,0,0) scale(.6);transform:translate3d(-100px,0,0) scale(.6)}[data-aos=zoom-in-left]{-webkit-transform:translate3d(100px,0,0) scale(.6);transform:translate3d(100px,0,0) scale(.6)}[data-aos=zoom-out]{-webkit-transform:scale(1.2);-ms-transform:scale(1.2);transform:scale(1.2)}[data-aos=zoom-out-up]{-webkit-transform:translate3d(0,100px,0) scale(1.2);transform:translate3d(0,100px,0) scale(1.2)}[data-aos=zoom-out-down]{-webkit-transform:translate3d(0,-100px,0) scale(1.2);transform:translate3d(0,-100px,0) scale(1.2)}[data-aos=zoom-out-right]{-webkit-transform:translate3d(-100px,0,0) scale(1.2);transform:translate3d(-100px,0,0) scale(1.2)}[data-aos=zoom-out-left]{-webkit-transform:translate3d(100px,0,0) scale(1.2);transform:translate3d(100px,0,0) scale(1.2)}[data-aos^=slide][data-aos^=slide]{-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}[data-aos^=slide][data-aos^=slide].aos-animate{-webkit-transform:translateZ(0);transform:translateZ(0)}[data-aos=slide-up]{-webkit-transform:translate3d(0,100%,0);transform:translate3d(0,100%,0)}[data-aos=slide-down]{-webkit-transform:translate3d(0,-100%,0);transform:translate3d(0,-100%,0)}[data-aos=slide-right]{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0)}[data-aos=slide-left]{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0)}[data-aos^=flip][data-aos^=flip]{-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform}[data-aos=flip-left]{-webkit-transform:perspective(2500px) rotateY(-100deg);transform:perspective(2500px) rotateY(-100deg)}[data-aos=flip-left].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-right]{-webkit-transform:perspective(2500px) rotateY(100deg);transform:perspective(2500px) rotateY(100deg)}[data-aos=flip-right].aos-animate{-webkit-transform:perspective(2500px) rotateY(0);transform:perspective(2500px) rotateY(0)}[data-aos=flip-up]{-webkit-transform:perspective(2500px) rotateX(-100deg);transform:perspective(2500px) rotateX(-100deg)}[data-aos=flip-up].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)}[data-aos=flip-down]{-webkit-transform:perspective(2500px) rotateX(100deg);transform:perspective(2500px) rotateX(100deg)}[data-aos=flip-down].aos-animate{-webkit-transform:perspective(2500px) rotateX(0);transform:perspective(2500px) rotateX(0)} /* End */ /* Start:/local/templates/general/assets/lib/slick.css?16843131961776*/ /* 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/general/assets/css/custom.css?174920702330815*/ .catalog-item.double_image .catalog-item__image-link img:first-child, .product_img.double_image .product-preview__big-images img:first-child, .related__slider-item.double_image a img:first-child, .product_img.double_image .product-preview__small-images img:first-child { transform: rotateY(180deg); margin-right: -5px; } .product_img.double_image .product-preview__big-images img:first-child { margin-right: -20px; } .related__slider-item.double_image a, .product_img.double_image .product-preview__small-images { display: flex; align-items: center; justify-content: center; } .catalog-item.double_image .catalog-item__image-link img, .product_img.double_image .product-preview__big-images img, .product_img.double_image .product-preview__small-images, .related__slider-item.double_image a img { width: 50% !important; object-fit: cover; } @media screen and (min-width: 768px) { .catalog-item.double_image .catalog-item__image-link { width: 240px; } } .product_img .product-preview__door-image { margin: 0; } .product_img.double_image .product-preview__small-images { margin: 0 auto; } @media screen and (max-width: 600px) { .related__slider-item { margin: 0; } } @media (max-width: 768px) { .catalog-item a.catalog-item__image-link { justify-content: center; } } @media (max-width: 600px) { .product_view { flex-wrap: wrap; padding: 0 15px; } .product_img, .product_params, .product_order { width: 100%; } } .header-b2b__content > br { display: none; } .subscribe_button { display: block !important; background-color: white !important; height: 36px !important; margin-right: 0 !important; padding: 0 10px !important; font: 16px / normal "Open Sans", sans-serif; letter-spacing: unset; } .tooltip-link.tooltip-bottom { display: initial; } .section-image__list { margin-bottom: 40px; } .catalog__sort-links { margin-bottom: 15px; } .product_params > a { clear: left; } @media screen and (max-width: 768px) { .product_view { padding-top: 30px !important; } } @media screen and (max-width: 479px) { .catalog .catalog-item__image { max-height: 220px; } } .pagination__nav { font-size: 12px; } .pagination__item { width: 25px; margin: 0 4px; } @media screen and (max-width: 767px) { .pagination { display: flex; flex-wrap: wrap; justify-content: center; flex-direction: column; } } .news__item:first-child { height: auto; } @media screen and (max-width: 991px) { .pagination { display: flex !important; } } @media screen and (min-width: 992px) { .news__item:first-child .news__text-container { position: relative; background-color: transparent; padding: 0; } .news__item:first-child { height: 100%; } .news__item:first-child .news__image { height: 520px; } .news__item:first-child .news__text { color: #777; margin-top: 12px; } } @media (max-width: 768px) { #navCarousel .carousel__button { width: var(--carousel-button-width, 30px); height: var(--carousel-button-height, 30px); } } @media (max-width: 600px) { .card-projects__doors .catalog-item.similar { min-height: 100% !important; height: 100% !important; } } .tooltip1 .tooltiptext { width: 150px; } .product-filter-price-tabs__configure.fa.fa-angle-down.js-accordion__toggler { left: 11px; top: 9px; } /* */ .text-content .table-wrapper { display: block; } table { width: 100%; max-width: 960px; margin: 0 auto; border-collapse: separate; border-spacing: 0; } tbody tr:first-child { background-color: #ece9e9; } th, td { /* cell */ padding: 0.75rem; font-size: 0.9375rem; font-weight: 600; text-align: center; } th { /* header cell */ font-weight: 700; text-align: left; color: #272838; border-bottom: 2px solid #eb9486; position: sticky; top: 0; background-color: #f9f8f8; } td { color: #7e7f9a; } td p::first-letter { text-transform: uppercase; } @media screen and (max-width: 991px) { .text-content .table-wrapper { display: contents; } } @media screen and (max-width: 991px) { /*fix filter*/ .bx-filter-container-modef { display: none; } } .breadcrumbs__item a { color: #ff652e; } .breadcrumbs__item:not(:last-child):after { color: #ff652e; } /* иконки в карточке товаров start */ .product-top__title-inner { display: flex; justify-content: space-between; flex-wrap: wrap; } .icon-best { display: flex; } .icon-best img { margin-bottom: 0; } .icon-tooltip { margin-right: 5px; cursor: pointer; } .icon-tooltip:last-child { margin-right: 0px; } div.icon-tooltip .icon-tooltip-text { display: none; padding: 2px 3px; margin-left: 8px; width: 260px; cursor: pointer; font-size: 14px; line-height: 24px; } div.icon-tooltip:hover .icon-tooltip-text { display: inline; position: absolute; background: #ffffff; border: 1px solid #cccccc; color: #000; padding: 10px 25px; top: 45px; right: 35px; z-index: 5; } div.icon-tooltip:nth-child(2):hover .icon-tooltip-text { display: inline; position: absolute; background: #ffffff; border: 1px solid #cccccc; color: #000; padding: 10px 25px; top: 45px; right: 0px; z-index: 5; } div.icon-tooltip:last-child:hover .icon-tooltip-text { display: inline; position: absolute; background: #ffffff; border: 1px solid #cccccc; color: #000; padding: 10px 25px; top: 45px; right: -10px; z-index: 5; } @media screen and (max-width: 991px) { .icon-best { margin-top: 10px; } } /* иконки в карточке товаров end */ @media screen and (min-width: 1921px) { .header-catalog-menu__item { font-size: 16px; } } #filter_MINIMUM_PRICE { display: none; } #filter_MAXIMUM_PRICE { display: none; } .related__container { max-height: unset; } .related__slider .owl-item { padding: 0 10px 20px; } .related__slider-item { position: relative; width: 100%; padding-top: 109%; margin: 0; } .related__slider-item a { position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: flex; justify-content: center; } .related__slider .related__slider-item img { height: 100%; width: auto; margin: 0; object-fit:contain; } /* стили для магазинов start*/ .stores__title { display: flex; } .stores__title img { width: 22px; height: 22px; margin-right: 5px; } .stores__item-line { width: 100%; height: 2px; background-color: #efefef; margin-top: 45px; } /* стили для магазинов end*/ @media screen and (max-width: 600px) { .catalog-categories__item { width: 100%; } } /*stars*/ .common-rating { display: flex; margin-top: 10px; align-items: center; gap: 3px; } @media (max-width: 768px) { .common-rating { justify-content: center; } } div#wd_reviews2_rating_element_6052 { display: flex; } .common-rating img { margin-bottom: 0; width: 16px; height: 16px; } .common-rating div { display: flex; } #wdr2_add_form_1 .common-rating { margin-top: 0; } #wdr2_add_form_1 .fields { max-width: 600px; } /* стили для виджета всплывающего окна «файлы cookie» start*/ .sc-widget { padding: 10px !important; } .sc-widget__button { height: 26px !important; font-weight: 400 !important; text-transform: inherit !important; } @media (max-width: 768px) { .sc-widget__text { margin-bottom: 10px !important; padding: 0 !important; } } /* стили для виджета всплывающего окна «файлы cookie» end*/ /* стили для кнопак в хедер start*/ @media screen and (max-width: 328px) { .content-container { -webkit-flex-wrap: inherit !important; -ms-flex-wrap: inherit !important; flex-wrap: inherit !important; } } @media screen and (max-width: 991px) { .header-fixed .contacts__button--master.button-measuring { height: 35px !important; } } /* стили для кнопак в хедер end*/ /* карточка start*/ .breadcrumbs__item { min-width: fit-content !important; } .breadcrumbs__list { flex-wrap: nowrap !important; overflow: auto !important; padding-bottom: 5px !important; } .breadcrumbs::-webkit-scrollbar { height: 6px !important; } .product-top .content-container { padding: 0 !important; } .product-top__title-container { padding-left: 0 !important; padding-right: 0 !important; } @media (max-width: 1024px) { .promo-banner__wrapper { padding-top: 10px !important; padding-bottom: 10px !important; } .promo-banner__title { font-size: 14px !important; } .promo-banner__text { font-size: 12px !important; } .countdown-amount { font-size: 16px !important; } .countdown-row { height: 36px !important; } } /* карточка start*/ @media screen and (max-width: 768px) { .header .container { padding: 0 24px; } } @media screen and (max-width: 1024px) { body .dropdown-head { gap: 10px; } } .header-search__input { margin-top: 0; } .header-bottom__menu-item, .header-mobile__links-item, .header-mobile__nav-item-icon, .header-dropdown__menu-sidebar-item, .header-dropdown__menu-sidebar-icon, .header-socmedia__item, .header-dropdown__menu-main-group-item, .header-dropdown__menu-main-group-icon, .dropdown-item { margin-bottom: 0; } .header-contacts__phone-button { display: inline-block; text-align: center; } .header-contacts__title, .header-contacts__link, .header-bottom__button-text, .header-contacts__text { line-height: 115%; } .sidebar, .catalog__filter-link { z-index: 9; } .header-mobile__dropdown-menu::-webkit-scrollbar { width: 0px; } .main-content { display: block; padding-top: var(--header-height); } .header { background: transparent; } .catalog--main .catalog-item:hover { z-index: 2; } .feedback__inner { z-index: 1; } .bx-filter-container-modef { display: inline; } .content-container ul:not(.breadcrumbs__list) { padding-left: 2em; } .content-container p { margin-bottom: 1.1em; } .content-container ul:not(.breadcrumbs__list) li:before { content: ""; position: absolute; display: block; width: 4px; height: 4px; border-radius: 50%; background-color: #777; top: 0.77em; left: -1em; margin-top: -3px; } .content-container .catalog__sort-links ul .catalog-sort-popup__item:before, .content-container ul.product-info-parameters__list .product-info-parameters__item:before, .content-container ul.howitworks li:before, .content-container ul.gallery li:before, .content-container #all_characteristic ul li.product-info-availability__item:before, .content-container .catalog__topbar ul.catalog-categories__list li.catalog-categories__item:before, .content-container ul.about-numbers__list-left li.about-numbers__item:before, .content-container ul.about-numbers__list-right li.about-numbers__item:before, .content-container ul.about-advantages__doors-list li.about-advantages__doors-list-item:before, .content-container ul.about-advantages__hardware li.about-advantages__hardware-item:before, .content-container ul.about-custom__desc li.about-custom__desc-item:before, .content-container ul.about-special__gallery li.about-special__gallery-item:before, .content-container ul.about-special__category li.about-special__category-item:before, .content-container ul.about-partners__list li.about-partners__list-item:before { display: none; } .content-container ul.about-advantages__doors-list-data { padding-left: 0; } .feedback-form__row input, .feedback-form__row textarea { display: block; width: 100%; color: #222227; outline: 0; border: 1px solid #bdbdbd; background-color: #fff; font: 16px/normal "Open Sans", sans-serif; padding: 0 10px; border-radius: 6px; } .product-info-availability__item .product-info-availability__link button.ajax-form, .basket__float button.btn { display: inline-block; height: 35px; outline: 0; border: 1px solid #ff652e; background-color: #ff652e; font: 14px/33px "Open Sans", sans-serif; padding: 0 20px; color: #fff; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; cursor: pointer; text-decoration: none; text-align: center; position: relative; transition: all .25s linear; border-radius: 8px; } .product-info-availability__item .product-info-availability__link button.ajax-form:hover, .basket__float button.btn:hover { background-color: #ee490e; color: #fff; border-color: #ee490e; } .basket_order .basket_order__descr input { display: block; width: 100%; color: #222227; height: 36px; outline: 0; border: 1px solid red; background-color: #fff; font: 16px/normal "Open Sans", sans-serif; padding: 0 10px; border-radius: 6px; } .basket_order .basket_order__descr .bx-sls input.bx-ui-sls-fake, .basket_order .basket_order__descr .bx-sls input.bx-ui-sls-route { position: absolute !important; top: 0; left: 0; color: #000 !important; opacity: 1 !important; background: transparent !important; border: none !important; box-shadow: none !important; padding: 0 22px 0 0 !important; background-position: right 1px; background-repeat: no-repeat; font-family: var(--ui-font-family-primary, var(--ui-font-family-helvetica)); font-size: 14px; height: 33px; width: 100%; outline: 0; z-index: 10; } /* .promo-banner__wrapper { padding-top: 10px !important; padding-bottom: 10px !important; } .promo-banner__title { font-size: 14px!important; } .promo-banner__text { font-size: 12px!important; } .countdown-amount { font-size: 16px!important; } .countdown-row {height: 36px!important;} } /* карточка start*//* @media screen and (max-width: 991px) { .mobnav_popup {right: 0!important;left: -50%!important;} .tooltip:after {left: 75%!important;} } */ .offers-show .total-price_old { text-decoration: line-through; } .container { width: 100%; max-width: 1440px; margin: 0 auto; padding: 0 20px; } .section-margin { margin-bottom: 60px; margin-top: 90px; } .section-head { display: flex; flex-direction: column; align-items: flex-start; } .section-head__title { font-family: "Roboto", sans-serif; font-size: 12px; font-style: normal; font-weight: 700; line-height: 18px; color: #FFA483; margin: 0; text-transform: none; } .section-head__subtitle { font-family: "Roboto", sans-serif; font-size: 30px; font-style: normal; font-weight: 700; line-height: 45px; color: #222227; margin: 0; text-transform: none; } @media screen and (max-width: 768px) { .section-margin { margin-bottom: 28px; margin-top: 0px; } .section-head__subtitle { font-size: 20px; line-height: 30px; } } .under-order .text.text-content .content-container { max-width: 100% !important; padding: 0 !important; margin: 0 !important; } .page-banner { position: relative; min-height: 660px; display: flex; align-items: center; } .page-banner__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .page-banner__bg img { object-fit: cover; object-position: center; width: 100%; height: 100%; } .page-banner__container { position: relative; min-height: 100%; display: flex; align-items: center; justify-content: space-between; gap: 50px; } .page-banner__content { max-width: 550px; display: flex; flex-direction: column; align-items: flex-start; gap: 24px; padding: 40px 0; } .page-banner__img { width: 50%; max-height: 665px; margin-top: auto; transform: translateY(60px); } .page-banner__img img { object-fit: contain; object-position: right bottom; width: 100%; height: 100%; } .page-banner__title { font-family: "Roboto", sans-serif; font-size: 48px; font-style: normal; font-weight: 700; line-height: 56px; text-transform: none; margin: 0; color: #222227; } .page-banner__text { font-family: "Roboto", sans-serif; margin: 0 !important; font-size: 18px; font-style: italic; font-weight: 400; line-height: 27px; color: #222227; } .page-banner__title .underline { display: inline-block; background: linear-gradient(180deg, transparent 0%, transparent 60%, #FF652E 60%, #FF652E 100%); } .page-banner .button { font-size: 18px; font-style: normal; font-weight: 600; line-height: 24px; padding: 18px 20px; height: fit-content; white-space: normal; } @media screen and (max-width: 1024px) { .page-banner { min-height: 540px; } .page-banner__title { font-size: 42px; } .page-banner__text { font-size: 16px; } } @media screen and (max-width: 900px) { .page-banner__img { display: none; } } @media screen and (max-width: 500px) { .page-banner__content { align-items: center; } .page-banner__title { text-align: center; } .page-banner__text { text-align: center; } } @media screen and (max-width: 400px) { .page-banner__title { font-size: 38px; } .page-banner .button { font-size: 16px; } } /* CATALOG */ .catalog__container { display: flex; flex-direction: column; gap: 48px; } .catalog-list { width: 100%; display: grid; grid-template-columns: repeat(12, 1fr); } .catalog-list-item { width: 100%; height: 100%; grid-column: span 3; display: flex; flex-direction: column; align-items: center; gap: 24px; padding: 24px; border: 1px solid transparent; border-top: 1px solid #E2DBD5; border-right: 1px solid #E2DBD5; } @media (hover: hover) { .catalog-list-item:hover { border-color: #FF652E !important; } .catalog-list-item:hover .catalog-list-item__title { color: #FF652E; } .catalog-list-item:hover .catalog-list-item__img { transform: scale(1.05); } } @media screen and (min-width: 1025px) { .catalog-list-item:nth-child(1), .catalog-list-item:nth-child(2), .catalog-list-item:nth-child(3), .catalog-list-item:nth-child(4) { border-top-color: transparent; } .catalog-list-item:nth-child(7n + 4), .catalog-list-item:nth-child(7n + 7) { border-right-color: transparent; } .catalog-list-item:nth-child(7n + 5), .catalog-list-item:nth-child(7n + 6), .catalog-list-item:nth-child(7n + 7) { grid-column: span 4; } } @media (min-width: 601px) and (max-width: 1024px) { .catalog-list-item:nth-child(1), .catalog-list-item:nth-child(2), .catalog-list-item:nth-child(3) { border-top-color: transparent; } .catalog-list-item:nth-child(7n + 4), .catalog-list-item:nth-child(7n + 5), .catalog-list-item:nth-child(7n + 6), .catalog-list-item:nth-child(7n + 7) { grid-column: span 6; } .catalog-list-item:nth-child(3), .catalog-list-item:nth-child(5), .catalog-list-item:nth-child(7) { border-right-color: transparent; } } .catalog-list-item__img { height: 380px; width: 100%; transition: .3s; } .catalog-list-item__img img { object-fit: contain; object-position: center; width: 100%; height: 100%; } .catalog-list-item__title { font-family: "Roboto", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 30px; text-transform: uppercase; text-align: center; color: #222227; transition: .3s; } @media screen and (max-width: 1280px) { .catalog-list-item__title { font-size: 16px; line-height: normal; } .catalog-list-item__img { height: 300px; } } @media screen and (max-width: 1024px) { .catalog-list-item { grid-column: span 4; } } @media screen and (max-width: 768px) { .catalog__container { gap: 24px; } .catalog-list-item { padding: 24px 0; } .catalog-list-item__title { font-size: 14px; } .catalog-list-item__img { height: 225px; } } @media screen and (max-width: 600px) { .catalog-list-item { grid-column: span 6; order: 0; } .catalog-list-item:nth-child(5) { order: 3; } .catalog-list-item:nth-child(6) { order: 1; } .catalog-list-item:nth-child(1n + 7) { order: 3; } .catalog-list-item:nth-child(7n + 1), .catalog-list-item:nth-child(7n + 2) { border-top-color: transparent; } .catalog-list-item:nth-child(7n + 2), .catalog-list-item:nth-child(7n + 4), .catalog-list-item:nth-child(7n + 6), .catalog-list-item:nth-child(7n + 7) { border-right-color: transparent; } .catalog-list-item:nth-child(7n + 6) { grid-column: span 12; } .catalog-list-item:nth-child(7n + 6) .catalog-list-item__img { height: 394px; } } .advantages { padding: 60px 0; background-color: #F7F7F7; } .advantages__container { display: flex; flex-direction: column; gap: 48px; } .advantages__list { display: grid; grid-template-columns: repeat(12, 1fr); gap: 48px 60px; } .advantages-item { width: 100%; height: 100%; display: flex; align-items: center; gap: 24px; background-color: #fff; border-radius: 12px; padding: 32px; overflow: hidden; grid-column: span 4; } .advantages-item:nth-child(5n + 4), .advantages-item:nth-child(5n + 5) { grid-column: span 6; } .advantages-item__icon { flex: none; width: 45px; height: 45px; } .advantages-item__icon img { object-fit: contain; object-position: center; width: 100%; height: 100%; } .advantages-item__container { display: flex; flex-direction: column; align-items: flex-start; gap: 6px; } .advantages-item__title { font-family: "Roboto", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.5em; text-transform: uppercase; color: #222227; } .advantages-item__text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.8em; } @media screen and (max-width: 1280px) { .advantages__list { gap: 38px; } } @media screen and (max-width: 1024px) { .advantages-item { grid-column: span 6; } } @media screen and (max-width: 768px) { .advantages { padding: 28px 0; } .advantages__container { gap: 24px; } .advantages__list { display: flex; flex-direction: column; align-items: stretch; gap: 24px; } .advantages-item { padding: 24px; } .advantages-item__title { font-size: 14px; } } /* PORTFOLIO */ .portfolio__container { display: flex; flex-direction: column; gap: 48px; } .portfolio__list { width: 100%; display: flex; align-items: stretch; gap: 24px; flex-wrap: wrap; } .portfolio__img { height: 578px; border-radius: 12px; overflow: hidden; } .portfolio__img:nth-child(10n + 1) { width: 38%; } .portfolio__img:nth-child(10n + 2) { width: 29.28%; } .portfolio__img:nth-child(10n + 3) { flex: 1; } .portfolio__img:nth-child(10n + 4) { width: 55.92%; } .portfolio__img:nth-child(10n + 5) { flex: 1; } .portfolio__img:nth-child(10n + 6) { width: 47.85%; } .portfolio__img:nth-child(10n + 7) { flex: 1; min-width: 40%; } .portfolio__img:nth-child(10n + 8) { width: 33.92%; } .portfolio__img:nth-child(10n + 9) { width: 33.92%; } .portfolio__img:nth-child(10n + 10) { flex: 1; } .portfolio__img img { object-fit: cover; object-position: center; width: 100%; height: 100%; } @media screen and (max-width: 1400px) { .portfolio__img { height: calc(100vw / 1440 * 10 * 57.8); } .portfolio__img:nth-child(10n + 1) { height: calc(100vw / 1440 * 10 * 50); } .portfolio__img:nth-child(10n + 2) { height: calc(100vw / 1440 * 10 * 50); } .portfolio__img:nth-child(10n + 3) { height: calc(100vw / 1440 * 10 * 50); } } @media screen and (max-width: 768px) { .portfolio__container { gap: 24px; } .portfolio__img { flex: 1; min-width: 40%; aspect-ratio: 34 / 35; } .portfolio__img:nth-child(1n + 1) { height: auto; } } @media screen and (max-width: 600px) { .portfolio__list { flex-direction: column; } .portfolio__img:nth-child(1n + 1) { flex: none; width: 100%; } } /* ABOUT */ .about.portfolio { padding: 0; } .about__container { display: flex; align-items: stretch; gap: 60px; } .about__video { flex: none; width: 550px; max-width: 100%; height: fit-content; aspect-ratio: 550 / 383; border-radius: 12px; overflow: hidden; } .about__video iframe, .about__video img, .about__video video { object-fit: contain; object-position: center; width: 100%; height: 100%; } .about__content { flex: 1; height: auto; padding: 24px 48px; border-radius: 12px; background-color: #EEE9E5; display: flex; flex-direction: column; justify-content: center; gap: 12px; } .about__title { font-family: "Roboto", sans-serif; font-size: 20px; font-style: normal; font-weight: 700; line-height: 1.5em; text-transform: uppercase; color: #222227; margin: 0; } .about__text { font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.87em; color: #222227; } .about__text p { margin: 0; } @media screen and (max-width: 1280px) { .about__container { gap: 24px; } .about__content { padding: 24px; } } @media screen and (max-width: 1024px) { .about__container { flex-direction: column; } } @media screen and (max-width: 768px) { .about__video { width: 100%; } } /* ORDER */ .order-steps__list { width: 100%; display: grid; grid-template-columns: repeat(5, 1fr); gap: 24px 0; } .order-steps-item { display: flex; flex-direction: column; align-items: center; gap: 12px; position: relative; } .order-steps-item:not(:last-child)::after { content: ""; width: 100px; height: 30px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='16' viewBox='0 0 102 16' fill='none'%3E%3Cpath d='M101.198 2.54068C101.451 2.6498 101.568 2.9439 101.459 3.19757L99.6811 7.33134C99.572 7.58501 99.2779 7.70219 99.0242 7.59307C98.7706 7.48396 98.6534 7.18986 98.7625 6.93619L100.343 3.26172L96.6686 1.68112C96.415 1.57201 96.2978 1.27791 96.4069 1.02424C96.516 0.770571 96.8101 0.653389 97.0638 0.762506L101.198 2.54068ZM1.20447 2.54371C20.0094 10.9708 34.8462 14.9624 49.9932 14.8623C65.1461 14.7622 80.6576 10.5671 100.815 2.5355L101.185 3.46448C80.9854 11.513 65.3373 15.7609 49.9998 15.8623C34.6562 15.9637 19.6714 11.9152 0.795527 3.45627L1.20447 2.54371Z' fill='%23E2DBD5'/%3E%3C/svg%3E"); background-position: center; background-repeat: no-repeat; background-size: contain; position: absolute; right: 0; top: 60px; transform: translateX(50%); } .order-steps-item:nth-child(2n + 1)::after { transform: translateX(50%) scaleY(-1); } .order-steps-item__icon { flex: none; width: 112px; height: 112px; border-radius: 50%; background-color: #FF652E; display: flex; align-items: center; justify-content: center; } .order-steps-item__icon img { object-position: center; object-fit: contain; width: 45px; height: 45px; } .order-steps-item__num { color: #222227; text-align: center; font-family: "Roboto", sans-serif; font-size: 24px; font-style: normal; font-weight: 700; line-height: 1.5em; } .order-steps-item__text { color: #222227; text-align: center; font-size: 16px; font-style: normal; font-weight: 400; line-height: 1.87em; margin: 0 !important; } @media screen and (max-width: 1280px) { .order-steps-item:not(:last-child)::after { width: 80px; } } @media screen and (max-width: 1024px) { .order-steps__list { grid-template-columns: repeat(3, 1fr); } .order-steps-item:nth-child(3n + 3)::after { content: none; } } @media screen and (max-width: 768px) { .order-steps__list { grid-template-columns: repeat(2, 1fr); } .order-steps-item:nth-child(2n + 2)::after { content: none; } .order-steps-item:nth-child(3n + 3)::after { content: ""; } } @media screen and (max-width: 600px) { .order-steps__list { grid-template-columns: 1fr; } .order-steps-item:nth-child(2n + 2)::after { content: ""; } .order-steps-item:not(:last-child)::after { width: 100%; height: 50px; position: static; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='51' viewBox='0 0 16 51' fill='none'%3E%3Cpath d='M7.29289 50.7071C7.68342 51.0976 8.31658 51.0976 8.7071 50.7071L15.0711 44.3431C15.4616 43.9526 15.4616 43.3195 15.0711 42.9289C14.6805 42.5384 14.0474 42.5384 13.6569 42.9289L8 48.5858L2.34314 42.9289C1.95262 42.5384 1.31945 42.5384 0.92893 42.9289C0.538406 43.3195 0.538406 43.9526 0.92893 44.3431L7.29289 50.7071ZM7 -4.37114e-08L7 50L9 50L9 4.37114e-08L7 -4.37114e-08Z' fill='%23E2DBD5'/%3E%3C/svg%3E"); transform: none; margin-top: 12px; } .order-steps-item__icon { width: 90px; height: 90px; } } .old-price .catalog-item-price__number, .justoffer .catalog-item-price__number{ color: #595959; font-size: 15px; } .old-price .catalog-item-price__badge, .justoffer .catalog-item-price__badge{ font-size: 15px; } .main-content.under-order .text__content{ padding: 0; } /* End */ /* Start:/local/templates/general/assets/css/main.css?17007496923168*/ @charset "UTF-8";/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */html{line-height:1.15;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,footer,header,nav,section{display:block}h1{font-size:2em;margin:.67em 0}figcaption,figure,main{display:block}figure{margin:1em 40px}hr{-webkit-box-sizing:content-box;box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace,monospace;font-size:1em}a{display:inline-block;background-color:transparent;-webkit-text-decoration-skip:objects}span{display:inline-block}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:inherit}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:1em}dfn{font-style:italic}mark{background-color:#ff0;color:#000}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}audio,video{display:inline-block}audio:not([controls]){display:none;height:0}img{border-style:none}svg:not(:root){overflow:hidden}button{cursor:pointer}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;background:initial;border:0}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{-webkit-box-sizing:border-box;box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{display:inline-block;vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{-webkit-box-sizing:border-box;box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-cancel-button,[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}details,menu{display:block}summary{display:list-item}canvas{display:inline-block}template{display:none}[hidden]{display:none}ol,ul{padding:0;margin:0}ol li,ul li{list-style:none}p{margin:0}*{-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}picture{display:block;width:100%;height:100%}.form-item__name{margin-bottom:12px}.form-item__name .h4,.form-item__name h4{margin:0;color:#40404b}.form-item__field{display:block;width:100%;padding:0 0 8px;color:#6f6f78;border-bottom:1px solid #7d7d7d;-webkit-transition:border-color .3s ease-in-out;-o-transition:border-color .3s ease-in-out;transition:border-color .3s ease-in-out;line-height:192%;font-size:.75rem;border-radius:0}.form-item.invalid .form-item__field{border-color:#ee490e}.form-item textarea{resize:none} /* End */ /* Start:/local/templates/general/assets/css/critical.css?174920750529442*/ @charset "UTF-8";@font-face{font-family:roboto;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/black_roboto.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/black_roboto.woff2) format("woff2");font-weight:900;font-style:normal}@font-face{font-family:opensans;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/bold_OpenSans.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/bold_OpenSans.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:opensans;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/light_OpenSans.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/light_OpenSans.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:roboto;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/bold_roboto.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/bold_roboto.woff2) format("woff2");font-weight:700;font-style:normal}@font-face{font-family:opensans;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/extrabold_OpenSans.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/extrabold_OpenSans.woff2) format("woff2");font-weight:800;font-style:normal}@font-face{font-family:roboto;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/light_roboto.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/light_roboto.woff2) format("woff2");font-weight:300;font-style:normal}@font-face{font-family:roboto;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/medium_roboto.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/medium_roboto.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:opensans;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/medium_OpenSans.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/medium_OpenSans.woff2) format("woff2");font-weight:500;font-style:normal}@font-face{font-family:opensans;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/regular_OpenSans.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/regular_OpenSans.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:opensans;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/semibold_OpenSans.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/semibold_OpenSans.woff2) format("woff2");font-weight:600;font-style:normal}@font-face{font-family:roboto;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/thin_roboto.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/thin_roboto.woff2) format("woff2");font-weight:100;font-style:normal}@font-face{font-family:roboto;font-display:swap;src:url(/local/templates/general/assets/css/../fonts/regular_roboto.woff) format("woff"),url(/local/templates/general/assets/css/../fonts/regular_roboto.woff2) format("woff2");font-weight:400;font-style:normal}.header-basket{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:6px 0 6px 10px;border-left:1px solid rgba(0,0,0,.1019607843);color:#444;fill:#ff652f}.header-basket__icon{width:28px;height:28px}.header-basket__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:2px}.header-basket__title{font-weight:600;font-size:.75rem}.header-basket__count{font-size:.625rem}.header-socmedia{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.header-socmedia__link{display:block;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-socmedia__icon{display:block;width:32px;height:32px;-webkit-filter:invert(24%) sepia(3%) saturate(2484%) hue-rotate(202deg) brightness(88%) contrast(86%);filter:invert(24%) sepia(3%) saturate(2484%) hue-rotate(202deg) brightness(88%) contrast(86%)}.header-search{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;max-width:350px;border:1px solid #ff652f;border-radius:8px;font-size:.75rem;line-height:240%;overflow:hidden}.header-search__input{display:block;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;padding:4px 15px;line-height:240%}.header-search__input::-webkit-input-placeholder{color:#666}.header-search__input:-moz-placeholder{color:#666}.header-search__input::-moz-placeholder{color:#666}.header-search__input:-ms-input-placeholder{color:#666}.header-search__button{padding:4px 20px;background:#ff652f;color:#fff;cursor:pointer;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-contacts{display:-webkit-box;display:-ms-flexbox;display:flex;gap:10px}.header-contacts__title{margin-bottom:2px;font-size:.75rem;color:#666}.header-contacts__group{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.header-contacts__item{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1}.header-contacts__item-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:10px}.header-contacts__item-dropdown{width:100%;padding-top:15px;padding-bottom:15px;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out}.header-contacts__item-dropdown-list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:15px;padding:0 10px}.header-contacts__item-dropdown-list-item:not(:last-child){padding-bottom:15px;border-bottom:1px solid rgba(0,0,0,.1019607843)}.header-contacts__item-dropdown-link{text-align:center}.header-contacts__item-content{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:25px}.header-contacts__item-dropdown,.header-contacts__item-head{border:1px solid rgba(0,0,0,.1019607843);border-radius:8px;background:#fff}.header-contacts__item-button{margin-left:10px;padding:0;display:block;background:rgba(237,111,65,.1);border-radius:2px;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.header-contacts__item-button .icon{display:block;width:16px;height:16px}.header-contacts__item--has-dropdown{position:relative}.header-contacts__item._active .header-contacts__item-button{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.header-contacts__text{font-size:.75rem}.header-contacts__place{display:-ms-grid;display:grid}.header-contacts__place-item{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:5px;font-size:.9rem;color:#000;line-height:135%}.header-contacts__place-title{font-weight:700}.header-contacts__adress{font-weight:600;font-size:.875rem;color:#ff652f}.header-contacts__phone-icon{width:28px;height:28px;fill:#ff652f}.header-contacts__phone-text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:4px}.header-contacts__phone-button{padding:7px 14px 8px;border-radius:8px;font-size:.875rem;line-height:100%;background-color:#ff652f;color:#fff;cursor:pointer;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-contacts__link{white-space:nowrap;font-weight:700;font-size:1rem;color:#ff652f;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-contacts__button{padding:0 15px;border-radius:8px;font-weight:600;font-size:.75rem;line-height:240%;color:#fff;background:#ff652f;cursor:pointer;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-lang__text{line-height:240%;color:inherit}.dropdown-container{position:relative}.dropdown-container._active .dropdown-button{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.dropdown-head{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:5px;cursor:pointer}.dropdown-button{display:block;padding:0;fill:#40404b;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.dropdown-button .icon{display:block;width:16px;height:16px}.dropdown-body::before{position:absolute;display:block;top:-4px;width:5px;height:5px;border-left:1px solid rgba(0,0,0,.1019607843);border-top:1px solid rgba(0,0,0,.1019607843);background:#fff;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}.dropdown-body::after{position:absolute;left:0;bottom:100%;width:100%;height:6px}.dropdown-body--left{left:-15px}.dropdown-body--left::before{left:20px}.dropdown-body--right{right:-15px}.dropdown-body--right::before{right:20px}.dropdown-link{display:block;padding:10px 18px;font-size:.8125rem;color:#777}.header{--sidebar-width:360px;position:fixed;left:0;top:0;width:100%;z-index:10;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.header-container{max-width:1440px;margin:0 auto;padding:0 20px}.header-top{position:relative;padding:4px 0;font-size:.9rem;color:#40404b;background-color:#f4f4f4;z-index:2}.header-top__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.header-top .header-socmedia{margin:0 auto}.header-top .header-lang{margin:0 30px}.header-middle{position:relative;z-index:1;padding:20px 0;background:#fff}.header-middle__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:20px}.header-middle .header-search{margin:0 auto}.header-bottom{padding:6px 0;background:#ff652f;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-box-shadow:0 4px 8px 0 rgba(34,60,80,.2);box-shadow:0 4px 8px 0 rgba(34,60,80,.2)}.header-bottom__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:25px;justify-content:space-around}.header-bottom__button{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:8px 20px;border-radius:8px;font-weight:700;font-size:.9375rem;text-transform:uppercase;color:#ff652f;background:#fff;cursor:pointer;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-bottom__button::before{content:"";position:absolute;left:0;top:100%;width:100%;height:11px}.header-bottom__menu{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:40px}.header-bottom__menu-link{font-size:1rem;line-height:240%;color:#fff}.header-bottom .dropdown-button{fill:#fff}.header-signature{line-height:140%}.header-email{font-weight:600;line-height:240%;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out;color:inherit}.header-lc__button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;padding:5px 12px;border-radius:8px;font-weight:700;color:#323027;background-color:#e6e5ea;-webkit-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;fill:#323027}.header-lc__icon{width:20px;height:20px}.header-lc .dropdown-button .icon{fill:inherit}.header-logo{display:block;width:116px}.header-logo img{width:100%;display:block;height:auto}.header-dropdown{position:absolute;left:0;top:100%;width:100%;background:#fff;-webkit-box-shadow:0 -1px 30px rgba(0,0,0,.08);box-shadow:0 -1px 30px rgba(0,0,0,.08);-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out;transition:opacity .3s ease-in-out,transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.header-dropdown__menu{display:-ms-grid;display:grid;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-ms-grid-columns:250px auto;grid-template-columns:250px auto;padding:20px 0}.header-dropdown__menu-item{height:100%}.header-dropdown__menu-item:first-child{padding-right:20px;border-right:1px solid rgba(0,0,0,.1019607843)}.header-dropdown__menu-item:last-child{padding-left:20px}.header-dropdown__menu-sidebar{display:-ms-grid;display:grid;gap:10px}.header-dropdown__menu-sidebar-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;width:100%;padding:8px;border-radius:8px;font-weight:600;font-size:.875rem;line-height:240%;-webkit-transition:background-color .3s ease-in-out;-o-transition:background-color .3s ease-in-out;transition:background-color .3s ease-in-out;text-align:left;color:#ff652f;cursor:pointer}.header-dropdown__menu-sidebar-button__icon{width:26px;height:26px}.header-dropdown__menu-sidebar-button._active{background:rgba(237,111,65,.1);border-color:transparent;/*pointer-events:none*/}.header-dropdown__menu-main-title{margin-bottom:40px;font-weight:600;font-size:1.25rem;color:#000}.header-dropdown__menu-main-list{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[6];grid-template-columns:repeat(6,1fr);-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:24px}.header-dropdown__menu-main-group-title{margin-bottom:30px;font-weight:600;font-size:.875rem;color:#000}.header-dropdown__menu-main-group-list{display:-ms-grid;display:grid;gap:20px}.header-dropdown__menu-main-group-link{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;font-size:.875rem;color:#000}.header-dropdown__menu-main-group-color,.header-dropdown__menu-main-group-icon{width:25px;height:25px}.header-dropdown__menu-main-group-color{border:1px solid rgba(0,0,0,.1019607843);border-radius:4px;background:var(--link-color)}.header-mobile{padding:15px 0;background:#f4f4f4}.header-mobile__logo{max-width:58px;margin-right:auto}.header-mobile__logo img{display:block;width:100%}.header-mobile__links{display:-webkit-box;display:-ms-flexbox;display:flex;gap:15px}.header-mobile__links-icon{display:block;width:30px;height:30px}.header-mobile__button{padding:0}.header-mobile__button .burger{width:24px;height:24px}.header-mobile__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:15px}.header-mobile__dropdown{position:absolute;left:calc(-1 * var(--sidebar-width));top:var(--header-height);width:var(--sidebar-width);height:calc(var(--viewport-height) - var(--header-height));-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:11}.header-mobile__dropdown-bg{position:fixed;left:0;top:0;width:var(--viewport-width);height:var(--viewport-height);z-index:1}.header-mobile__dropdown-close{position:absolute;left:100%;top:0;padding:16px;fill:#fff;z-index:1}.header-mobile__dropdown-close .icon{display:block;width:16px;height:16px}.header-mobile__dropdown-bg,.header-mobile__dropdown-close{pointer-events:none;opacity:0;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-mobile__dropdown-menu{max-height:100%;overflow:hidden auto;padding:15px 0}.header-mobile__dropdown-container{position:relative;width:100%;height:100%;left:0;top:0;background:#fff;z-index:2}.header-mobile__dropdown-row{display:-ms-grid;display:grid;gap:20px}.header-mobile__dropdown-row:not(:last-child){padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid #ff652f}.header-mobile__dropdown-button{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;width:100%;padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.1019607843);-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;background:#ff652f;color:#fff;fill:#fff}.header-mobile__dropdown-button-icon{width:16px;height:16px}.header-mobile__dropdown._active{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.header-mobile__dropdown._active .header-mobile__dropdown-bg,.header-mobile__dropdown._active .header-mobile__dropdown-close{opacity:1;pointer-events:all}.header-mobile__catalog{display:-ms-grid;display:grid;gap:5px}.header-mobile__catalog-title{font-size:1.5rem;font-weight:600}.header-mobile__nav{color:#323027}.header-mobile__nav-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1019607843)}.header-mobile__nav-item-body{position:fixed;top:0;right:100%;width:100%;height:100%;overflow:hidden auto;background:#fff;-webkit-transition:-webkit-transform .3s ease-in-out;transition:-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out;z-index:1}.header-mobile__nav-item-body._active{-webkit-transform:translateX(100%);-ms-transform:translateX(100%);transform:translateX(100%)}.header-mobile__nav-item-icon{width:36px;height:36px;-webkit-filter:invert(42%) sepia(9%) saturate(2%) hue-rotate(340deg) brightness(93%) contrast(96%);filter:invert(42%) sepia(9%) saturate(2%) hue-rotate(340deg) brightness(93%) contrast(96%)}.header-mobile__nav-item-text{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;text-align:left}.header-mobile__nav-item-arrow{display:block;width:16px;height:16px}.header-mobile__nav-item-button{width:100%;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;padding:15px 0 15px;font-weight:600;font-size:1rem;text-transform:uppercase;color:inherit}.header-mobile__nav-item-back{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;width:100%;padding:15px 20px;border-bottom:1px solid rgba(0,0,0,.1019607843);background:#ff652f;color:#fff;fill:#fff;text-transform:uppercase}.header--short .header-bottom{-webkit-transform:translateY(calc(-1 * var(--header-bottom-height)));-ms-transform:translateY(calc(-1 * var(--header-bottom-height)));transform:translateY(calc(-1 * var(--header-bottom-height)))}body._menu-opened::before{opacity:1;visibility:visible}body:before{content:"";position:fixed;width:100%;height:100%;top:0;background:rgba(9,9,9,.7);-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;opacity:0;visibility:hidden;z-index:10}._overflow-hidden{overflow:hidden}.main{padding-top:var(--header-height)}.burger{position:relative;width:18px;height:12px}.burger span{position:absolute;background:#ff652f;width:100%;height:1px;pointer-events:none;-webkit-transition:all .3s ease-in-out;-o-transition:all .3s ease-in-out;transition:all .3s ease-in-out;border-radius:2px}.burger span:nth-child(1),.burger span:nth-child(3){left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.burger span:nth-child(1){top:0}.burger span:nth-child(2){top:50%;left:0;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);opacity:1}.burger span:nth-child(3){bottom:0}.burger._active span:nth-child(1){top:50%;-webkit-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.burger._active span:nth-child(2){right:-150%;opacity:0}.burger._active span:nth-child(3){bottom:50%;-webkit-transform:translate(-50%,50%) rotate(-45deg);-ms-transform:translate(-50%,50%) rotate(-45deg);transform:translate(-50%,50%) rotate(-45deg)}@-webkit-keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}@keyframes shake{10%,90%{-webkit-transform:translate3d(-1px,0,0);transform:translate3d(-1px,0,0)}20%,80%{-webkit-transform:translate3d(2px,0,0);transform:translate3d(2px,0,0)}30%,50%,70%{-webkit-transform:translate3d(-4px,0,0);transform:translate3d(-4px,0,0)}40%,60%{-webkit-transform:translate3d(4px,0,0);transform:translate3d(4px,0,0)}}.lp-banner{position:relative;height:760px;color:#fff}.lp-banner__img{height:100%;position:relative}.lp-banner__img img{display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center bottom;object-position:center bottom}.lp-banner__img::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;background:-webkit-gradient(linear,left top,right top,from(rgba(34,34,39,.9)),color-stop(45.47%,rgba(42,42,49,.646309)),color-stop(109.14%,rgba(64,64,75,0)));background:-o-linear-gradient(left,rgba(34,34,39,.9) 0,rgba(42,42,49,.646309) 45.47%,rgba(64,64,75,0) 109.14%);background:linear-gradient(90deg,rgba(34,34,39,.9) 0,rgba(42,42,49,.646309) 45.47%,rgba(64,64,75,0) 109.14%)}.lp-banner__content{position:absolute;left:0;top:50%;width:100%;z-index:1;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.lp-banner__title.has-square::before{left:-22px;bottom:-9px}@media screen and (min-width:769px){.lp-banner__text{max-width:70%}}@media screen and (min-width:1025px){.header-contacts__item-head{height:100%}.header-contacts__item-dropdown{position:absolute;left:0;top:calc(100% - 15px);pointer-events:none;opacity:0}.header-contacts__place{-ms-grid-columns:125px auto;grid-template-columns:125px auto;gap:10px;-webkit-box-align:center;-ms-flex-align:center;align-items:center}.header-contacts__place-item:last-child{padding-left:10px;border-left:1px solid rgba(0,0,0,.1019607843)}.dropdown-body{margin-top:5px;position:absolute;top:100%;opacity:0;background-color:#fff;border:1px solid rgba(0,0,0,.1019607843);border-radius:3px;pointer-events:none;min-width:-webkit-max-content;min-width:-moz-max-content;min-width:max-content;-webkit-transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;transition:opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-o-transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out;transition:transform .3s ease-in-out,opacity .3s ease-in-out,-webkit-transform .3s ease-in-out;-webkit-transform:translateY(-20px);-ms-transform:translateY(-20px);transform:translateY(-20px);text-align:left;z-index:1}.dropdown-body::before{content:""}.dropdown-body::after{content:""}.dropdown-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1019607843)}.header-bottom__menu-link:not(.header-bottom__menu-link--highlight){color:#fff}.header-dropdown{max-height:calc(var(--viewport-height) - var(--header-height));overflow:auto;opacity:0;-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px);pointer-events:none}.header-dropdown._active{opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);pointer-events:all}.header-dropdown__menu-main:not(._active){display:none}.header-mobile{display:none}.header--short{-webkit-transform:translateY(calc(-1 * var(--header-top-height)));-ms-transform:translateY(calc(-1 * var(--header-top-height)));transform:translateY(calc(-1 * var(--header-top-height)))}}@media screen and (min-width:1025px) and (hover:hover){.header-bottom__menu-link:not(.header-bottom__menu-link--highlight):hover{color:#000}}@media screen and (max-width:1280px){.header-middle__container{gap:10px}}@media screen and (max-width:1152px){.header-socmedia{gap:5px}.header-contacts__adress{font-size:.75rem}.header-contacts__phone-icon{display:none}.header-dropdown__menu-main-list{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1024px){.header-socmedia{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:15px}.header-socmedia__icon{width:32px;height:32px}.header-contacts{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}.header-contacts__title{margin-bottom:5px}.header-contacts__item-dropdown{display:none}.header-contacts__item-button .icon{width:30px;height:30px}.header-contacts__place{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;gap:5px}.header-contacts__place-item .header-contacts__adress,.header-contacts__place-item .header-contacts__text{font-size:inherit}.header-contacts__phone-button{width:100%;padding:10px 20px}.header-lang__text{font-size:.875rem}.dropdown-body{display:none}.dropdown-link{font-size:.875rem}.header{-webkit-box-shadow:0 4px 8px 0 rgba(34,60,80,.2);box-shadow:0 4px 8px 0 rgba(34,60,80,.2)}.header-bottom__menu{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.header-bottom__menu-link{font-size:.875rem;color:#000}.header-bottom__menu-link--highlight{color:#ff652f;font-weight:600;-webkit-transition:opacity .3s ease-in-out;-o-transition:opacity .3s ease-in-out;transition:opacity .3s ease-in-out}.header-lc{padding:10px;border-bottom:1px solid rgba(0,0,0,.1019607843)}.header-lc__button{width:100%;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;padding:9px 12px;background:#ff652f;color:#fff;fill:#fff;border-radius:4px}.header-lc__button .dropdown-button{fill:#fff}.header-dropdown__menu-main-title{display:none}.header-dropdown__menu-main-list{-ms-grid-columns:1fr;grid-template-columns:1fr;gap:0}.header-dropdown__menu-main-group{width:100%}.header-dropdown__menu-main-group-item:not(:last-child){border-bottom:1px solid rgba(0,0,0,.1019607843)}.header-dropdown__menu-main-group-title{padding:10px 20px;margin:0;font-size:1rem}.header-dropdown__menu-main-group-link{padding:15px 0 15px;font-size:1rem;text-transform:uppercase;font-weight:600}.header-dropdown__menu-main-group-color,.header-dropdown__menu-main-group-icon{width:36px;height:36px}.header-desctop{display:none}.header-mobile__nav-item-arrow{width:24px;height:24px}.header-mobile__nav-item-button .header-mobile__nav-item-arrow{-webkit-transform:rotate(90deg);-ms-transform:rotate(90deg);transform:rotate(90deg)}}@media screen and (max-width:1024px) and (hover:hover){.header-bottom__menu-link--highlight:hover{opacity:.75}}@media screen and (min-width:1025px) and (max-width:1152px){.header-contacts__phone-button{font-size:.75rem}.header-contacts__link{font-size:.75rem}}@media screen and (hover:hover){.header-basket:hover{color:#ff652f}.header-basket:hover .header-basket__icon{-webkit-animation:shake .82s cubic-bezier(.36,.07,.19,.97) both;animation:shake .82s cubic-bezier(.36,.07,.19,.97) both}.header-socmedia__link:hover{opacity:.75}.header-search__button:hover{opacity:.75}.header-contacts__item:hover .header-contacts__item-dropdown{-webkit-transform:translateY(15px);-ms-transform:translateY(15px);transform:translateY(15px);opacity:1;pointer-events:all}.header-contacts__item:hover .header-contacts__item-button{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.header-contacts__phone-button:hover{opacity:.75}.header-contacts__link:hover{opacity:.75}.header-contacts__button:hover{opacity:.75}.dropdown-container:hover .dropdown-button{-webkit-transform:rotateX(180deg);transform:rotateX(180deg)}.dropdown-container:hover .dropdown-body{-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);opacity:1;pointer-events:all}.dropdown-link:hover{background-color:#f5f5f5;color:#333}.header-bottom__button:hover{opacity:.75}.header-bottom__menu-link:hover{color:#40404b}.header-email:hover{opacity:.75}.header-lc__button:hover{background:#fff}.header-dropdown__menu-sidebar-button:hover{background:rgba(237,111,65,.1);border-color:transparent}.header-dropdown__menu-main-title:hover{color:#ff652f}.header-dropdown__menu-main-group-title:hover{color:#ff652f}.header-dropdown__menu-main-group-link:hover{color:#ff652f}} /* End */ /* Start:/local/templates/general/components/newsite/search.title/search_main_menu_new/style.css?16843131964153*/ .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 2px 0 0 2px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; border-radius: 0 2px 2px 0; color: #fff; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #1484CE; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 370px; margin-top:-1px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/local/templates/general/components/newsite/search.title/search_main_menu_new/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } .header_search__button--submit.disabled{ pointer-events: none; cursor: default; background-color: #6c6c6c; } /* End */ /* Start:/local/templates/general/components/bitrix/menu/lang/style.min.css?1700749692490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/general/components/bitrix/menu/lang/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/general/components/bitrix/sale.basket.basket.line/modbasket/style.min.css?17175742944307*/ .bx-basket-block{position:relative;padding-bottom:5px;padding-left:20px;white-space:nowrap;font-size:12px}.bx-basket-block>.fa{position:absolute;top:3px;left:0;width:12px;color:#97a1ab}.bx-basket-block a{margin-right:10px}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}.block-store-catalog-list .bx-basket-fixed.bottom{bottom:70px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-item-list{display:none}.block-wrapper .bx-basket-fixed{padding-top:0}.block-wrapper .bx-basket-fixed .bx-hdr-profile{display:flex;justify-content:space-between}.block-wrapper .bx-basket-fixed .bx-hdr-profile .bx-basket-block{margin-right:20px;padding-bottom:0}}.bx-basket-fixed .bx-basket-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .bx-hdr-profile{line-height:1.44em} .fly-number{ position: absolute; top: 0; right: 0; width: 15px; height: 15px; border-radius: 50%; display: flex; align-items: center; justify-content: center; color: #fff; background-color:#dc0062; } .header-basket{ position: relative; } /* End */ /* Start:/local/templates/general/components/newsite/search.title/search_title/style.css?17007496924153*/ .bx-searchtitle { margin: 10px 0 0; } .bx-searchtitle .bx-block-title { font-family: "Open Sans", Arial, "Helvetica Neue", Helvetica, sans-serif; color: #343434; text-transform: uppercase; font-size: 12px; margin-bottom: 9px; font-weight: 600; } .bx-searchtitle .bx-input-group { position: relative; display: table; border-collapse: separate; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx-searchtitle .bx-input-group {} .bx-searchtitle .bx-input-group .bx-form-control { display: table-cell; position: relative; z-index: 2; float: left; width: 100%; margin-bottom: 0; display: block; width: 100%; height: 34px; padding: 6px 12px; font-size: 14px; line-height: 1.42857143; color: #555; background-color: #f8fafc; border: 1px solid #d5dadc; border-right: none; border-radius: 2px 0 0 2px; outline: none; box-shadow: none !important; -webkit-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; } .bx-ios .bx-searchtitle .bx-input-group .bx-form-control { /* Fix of input shadow for IOS browsers. */ background-image: -webkit-linear-gradient(#f8fafc 0%, #f8fafc 100%); background-image: linear-gradient(#f8fafc 0%, #f8fafc 100%); } .bx-searchtitle .bx-input-group-btn { position: relative; font-size: 0; width: 1%; white-space: nowrap; vertical-align: middle; display: table-cell; } .bx-searchtitle .bx-input-group-btn button { position: relative; border: none; background: #95a1a8; display: inline-block; margin-bottom: 0; cursor: pointer; padding:6px 12px; border-radius: 0 2px 2px 0; color: #fff; font-size: 16px; line-height: 1.42857143; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .bx-searchtitle .bx-input-group-btn button:hover { background: #1484CE; } div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:999; min-width: 370px; margin-top:-1px; background-color: #FFF; } div.title-search-fader { display:none; background-image: url('/local/templates/general/components/newsite/search.title/search_title/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /*========================*/ .bx_searche{} .bx_searche .bx_img_element{ background: #fafafa; float: left; width: 67px; padding: 5px 10px; position: absolute; top: 0; bottom: 0; } .bx_searche .bx_item_block{ min-height: 65px; position: relative } .bx_searche .bx_image{ width: 45px; height: 45px; background-size: contain; background-position: center; background-repeat: no-repeat; border: 1px solid #e8e8e8; } .bx_searche .bx_item_element{ /*float: left;*/ padding-left: 10px; margin-left: 70px; } .bx_searche .bx_item_element hr{ margin: 0; border: none; border-bottom: 1px solid #e5e5e5; } .bx_searche .bx_item_element a{ margin-top: 10px; display: inline-block; color: #4788cb; font-size: 13px; text-decoration: none; } .bx_searche .bx_item_element a b{color: #000;font-weight: normal;} .bx_searche .bx_item_element a:hover, .bx_searche .bx_item_element a:hover b{text-decoration: underline;} .bx_searche .bx_price{ font-weight:bold; font-size:13px; } .bx_searche .bx_price .old{ font-weight:normal; text-decoration: line-through; color: #636363 } .bx_item_block.all_result{min-height:0} .bx_item_block.others_result{ min-height: 0; padding: 0 0 12px; line-height: 12px; } .bx_item_block.all_result .all_result_title{ display: block; font-size: 12px; color: #a7a7a7; padding-top: 15px; padding-bottom: 10px; } .bx_item_block.all_result .all_result_title a{color: #a7a7a7} .bx_item_block.all_result .all_result_title a:hover{color: #4788cb} .bx_item_block.all_result a{ margin-top: 0; } .header_search__button--submit.disabled{ pointer-events: none; cursor: default; background-color: #6c6c6c; } /* End */ /* Start:/local/templates/general/components/bitrix/news.list/header_salon/style.css?1700749692150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/general/components/bitrix/menu/catalog_top/style.min.css?170074969210544*/ .bx-top-nav-container{margin-top:15px;padding:0 10px;color:#fff;border-radius:2px;position:relative;font-family:var(--ui-font-family-primary,var(--ui-font-family-helvetica))}.bx-top-nav-container .bx-nav-list-1-lvl{margin:0;padding:0;list-style:none}.bx-top-nav-container .bx-nav-1-lvl{float:left;position:relative}.bx-top-nav-container .bx-nav-1-lvl>a{color:#fff;font-weight:var(--ui-font-weight-bold);display:block;text-decoration:none;text-transform:uppercase;border-radius:1px;padding-top:6px;padding-bottom:2px;border-bottom:0}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:10px 14px 14px;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a{z-index:250;box-shadow:0 6px 13px 0 rgba(0,0,0,.13)}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.bx-hover>a span,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-parent.hover>a span{background:#fff}.bx-top-nav-container .bx-nav-parent-arrow{display:none}.bx-top-nav-container .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-2-lvl-container{z-index:999;display:none;opacity:0;padding:9px 0 5px;box-shadow:0 6px 13px 0 rgba(0,0,0,.13);border-top:0;min-width:100%;color:#000}.bx-top-nav-container .bx-nav-2-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-2-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.hover .bx-nav-2-lvl-container{opacity:1;display:block;position:absolute;top:100%;z-index:999;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:56px;margin-left:-10px}.bx-top-nav-container>ul{box-sizing:border-box}.bx-top-nav-container .bx-nav-list-2-lvl{margin:0;padding:5px 0 12px}.bx-top-nav-container .bx-nav-2-lvl{display:block;min-width:180px;padding:0 10px;box-sizing:border-box}.bx-top-nav-container .bx-nav-2-lvl>a{padding:5px 15px 5px;color:#20394c;font-size:13px;line-height:16px;text-decoration:none;font-weight:var(--ui-font-weight-bold);border-bottom:0;display:block}.bx-top-nav-container .bx-nav-list-2-lvl .bx-nav-2-lvl:first-child a{border-top:0;margin-top:0}.bx-top-nav-container .bx-nav-3-lvl{padding:5px 0;margin:0}.bx-top-nav-container .bx-nav-3-lvl-container-advanced:before,.bx-top-nav-container .bx-nav-3-lvl-container:before{position:absolute;content:" ";display:block;height:5px;background:#fff;top:-5px;left:0;right:0}.bx-top-nav-container .bx-nav-list-3-lvl{margin:0;padding:0 0 14px 7px}.bx-top-nav-container .bx-nav-3-lvl{display:block;min-width:180px;padding:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-3-lvl a{padding:3px 15px;color:#555;font-size:13px;line-height:14px;text-decoration:none;border-bottom:0;display:block}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container{min-width:200px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-1-col .bx-nav-catinfo-back{width:100%;background:#fff}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container{min-width:400px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:50%;float:left;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-2-col .bx-nav-catinfo-back{width:50%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container{min-width:600px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;min-width:200px;width:33.33333%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-3-col .bx-nav-catinfo-back{width:33.33333%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col{position:static}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced{top:100%;left:0;right:0}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container{min-width:100%}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container-advanced .bx-nav-list-2-lvl,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-2-lvl-container .bx-nav-list-2-lvl{display:block;width:25%;float:left}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col .bx-nav-catinfo-back{width:25%}.bx-top-nav-container .bx-nav-catinfo{padding:5px 15px 5px;z-index:120;position:relative}.bx-top-nav-container .bx-nav-catinfo img{box-sizing:border-box;border:1px solid #e7e9ea;width:auto;max-width:100%;height:auto;max-height:100%}.bx-top-nav-container .bx-nav-catinfo p{padding:20px 5px 0;font-size:13px}.bx-top-nav-container .bx-nav-catinfo-back{position:absolute;display:block;content:' ';top:-5px;right:0;bottom:0;background:#f7fafb;z-index:100;border-left:1px solid #ecefef}.bx-aside-nav-control{font-size:28px;position:fixed;width:40px;height:40px;top:5px;left:5px;line-height:40px;cursor:pointer;z-index:1750;color:#fff;text-align:center}body>.bx-aside-nav-control{-webkit-transition:left .15s linear;-moz-transition:left .15s linear;-ms-transition:left .15s linear;-o-transition:left .15s linear;transition:left .15s linear}.bx-aside-nav-control .fa{line-height:40px;vertical-align:middle}.bx-wrapper,.bx-aside-nav{-webkit-transition:-webkit-transform .15s linear;-moz-transition:-moz-transform .15s linear;-ms-transition:-ms-transform .15s linear;-o-transition:-o-transform .15s linear;transition:transform .15s linear}.bx-logo{z-index:1700 !important}.bx-opened .bx-footer,.bx-opened .workarea{display:none !important}.bx-aside-nav{display:none;padding-top:50px;-webkit-transform:translateX(-100%);-moz-transform:translateX(-100%);-ms-transform:translateX(-100%);-o-transform:translateX(-100%);transform:translateX(-100%);width:100%;background:#4c5c65;position:fixed;top:0;bottom:0;left:0;z-index:1600}.bx-aside-nav.bx-opened{-webkit-transform:translateX(0);-moz-transform:translateX(0);-ms-transform:translateX(0);-o-transform:translateX(0);transform:translateX(0);overflow-y:scroll}.bx-aside-nav ul{list-style:none;margin:0;padding:0}.bx-aside-nav a{color:#fff;vertical-align:middle;line-height:48px;height:48px;font-size:16px;display:block;border-bottom:1px solid #3d4b53;padding-left:15px;max-width:100%;overflow:hidden;white-space:nowrap;-ms-text-overflow:ellipsis;text-overflow:ellipsis}.bx-aside-nav a{text-decoration:none}.bx-nav-1-lvl.bx-opened,.bx-aside-nav .bx-nav-1-lvl:hover>a,.bx-aside-nav .bx-nav-1-lvl.bx-hover>a{background:#44535c}.bx-aside-nav .bx-nav-list-2-lvl{background:#44535c}.bx-aside-nav .bx-nav-2-lvl>a{padding-left:30px}.bx-aside-nav .bx-nav-3-lvl>a{padding-left:45px}.bx-aside-nav .bx-nav-4-lvl a{padding-left:60px}.bx-aside-nav .bx-nav-parent{position:relative}.bx-aside-nav .bx-nav-parent-arrow{position:absolute;right:0;top:0;margin-top:6px;width:46px;height:34px;text-align:center;border-left:1px solid #5a6971;z-index:200}.bx-aside-nav .bx-nav-parent-arrow i{line-height:34px;font-size:17px;font-style:normal;color:#fff}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-parent-arrow i{-webkit-transition:all .15s linear;-moz-transition:all .15s linear;-ms-transition:all .15s linear;-o-transition:all .15s linear;transition:all .15s linear}.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent>ul{overflow:hidden;height:0}.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container-advanced,.bx-aside-nav .bx-nav-parent.bx-opened .bx-nav-2-lvl-container,.bx-aside-nav .bx-nav-parent.bx-opened>ul{height:auto}.bx-aside-nav .bx-nav-catinfo,.bx-aside-nav .bx-nav-catinfo-back{display:none}@media(min-width:1200px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:15px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:12px 14px 15px}}@media(min-width:992px) and (max-width:1199px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:13px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:9px 11px 12px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:47px}}@media(min-width:768px) and (max-width:991px){.bx-top-nav-container .bx-nav-1-lvl>a{font-size:11px}.bx-top-nav-container .bx-nav-1-lvl>a span{padding:5px 6px 9px}.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container-advanced,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.bx-hover .bx-nav-2-lvl-container,.bx-top-nav-container .bx-nav-1-lvl.bx-nav-list-4-col.hover .bx-nav-2-lvl-container{top:37px}}@media(min-width:768px){.bx-aside-nav-control,.bx-aside-nav{display:none}.bx-top-nav-container{display:block}}@media(max-width:767px){.bx-aside-nav-control,.bx-aside-nav{display:block}.bx-top-nav-container{display:none}.bx-aside-nav .bx-nav-parent-arrow{display:block}.bx-aside-nav .bx-nav-1-lvl.bx-nav-parent>a>span>.fa{display:none}} /* End */ /* Start:/local/templates/general/components/bitrix/menu/about/style.min.css?1700749692490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/general/components/bitrix/menu/about/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/general/components/bitrix/menu/header/style.min.css?1700749692490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/general/components/bitrix/menu/header/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/general/components/bitrix/menu/catalog_top_mobile/style.min.css?1700749692490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/general/components/bitrix/menu/catalog_top_mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/general/components/bitrix/news.list/header_salon_mobile/style.css?1700749692150*/ div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/general/components/bitrix/breadcrumb/breadcrumbs/style.css?1687505899253*/ ul.breadcrumb-navigation { padding:0; margin:0; padding-top:4px; list-style:none; } ul.breadcrumb-navigation li { display:inline; } ul.breadcrumb-navigation a { } ul.breadcrumb-navigation span { } .breadcrumbs__item span { color: #ff652e; } /* End */ /* Start:/local/templates/general/components/bitrix/menu/bottom_menu/style.css?1684313196454*/ .bx-inclinksfooter a{border-bottom:0}.bx-inclinksfooter .bx-block-title{margin:0;padding:0;font-size:17px;font-family:"Open Sans","Helvetica Neue",Arial,Helvetica,sans-serif;color:#fff;font-weight:600}.bx-inclinksfooter-container{margin-top:15px;padding:0;color:#fff;border-radius:2px;font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif}.bx-inclinksfooter-list{list-style:none;margin:0;padding:0}.bx-inclinksfooter-item{padding:0 0 5px 0} /* End */ /* Start:/local/templates/general/styles.css?17436789274326*/ .btn_cookie span{ cursor: pointer; color: #ff652e; transition: all .25s linear; text-decoration: none; border-bottom: 1px dashed #ff652e; } .catalog-item{ min-height: 410px!important; } .index-instagram{ padding-bottom: 36px; } .inst{ width: 100%; } .inst-wrp{ width: 100%; display: flex; /*margin: 0 15px;*/ padding: 0 15px; } .inst-info{ width: 30%; padding-left: 50px; background-color: #40404b; position: relative; } .inst-info__wrp{ position: absolute; top: 50%; transform: translateY(-50%); } .inst-info__top{ margin-bottom: 35px; display: flex; align-items: center; } .inst-info__top img{ width: 50px; height: 50px; margin-bottom: 0; } .inst-info__top-text{ padding-left: 30px; } .inst-info__top-text .name{ color: #fff; font-size: 16px; text-transform: uppercase; margin-bottom: 5px; } .inst-info__top-text .link{ color: #fe642e; font-size: 16px; transition: .3s; } .inst-info__top-text .link:hover{ color: #fff; } .inst-info__bottom{ display: flex; align-items: center; padding-right: 10px; } .inst-info__bottom .zag{ text-transform: uppercase; font-size: 22px; max-width: 270px; margin-right: 20px; color: #fff; line-height: 1.4; } .inst-info__bottom img{ width: 50px; height: 20px; } .inst-img{ width: 70%; display: flex; flex-wrap: wrap; } .inst-img img{ width: 20%; max-height: 190px; margin-bottom: 0; } @media (max-width: 1180px){ .inst-info__bottom .zag{ max-width: 150px; } .inst-info__bottom img{ width: 30px; height: 10px; } .inst-info{ padding-left: 20px; } } @media (max-width: 990px){ .inst-info__top img{ width: 40px; height: 40px; } .inst-info__top-text{ padding-left: 20px; } } @media (max-width: 768px){ .inst-wrp{ flex-wrap: wrap; } .inst-img{ width: 100%; /*display: none;*/ } .inst-info{ width: 100%; height: 250px; padding: 20px; } .inst-img img{ width: 50%; } .inst-info__bottom .zag{ max-width: 100%; } } @media (max-width: 600px){ .inst-info__bottom .zag{ width: 70%; } } @media screen and (max-width: 991px){ .catalog--search .catalog-item { width: 50%; } } /*02.12.2021*/ /* @media screen and (max-width: 991px){ .header-fixed .contacts__button--master{ margin-left: 10px; padding: 2px 6px; background-color: white; color: #ff652e; line-height: 13px; max-width: 100px; } } .header-fixed .contacts__button--master.button-measuring{ color: #fff; background-color: #ff652e; } */ /*task 53835*/ .article-cat__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 10px 10px; padding: 0 15px; } .article-cat__li { -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .article-cat__li span { font-size: 18px; color: #777; border-bottom: 1px solid #777; -webkit-transition: .3s; -o-transition: .3s; transition: .3s; } .article-cat__li:hover span { border-color: transparent; } .article-cat__li._hidden { visibility: hidden; display: none !important; } .news-tags { position: absolute; top: 15px; left: 80px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 0 5px; } .news-tag { padding: 2px; background: #ff652e; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-border-radius: 5px; border-radius: 5px; } .news-tag span { color: #fff; font-size: 12px; } .article-cat { margin-bottom: 30px; margin-left: -15px; } .news-tag-detail:hover { cursor: pointer; } /* end task 53835*/ .presentation{ width: 18px; height: 12px; } @media screen and (max-width: 479px) { .xxs-item-height-300 .catalog-item__image { max-height: unset; height: 300px; } } /* task 39712*/ .b24-window-mounts .vue-portal-target{ position: relative; z-index: 1100002; } /* end task 39712*/ /* End */ /* Start:/local/templates/general/template_styles.css?174367892715971*/ /* line 2787, dev/sass/b2b.scss */ .product-info-availability__list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-left: 0 !important; } /* line 2791, dev/sass/b2b.scss */ .product-info-availability__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex !important; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; padding: 20px; border-bottom: 1px solid #cccccc; font-size: 1.05rem; } .product-info__header { border: none; background-color: #efefef; font-weight: bold; border-radius: 20px; } .not-header-time { text-transform: lowercase; } /* line 2798, dev/sass/b2b.scss */ .product-info-availability__item:last-child { border-bottom: none; } /* line 2801, dev/sass/b2b.scss */ .product-info-availability__address { width: 33%; padding-right: 20px; } /* line 2805, dev/sass/b2b.scss */ .product-info-availability__hours { width: 33%; padding-right: 20px; } /* line 2809, dev/sass/b2b.scss */ .product-info-availability__link { width: 33%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; /* -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end;*/ padding-left: 15%; } @media screen and (max-width: 1440px) { /* line 2818, dev/sass/b2b.scss */ .product_view .product_img { max-width: 100%; width: 50%; } /* line 2822, dev/sass/b2b.scss */ .product_view .product_params { width: 25%; } /* line 2825, dev/sass/b2b.scss */ .product_view .product_order { width: 25%; } } @media screen and (max-width: 1180px) { /* line 2831, dev/sass/b2b.scss */ .product_view._big-door > div { width: 100% !important; } /* line 2835, dev/sass/b2b.scss */ .product-filter__price-block { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } /* line 2839, dev/sass/b2b.scss */ .product-filter-submit__prices { margin-bottom: 10px; width: 100%; text-align: center; } /* line 2845, dev/sass/b2b.scss */ .product-info-availability__address { width: 33.33%; } /* line 2848, dev/sass/b2b.scss */ .product-info-availability__hours { width: 33.33%; } /* line 2851, dev/sass/b2b.scss */ .product-info-availability__link { width: 33.33%; } } @media screen and (max-width: 990px) { /* line 2857, dev/sass/b2b.scss */ .product_view > div { width: 100% !important; max-width: 100%; } } @media screen and (max-width: 768px) { /* line 2863, dev/sass/b2b.scss */ .product_view { position: relative; padding-top: 120px; } /* line 2866, dev/sass/b2b.scss */ .product_view .product_img { position: initial; padding-left: 0 !important; } /* line 2870, dev/sass/b2b.scss */ .product_view .product-preview__big-images { position: initial; } /* line 2874, dev/sass/b2b.scss */ .product_view .product-preview__advantages { top: 30px; left: 50%; -webkit-transform: translateX(-50%) translateY(0); -ms-transform: translateX(-50%) translateY(0); transform: translateX(-50%) translateY(0); } /* line 2878, dev/sass/b2b.scss */ .product_view .product-preview__advantages-items { width: auto; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; gap: 20px; } /* line 2888, dev/sass/b2b.scss */ .catalog-item__advantages-item { width: 35px; height: 35px; } /* line 2893, dev/sass/b2b.scss */ .product-info-availability__item { -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; } /* line 2896, dev/sass/b2b.scss */ .product-info-availability__address { width: 50%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 10px; } /* line 2901, dev/sass/b2b.scss */ .product-info-availability__hours { width: 50%; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; } /* line 2905, dev/sass/b2b.scss */ .product-info-availability__link { width: 50%; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } } @media screen and (max-width: 600px) { .product-info-availability__list { padding-left: 0; } .product-info-availability__item { padding: 0 !important; } /* line 2912, dev/sass/b2b.scss */ .product_view .product-preview__advantages { width: 100%; top: 30px; } /* line 2915, dev/sass/b2b.scss */ .product_view .product-preview__advantages-item { width: 55px; height: 55px; } /* line 2921, dev/sass/b2b.scss */ .product-preview__door-image-small { -o-object-fit: contain; object-fit: contain; } /* line 2924, dev/sass/b2b.scss */ .product-info-availability__item { /*padding: 20px 0;*/ flex-direction: row; font-size: 1rem; } /* line 2927, dev/sass/b2b.scss */ .product-info-availability__address { width: 100%; -webkit-box-ordinal-group: 2; -webkit-order: 1; -ms-flex-order: 1; order: 1; margin-bottom: 10px; } /* line 2932, dev/sass/b2b.scss */ .product-info-availability__hours { width: 55%; margin-bottom: 10px; -webkit-box-ordinal-group: 3; -webkit-order: 2; -ms-flex-order: 2; order: 2; } /* line 2937, dev/sass/b2b.scss */ .product-info-availability__link { width: 45%; -webkit-box-ordinal-group: 4; -webkit-order: 3; -ms-flex-order: 3; order: 3; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; padding-left: 0; } .product-info__header { display: none !important; } .not-header-address { font-size: 1rem; font-weight: bold; } .not-header-time { font-size: 1rem; } .not-header-button > button { word-break: break-word; /* font-size: 0.8rem; */ height: 38px; line-height: 1; } } @media screen and (max-width: 600px) { .product-info-availability__item { flex-flow: column; padding-right: 0px; } .product-info-availability__address { padding-right: 0px; } .product-info-availability__hours { width: 100%; padding-right: 0px; } .product-info-availability__link { margin-bottom: 15px; } } /* line 2945, dev/sass/b2b.scss */ .popup-b2b__map-wrp { height: 600px; } @media screen and (max-width: 600px) { /* line 2951, dev/sass/b2b.scss */ .popup-b2b__map-wrp { width: 100vw; } } /* line 138, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } /* line 141, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox._empty { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; margin-right: 10px; } /* line 145, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox._empty label { min-width: 20px; min-height: 20px; padding: 0; } /* line 152, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox label { padding-left: 30px; pointer-events: none; cursor: pointer; } /* line 157, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox label::before { background-position: center; -webkit-background-size: 14px 14px; background-size: 14px; background-repeat: no-repeat; } /* line 164, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox input[type='checkbox'], .b2b-pages .b2b-wrapper .checkbox input[type='radio'] { display: block; opacity: 0; position: absolute; top: 0; left: 0; width: 100%; height: 100%; padding: 0; cursor: pointer; } /* line 176, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .checkbox input[type='checkbox']:checked + label:before, .b2b-pages .b2b-wrapper .checkbox input[type='radio']:checked + label:before { background-color: #ff652e; background-image: url(/local/templates/general/../img/svg/check.svg); background-position: center; -webkit-background-size: 14px 14px; background-size: 14px; background-repeat: no-repeat; } /* line 186, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper .icon { width: 25px; height: 25px; } /* line 191, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper a, .b2b-pages .b2b-wrapper span { display: inline-block; } /* line 196, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper ul { padding: 0; } /* line 199, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper ul li { margin: 0; } /* line 202, dev/sass/b2b.scss */ .b2b-pages .b2b-wrapper ul li::before { content: none; } /* line 210, dev/sass/b2b.scss */ .b2b-wrapper { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; } /* header banner */ .header-banner { height: 80px; position: relative; margin-top: -4px; } .header-banner picture { position: absolute; inset: 0; } .header-banner img { width: 100%; height: 100%; object-fit: cover; } .header-banner__close { width: 24px; height: 24px; position: absolute; right: 20px; top: 0; bottom: 0; margin: auto 0; display: flex; align-items: center; justify-content: center; z-index: 2; border-radius: 50%; background-color: #f4f4f4; opacity: 0; visibility: hidden; transition: all ease .3s; cursor: pointer; } .header-banner__close svg { max-width: 20px; max-height: 20px; } @media (min-width: 1180px) { .header-banner:hover .header-banner__close { opacity: 1; visibility: visible; } .header-banner__close:hover { transform: rotate(180deg); } } @media (max-width: 1179px) { .header-banner__close { opacity: 1; visibility: visible; } } @media (max-width: 1024px) { .header-banner { margin: -15px 0 15px; } } @media (max-width: 575px) { .header-banner { height: 10.5vw; position: relative; } .header-banner__close { right: 8px; } } /* product-gallery */ .models .product-gallery__inner .owl-item { border: 1px solid #ccc; padding: 4px; border-radius: 8px; overflow: hidden; } .models .product-gallery__inner .owl-item.selected { pointer-events: none; position: relative; z-index: 1; border-color: #ff562e; box-shadow: inset 0 0 0 1px #ff562e; } /*catalog banners slider*/ .catalog__content .img-blocks-list { display: flex; margin-bottom: 30px; border-radius: 0; } .img-blocks-list .owl-stage { height: 100%; } .img-blocks-list .owl-nav { position: absolute; top: 50%; transform: translateY(-13px); right: 0; left: 0; } .img-blocks-list .owl-prev { left: 10px; } .img-blocks-list .owl-next { right: 10px; } .img-blocks-list .owl-prev, .img-blocks-list .owl-next { font-size: 0; } .img-block { position: relative; padding-bottom: 14%; display: block; border-radius: 0; } .img-block__content { display: none; } .img-block__img { position: absolute; inset: 0; img { width: 100%; height: 100%; object-fit: cover; } } @media (max-width: 767px) { .img-block { padding-bottom: 26.5%; height: auto; } .img-block::before { content: none; } .img-block__content { display: none; } } .footer-description { max-width: 1100px; margin: 0 auto; color: #aaa; padding: 15px 0 0; font-size: 12px; text-align: center; line-height: 1.4; } .footer-description span { margin: 5px 0; display: inline-block; } .footer-section .content-container { padding: 48px 0 0; } @media (min-width: 992px) { .footer-description { padding-bottom: 15px; margin-top: 15px; border-top: 1px solid #aaa; } } @media (max-width: 991px) { .footer-section .content-container { margin-bottom: 30px; } } /*b-24 form checkbox styles*/ .b24-form-control-agreement label { padding-left: 22px; font-size: 16px; } .b24-form .b24-form-field-agreement .b24-form-control-desc { font-size: 16px; padding-left: 10px; } .b24-form .b24-form-field-agreement .b24-form-field-agreement-link { font-size: 16px; } .b24-form-control-agreement label:before { } .b24-form-control-agreement input[type='checkbox'] { -webkit-appearance: checkbox; -moz-appearance: checkbox; display: initial; /*accent-color: #C56FFF;*/ width: 18px; height: 18px; border-radius: 2px; border: 1px solid #dadada; margin-bottom: -5px; position: absolute; left: 0; top: -1px; } .b24-form button.b24-form-btn[disabled] { /*opacity: .4;*/ background-color: #c2c2c2; pointer-events: none; color: #ffffff; } .b24-form-style-modern .b24-form-field.b24-form-control-agreement { display: initial !important; } /*форма на странице О нас*/ .lp-contacts__form-container .b24-form-header{ display: none; } /*form agreement checkbox*/ .form-agreement { label { padding-left: 28px; position: relative; line-height: 1.4; font-size: 16px; } input[type="checkbox"] { width: 18px; height: 18px; -webkit-appearance: checkbox; -moz-appearance: checkbox; display: inline-block; position: absolute; left: 0; top: 2px; } } button.feedback-form__button[disabled], button.btn-submit[disabled] { /*opacity: .4;*/ background-color: #c2c2c2; border: 1px solid #c2c2c2 !important; pointer-events: none; color: #ffffff; } .wdr2_form_wrapper .form-agreement__label { font-size: 16px; line-height: 1.4; } .wdr2_form_wrapper input[type="submit"][disabled] { /*opacity: .4;*/ background-color: #c2c2c2 !important; border: 1px solid #c2c2c2 !important; pointer-events: none; color: #ffffff; } .basket__float .form-agreement { line-height: 1.2; margin-bottom: 10px; input { top: 0; } } /*header height fix*/ ._overflow-hidden .header{ position: fixed; } .header { /*height: 236px;*/ position: sticky; top: 0; @media (max-width: 1024px) { /*height: 64px;*/ } } .main-content { /*padding-top: var(--header-height, 236px);*/ padding-top: 0; @media (max-width: 1024px) { padding-top: 0; /*padding-top: var(--header-height, 64px);*/ } } /* End */ /* /local/templates/general/assets/css/jquery-ui.min.css?16843131953204 */ /* /local/templates/general/assets/css/magnific-popup.css?16843131955967 */ /* /local/templates/general/assets/css/owl.carousel.min.css?16843131953534 */ /* /local/templates/general/assets/css/countdown.css?16843131951083 */ /* /local/templates/general/assets/css/styles_2.css?1750950425344265 */ /* /local/templates/general/assets/css/styles.css?1750938814324459 */ /* /local/templates/general/assets/css/btn-zv.css?168431319510026 */ /* /local/templates/general/assets/css/b2b.css?1684313195208013 */ /* /local/templates/general/assets/lib/aos.min.css?168431319640657 */ /* /local/templates/general/assets/lib/slick.css?16843131961776 */ /* /local/templates/general/assets/css/custom.css?174920702330815 */ /* /local/templates/general/assets/css/main.css?17007496923168 */ /* /local/templates/general/assets/css/critical.css?174920750529442 */ /* /local/templates/general/components/newsite/search.title/search_main_menu_new/style.css?16843131964153 */ /* /local/templates/general/components/bitrix/menu/lang/style.min.css?1700749692490 */ /* /local/templates/general/components/bitrix/sale.basket.basket.line/modbasket/style.min.css?17175742944307 */ /* /local/templates/general/components/newsite/search.title/search_title/style.css?17007496924153 */ /* /local/templates/general/components/bitrix/news.list/header_salon/style.css?1700749692150 */ /* /local/templates/general/components/bitrix/menu/catalog_top/style.min.css?170074969210544 */ /* /local/templates/general/components/bitrix/menu/about/style.min.css?1700749692490 */ /* /local/templates/general/components/bitrix/menu/header/style.min.css?1700749692490 */ /* /local/templates/general/components/bitrix/menu/catalog_top_mobile/style.min.css?1700749692490 */ /* /local/templates/general/components/bitrix/news.list/header_salon_mobile/style.css?1700749692150 */ /* /local/templates/general/components/bitrix/breadcrumb/breadcrumbs/style.css?1687505899253 */ /* /local/templates/general/components/bitrix/menu/bottom_menu/style.css?1684313196454 */ /* /local/templates/general/styles.css?17436789274326 */ /* /local/templates/general/template_styles.css?174367892715971 */