/* Start:/local/templates/main/assets/fonts/SFUIDisplay/stylesheet.css?17792571869584*/ @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-LightItalic.eot'); src: local('SF UI Text LightItalic'), local('SFUIText-LightItalic'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-LightItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-LightItalic.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-LightItalic.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-LightItalic.ttf') format('truetype'); font-weight: 200; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.eot'); src: local('SF UI Display Regular'), local('SFUIDisplay-Regular'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-RegularItalic.eot'); src: local('SF UI Text Regular Italic'), local('SFUIText-RegularItalic'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-RegularItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-RegularItalic.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-RegularItalic.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-RegularItalic.ttf') format('truetype'); font-weight: normal; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Ultralight.eot'); src: local('SF UI Display Ultralight'), local('SFUIDisplay-Ultralight'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Ultralight.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Ultralight.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Ultralight.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Ultralight.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-SemiboldItalic.eot'); src: local('SF UI Text SemiboldItalic'), local('SFUIText-SemiboldItalic'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-SemiboldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-SemiboldItalic.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-SemiboldItalic.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-SemiboldItalic.ttf') format('truetype'); font-weight: 600; font-style: italic; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Heavy.eot'); src: local('SF UI Display Heavy'), local('SFUIDisplay-Heavy'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Heavy.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Heavy.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Heavy.eot'); src: local('SF UI Text Heavy'), local('SFUIText-Heavy'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Heavy.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Heavy.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Heavy.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Heavy.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Black.eot'); src: local('SF UI Display Black'), local('SFUIDisplay-Black'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Black.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Black.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Black.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Black.ttf') format('truetype'); font-weight: 900; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Semibold.eot'); src: local('SF UI Text Semibold'), local('SFUIText-Semibold'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Semibold.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Semibold.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Semibold.eot'); src: local('SF UI Display Semibold'), local('SFUIDisplay-Semibold'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Semibold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Semibold.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Semibold.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Semibold.ttf') format('truetype'); font-weight: 600; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Medium.eot'); src: local('SF UI Text Medium'), local('SFUIText-Medium'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Medium.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Medium.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Light.eot'); src: local('SF UI Text Light'), local('SFUIText-Light'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Light.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Light.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Light.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Bold.eot'); src: local('SF UI Display Bold'), local('SFUIDisplay-Bold'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Bold.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Bold.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Regular.eot'); src: local('SF UI Text Regular'), local('SFUIText-Regular'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Regular.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Regular.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Thin.eot'); src: local('SF UI Display Thin'), local('SFUIDisplay-Thin'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Thin.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Thin.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Thin.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Thin.ttf') format('truetype'); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-BoldItalic.eot'); src: local('SF UI Text BoldItalic'), local('SFUIText-BoldItalic'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-BoldItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-BoldItalic.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-BoldItalic.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-BoldItalic.ttf') format('truetype'); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Bold.eot'); src: local('SF UI Text Bold'), local('SFUIText-Bold'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Bold.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Bold.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-Bold.ttf') format('truetype'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Medium.eot'); src: local('SF UI Display Medium'), local('SFUIDisplay-Medium'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Medium.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Medium.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Medium.ttf') format('truetype'); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-HeavyItalic.eot'); src: local('SF UI Text HeavyItalic'), local('SFUIText-HeavyItalic'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-HeavyItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-HeavyItalic.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-HeavyItalic.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-HeavyItalic.ttf') format('truetype'); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'SF UI Display'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Light.eot'); src: local('SF UI Display Light'), local('SFUIDisplay-Light'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Light.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Light.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Light.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIDisplay-Light.ttf') format('truetype'); font-weight: 200; font-style: normal; } @font-face { font-family: 'SF UI Text'; src: url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-MediumItalic.eot'); src: local('SF UI Text MediumItalic'), local('SFUIText-MediumItalic'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-MediumItalic.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-MediumItalic.woff2') format('woff2'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-MediumItalic.woff') format('woff'), url('/local/templates/main/assets/fonts/SFUIDisplay/SFUIText-MediumItalic.ttf') format('truetype'); font-weight: 500; font-style: italic; font-display: swap; } /* End */ /* Start:/local/templates/main/assets/src/OwlCarousel2/owl.carousel.min.css?16819988673351*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-carousel,.owl-carousel .owl-item{-webkit-tap-highlight-color:transparent;position:relative}.owl-carousel{display:none;width:100%;z-index:1}.owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;touch-action:manipulation;-moz-backface-visibility:hidden}.owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0}.owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0,0,0)}.owl-carousel .owl-item,.owl-carousel .owl-wrapper{-webkit-backface-visibility:hidden;-moz-backface-visibility:hidden;-ms-backface-visibility:hidden;-webkit-transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0)}.owl-carousel .owl-item{min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-touch-callout:none}.owl-carousel .owl-item img{display:block;width:100%}.owl-carousel .owl-dots.disabled,.owl-carousel .owl-nav.disabled{display:none}.no-js .owl-carousel,.owl-carousel.owl-loaded{display:block}.owl-carousel .owl-dot,.owl-carousel .owl-nav .owl-next,.owl-carousel .owl-nav .owl-prev{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel .owl-nav button.owl-next,.owl-carousel .owl-nav button.owl-prev,.owl-carousel button.owl-dot{background:0 0;color:inherit;border:none;padding:0!important;font:inherit}.owl-carousel.owl-loading{opacity:0;display:block}.owl-carousel.owl-hidden{opacity:0}.owl-carousel.owl-refresh .owl-item{visibility:hidden}.owl-carousel.owl-drag .owl-item{-ms-touch-action:pan-y;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.owl-carousel.owl-grab{cursor:move;cursor:grab}.owl-carousel.owl-rtl{direction:rtl}.owl-carousel.owl-rtl .owl-item{float:right}.owl-carousel .animated{animation-duration:1s;animation-fill-mode:both}.owl-carousel .owl-animated-in{z-index:0}.owl-carousel .owl-animated-out{z-index:1}.owl-carousel .fadeOut{animation-name:fadeOut}@keyframes fadeOut{0%{opacity:1}100%{opacity:0}}.owl-height{transition:height .5s ease-in-out}.owl-carousel .owl-item .owl-lazy{opacity:0;transition:opacity .4s ease}.owl-carousel .owl-item .owl-lazy:not([src]),.owl-carousel .owl-item .owl-lazy[src^=""]{max-height:0}.owl-carousel .owl-item img.owl-lazy{transform-style:preserve-3d}.owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000}.owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url(/local/templates/main/assets/src/OwlCarousel2/owl.video.play.png) no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;transition:transform .1s ease}.owl-carousel .owl-video-play-icon:hover{-ms-transform:scale(1.3,1.3);transform:scale(1.3,1.3)}.owl-carousel .owl-video-playing .owl-video-play-icon,.owl-carousel .owl-video-playing .owl-video-tn{display:none}.owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;background-size:contain;transition:opacity .4s ease}.owl-carousel .owl-video-frame{position:relative;z-index:1;height:100%;width:100%} /* End */ /* Start:/local/templates/main/assets/src/OwlCarousel2/owl.theme.default.min.css?16819988671013*/ /** * Owl Carousel v2.3.4 * Copyright 2013-2018 David Deutsch * Licensed under: SEE LICENSE IN https://github.com/OwlCarousel2/OwlCarousel2/blob/master/LICENSE */ .owl-theme .owl-dots,.owl-theme .owl-nav{text-align:center;-webkit-tap-highlight-color:transparent}.owl-theme .owl-nav{margin-top:10px}.owl-theme .owl-nav [class*=owl-]{color:#FFF;font-size:14px;margin:5px;padding:4px 7px;background:#D6D6D6;display:inline-block;cursor:pointer;border-radius:3px}.owl-theme .owl-nav [class*=owl-]:hover{background:#869791;color:#FFF;text-decoration:none}.owl-theme .owl-nav .disabled{opacity:.5;cursor:default}.owl-theme .owl-nav.disabled+.owl-dots{margin-top:10px}.owl-theme .owl-dots .owl-dot{display:inline-block;zoom:1}.owl-theme .owl-dots .owl-dot span{width:10px;height:10px;margin:5px 7px;background:#D6D6D6;display:block;-webkit-backface-visibility:visible;transition:opacity .2s ease;border-radius:30px}.owl-theme .owl-dots .owl-dot.active span,.owl-theme .owl-dots .owl-dot:hover span{background:#869791} /* End */ /* Start:/local/templates/main/assets/src/Fancybox3/jquery.fancybox.min.css?168199886712795*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/main/assets/src/SlickSlider/slick.css?16819988671776*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /* End */ /* Start:/local/templates/main/assets/src/SlickSlider/slick-theme.css?16819988673145*/ @charset 'UTF-8'; /* Slider */ .slick-loading .slick-list { background: #fff url('/local/templates/main/assets/src/SlickSlider/./ajax-loader.gif') center center no-repeat; } /* Icons */ @font-face { font-family: 'slick'; font-weight: normal; font-style: normal; src: url('/local/templates/main/assets/src/SlickSlider/./fonts/slick.eot'); src: url('/local/templates/main/assets/src/SlickSlider/./fonts/slick.eot?#iefix') format('embedded-opentype'), url('/local/templates/main/assets/src/SlickSlider/./fonts/slick.woff') format('woff'), url('/local/templates/main/assets/src/SlickSlider/./fonts/slick.ttf') format('truetype'), url('/local/templates/main/assets/src/SlickSlider/./fonts/slick.svg#slick') format('svg'); } /* Arrows */ .slick-prev, .slick-next { font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; width: 20px; height: 20px; padding: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent; } .slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { color: transparent; outline: none; background: transparent; } .slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; } .slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: .25; } .slick-prev:before, .slick-next:before { font-family: 'slick'; font-size: 20px; line-height: 1; opacity: .75; color: white; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-prev { left: -25px; } [dir='rtl'] .slick-prev { right: -25px; left: auto; } .slick-prev:before { content: '←'; } [dir='rtl'] .slick-prev:before { content: '→'; } .slick-next { right: -25px; } [dir='rtl'] .slick-next { right: auto; left: -25px; } .slick-next:before { content: '→'; } [dir='rtl'] .slick-next:before { content: '←'; } /* Dots */ .slick-dotted.slick-slider { margin-bottom: 30px; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; } .slick-dots li button:before { font-family: 'slick'; font-size: 6px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } /* End */ /* Start:/local/templates/main/assets/src/Scrollbar/includes/prettify/prettify.css?1681998867675*/ .pln{color:#000}@media screen{.str{color:#080}.kwd{color:#008}.com{color:#800}.typ{color:#606}.lit{color:#066}.pun,.opn,.clo{color:#660}.tag{color:#008}.atn{color:#606}.atv{color:#080}.dec,.var{color:#606}.fun{color:red}}@media print,projection{.str{color:#060}.kwd{color:#006;font-weight:bold}.com{color:#600;font-style:italic}.typ{color:#404;font-weight:bold}.lit{color:#044}.pun,.opn,.clo{color:#440}.tag{color:#006;font-weight:bold}.atn{color:#404}.atv{color:#060}}pre.prettyprint{padding:2px;border:1px solid #888}ol.linenums{margin-top:0;margin-bottom:0}li.L0,li.L1,li.L2,li.L3,li.L5,li.L6,li.L7,li.L8{list-style-type:none}li.L1,li.L3,li.L5,li.L7,li.L9{background:#eee} /* End */ /* Start:/local/templates/main/assets/src/Scrollbar/jquery.scrollbar.css?168199886722618*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #cccccc; border-top-color: #999999; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; padding: 2px; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scrollbar-inner > .scroll-element, .scrollbar-inner > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-inner > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scrollbar-inner > .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scrollbar-inner > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-inner > .scroll-element .scroll-element_outer, .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-inner > .scroll-element .scroll-element_track, .scrollbar-inner > .scroll-element .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=40)"; filter: alpha(opacity=40); opacity: 0.4; } .scrollbar-inner > .scroll-element .scroll-element_track { background-color: #e0e0e0; } .scrollbar-inner > .scroll-element .scroll-bar { background-color: #c2c2c2; } .scrollbar-inner > .scroll-element:hover .scroll-bar { background-color: #919191; } .scrollbar-inner > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scrollbar-inner > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scrollbar-inner > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } /*************** SIMPLE OUTER SCROLLBAR ***************/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_track { background-color: #eeeeee; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* scrollbar height/width & offset from container borders */ .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } /*************** SCROLLBAR MAC OS X ***************/ .scrollbar-macosx > .scroll-element, .scrollbar-macosx > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-macosx > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-macosx > .scroll-element .scroll-element_track { display: none; } .scrollbar-macosx > .scroll-element .scroll-bar { background-color: #6C6E71; display: block; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; filter: alpha(opacity=0); opacity: 0; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-transition: opacity 0.2s linear; -moz-transition: opacity 0.2s linear; -o-transition: opacity 0.2s linear; -ms-transition: opacity 0.2s linear; transition: opacity 0.2s linear; } .scrollbar-macosx:hover > .scroll-element .scroll-bar, .scrollbar-macosx > .scroll-element.scroll-draggable .scroll-bar { -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-macosx > .scroll-element.scroll-x { bottom: 0px; height: 0px; left: 0; min-width: 100%; overflow: visible; width: 100%; } .scrollbar-macosx > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0px; top: 0; width: 0px; } /* scrollbar height/width & offset from container borders */ .scrollbar-macosx > .scroll-element.scroll-x .scroll-bar { height: 7px; min-width: 10px; top: -9px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-bar { left: -9px; min-height: 10px; width: 7px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_outer { left: 2px; } .scrollbar-macosx > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_outer { top: 2px; } .scrollbar-macosx > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-macosx > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-macosx > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /*************** SCROLLBAR LIGHT ***************/ .scrollbar-light > .scroll-element, .scrollbar-light > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-light > .scroll-element { background-color: #ffffff; } .scrollbar-light > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-light > .scroll-element .scroll-element_outer { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element .scroll-element_size { background: #dbdbdb; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2RiZGJkYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGU4ZTgiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #dbdbdb 0%, #e8e8e8 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#dbdbdb), color-stop(100%,#e8e8e8)); background: -webkit-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -o-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: -ms-linear-gradient(left, #dbdbdb 0%,#e8e8e8 100%); background: linear-gradient(to right, #dbdbdb 0%,#e8e8e8 100%); -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .scrollbar-light > .scroll-element.scroll-x { bottom: 0; height: 17px; left: 0; min-width: 100%; width: 100%; } .scrollbar-light > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 17px; } .scrollbar-light > .scroll-element .scroll-bar { background: #fefefe; background: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZlZmVmZSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNWY1ZjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+'); background: -moz-linear-gradient(left, #fefefe 0%, #f5f5f5 100%); background: -webkit-gradient(linear, left top, right top, color-stop(0%,#fefefe), color-stop(100%,#f5f5f5)); background: -webkit-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -o-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: -ms-linear-gradient(left, #fefefe 0%,#f5f5f5 100%); background: linear-gradient(to right, #fefefe 0%,#f5f5f5 100%); border: 1px solid #dbdbdb; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } /* scrollbar height/width & offset from container borders */ .scrollbar-light > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-light > .scroll-content.scroll-scrollx_visible { top: -17px; margin-top: 17px; } .scrollbar-light > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 0px; } .scrollbar-light > .scroll-element.scroll-y .scroll-bar { left: 0px; min-height: 10px; width: 10px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_outer { height: 12px; left: 2px; top: 2px; } .scrollbar-light > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_outer { left: 2px; top: 2px; width: 12px; } .scrollbar-light > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-light > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-light > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /*************** SCROLLBAR RAIL ***************/ .scrollbar-rail > .scroll-element, .scrollbar-rail > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-rail > .scroll-element { background-color: #ffffff; } .scrollbar-rail > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-rail > .scroll-element .scroll-element_size { background-color: #999; background-color: rgba(0, 0, 0, 0.3); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-element_size { background-color: #666; background-color: rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; min-width: 100%; padding: 3px 0 2px; width: 100%; } .scrollbar-rail > .scroll-element.scroll-y { height: 100%; min-height: 100%; padding: 0 2px 0 3px; right: 0; top: 0; width: 12px; } .scrollbar-rail > .scroll-element .scroll-bar { background-color: #d0b9a0; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5); } .scrollbar-rail > .scroll-element .scroll-element_outer:hover .scroll-bar { box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.6); } /* scrollbar height/width & offset from container borders */ .scrollbar-rail > .scroll-content.scroll-scrolly_visible { left: -17px; margin-left: 17px; } .scrollbar-rail > .scroll-content.scroll-scrollx_visible { margin-top: 17px; top: -17px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-bar { height: 10px; min-width: 10px; top: 1px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-bar { left: 1px; min-height: 10px; width: 10px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_outer { height: 15px; left: 5px; } .scrollbar-rail > .scroll-element.scroll-x .scroll-element_size { height: 2px; left: -10px; top: 5px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_outer { top: 5px; width: 15px; } .scrollbar-rail > .scroll-element.scroll-y .scroll-element_size { left: 5px; top: -10px; width: 2px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -25px; } .scrollbar-rail > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -25px; } .scrollbar-rail > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -25px; } /*************** SCROLLBAR DYNAMIC ***************/ .scrollbar-dynamic > .scroll-element, .scrollbar-dynamic > .scroll-element div { background: none; border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-dynamic > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-x { bottom: 2px; height: 7px; left: 0; min-width: 100%; width: 100%; } .scrollbar-dynamic > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 2px; top: 0; width: 7px; } .scrollbar-dynamic > .scroll-element .scroll-element_outer { opacity: 0.3; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element .scroll-element_size { background-color: #cccccc; opacity: 0; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; -ms-transition: opacity 0.2s; transition: opacity 0.2s; } .scrollbar-dynamic > .scroll-element .scroll-bar { background-color: #6c6e71; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } /* scrollbar height/width & offset from container borders */ .scrollbar-dynamic > .scroll-element.scroll-x .scroll-bar { bottom: 0; height: 7px; min-width: 24px; top: auto; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-bar { left: auto; min-height: 24px; right: 0; width: 7px; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_outer { bottom: 0; top: auto; left: 2px; -webkit-transition: height 0.2s; -moz-transition: height 0.2s; -o-transition: height 0.2s; -ms-transition: height 0.2s; transition: height 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_outer { left: auto; right: 0; top: 2px; -webkit-transition: width 0.2s; -moz-transition: width 0.2s; -o-transition: width 0.2s; -ms-transition: width 0.2s; transition: width 0.2s; } .scrollbar-dynamic > .scroll-element.scroll-x .scroll-element_size { left: -4px; } .scrollbar-dynamic > .scroll-element.scroll-y .scroll-element_size { top: -4px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-dynamic > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -11px; } .scrollbar-dynamic > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -11px; } /* hover & drag */ .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer { overflow: hidden; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); opacity: 0.7; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-element_size, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-element_size { opacity: 1; } .scrollbar-dynamic > .scroll-element:hover .scroll-element_outer .scroll-bar, .scrollbar-dynamic > .scroll-element.scroll-draggable .scroll-element_outer .scroll-bar { height: 100%; width: 100%; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; } .scrollbar-dynamic > .scroll-element.scroll-x:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-x.scroll-draggable .scroll-element_outer { height: 20px; min-height: 7px; } .scrollbar-dynamic > .scroll-element.scroll-y:hover .scroll-element_outer, .scrollbar-dynamic > .scroll-element.scroll-y.scroll-draggable .scroll-element_outer { min-width: 7px; width: 20px; } /*************** SCROLLBAR GOOGLE CHROME ***************/ .scrollbar-chrome > .scroll-element, .scrollbar-chrome > .scroll-element div { border: none; margin: 0; overflow: hidden; padding: 0; position: absolute; z-index: 10; } .scrollbar-chrome > .scroll-element { background-color: #ffffff; } .scrollbar-chrome > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-chrome > .scroll-element .scroll-element_outer {} .scrollbar-chrome > .scroll-element .scroll-element_track { background: #f1f1f1; border: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x { bottom: 0; height: 16px; left: 0; min-width: 100%; width: 100%; } .scrollbar-chrome > .scroll-element.scroll-y { height: 100%; min-height: 100%; right: 0; top: 0; width: 16px; } .scrollbar-chrome > .scroll-element .scroll-bar { background-color: #d9d9d9; border: 1px solid #bdbdbd; cursor: default; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .scrollbar-chrome > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; border-color: #a9a9a9; } .scrollbar-chrome > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; border-color: #7e7e7e; } /* scrollbar height/width & offset from container borders */ .scrollbar-chrome > .scroll-content.scroll-scrolly_visible { left: -16px; margin-left: 16px; } .scrollbar-chrome > .scroll-content.scroll-scrollx_visible { top: -16px; margin-top: 16px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-bar { height: 8px; min-width: 10px; top: 3px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-bar { left: 3px; min-height: 10px; width: 8px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_outer { border-left: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_track { height: 14px; left: -3px; } .scrollbar-chrome > .scroll-element.scroll-x .scroll-element_size { height: 14px; left: -4px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_outer { border-top: 1px solid #dbdbdb; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_track { top: -3px; width: 14px; } .scrollbar-chrome > .scroll-element.scroll-y .scroll-element_size { top: -4px; width: 14px; } /* update scrollbar offset if both scrolls are visible */ .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -19px; } .scrollbar-chrome > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -19px; } .scrollbar-chrome > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -19px; } /* End */ /* Start:/local/templates/main/assets/src/jQueryUISlider/jquery-ui.css?16819988676992*/ /*! jQuery UI - v1.12.1 - 2018-05-02 * http://jqueryui.com * Includes: core.css, slider.css, theme.css * Copyright jQuery Foundation and other contributors; Licensed MIT */ /* Layout helpers ----------------------------------*/ .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-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); /* support: IE8 */ } .ui-front { z-index: 100; } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; pointer-events: none; } /* Icons ----------------------------------*/ .ui-icon { display: inline-block; vertical-align: middle; margin-top: -.25em; position: relative; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } .ui-widget-icon-block { left: 50%; margin-left: -8px; display: block; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; } .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; display: block; background: var(--color-red, #FE3D3D); border-radius: 3px; } /* support: IE8 - See #6727 */ .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: -4px; margin-left: -5px; } .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; } /* Component containers ----------------------------------*/ .ui-widget { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial,Helvetica,sans-serif; font-size: 1em; } .ui-widget.ui-widget-content { position: relative; z-index: 1; width: 100%; height: 2px; background: #d2d2d2; border-radius: 2px; } .ui-widget-content { position: relative; z-index: 1; width: 100%; height: 2px; background: #d2d2d2; border-radius: 2px; } .ui-widget-content a { color: #333333; } .ui-widget-header { } .ui-widget-header a { color: #333333; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-button, /* We use html here because we need a greater specificity to make sure disabled works properly when clicked or hovered */ html .ui-button.ui-state-disabled:hover, html .ui-button.ui-state-disabled:active { top: -4px; background: var(--color-red, #FE3D3D); border-radius: 50%; width: 10px; height: 10px; cursor: pointer; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited, a.ui-button, a:link.ui-button, a:visited.ui-button, .ui-button { color: #454545; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus, .ui-button:hover, .ui-button:focus { } .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link, .ui-state-hover a:visited, .ui-state-focus a, .ui-state-focus a:hover, .ui-state-focus a:link, .ui-state-focus a:visited, a.ui-button:hover, a.ui-button:focus { color: #2b2b2b; text-decoration: none; } .ui-visual-focus { } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active, a.ui-button:active, .ui-button:active, .ui-button.ui-state-active:hover { } .ui-icon-background, .ui-state-active .ui-icon-background { } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #ffffff; text-decoration: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { border: 1px solid #dad55e; background: #fffa90; color: #777620; } .ui-state-checked { border: 1px solid #dad55e; background: #fffa90; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a, .ui-widget-header .ui-state-highlight a { color: #777620; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error { border: 1px solid #f1a899; background: #fddfdf; color: #5f3f3f; } .ui-state-error a, .ui-widget-content .ui-state-error a, .ui-widget-header .ui-state-error a { color: #5f3f3f; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #5f3f3f; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); /* support: IE8 */ font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); /* support: IE8 */ background-image: none; } .ui-state-disabled .ui-icon { filter:Alpha(Opacity=35); /* support: IE8 - See #6059 */ } /* Corner radius */ .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 3px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 3px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 3px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa; opacity: .3; filter: Alpha(Opacity=30); /* support: IE8 */ } .ui-widget-shadow { -webkit-box-shadow: 0px 0px 5px #666666; box-shadow: 0px 0px 5px #666666; } /* End */ /* Start:/local/templates/main/assets/css/style.css?1783683246228138*/ /* * Prefixed by https://autoprefixer.github.io * PostCSS: v8.4.14, * Autoprefixer: v10.4.7 * Browsers: last 4 version */ /* IN: start default styles */ :root { --default-color: #1F2123; --color-white: #ffffff; --color-green: #469064; --color-red: #FE3D3D; --color-light-gray: #F7F7F7; --color-gray: #999999; --color-dark-gray: #5B5B5B; --color-yellow: #FEDA75; --color-blue: #456493; --color-light-blue: #4776BD; --color-violet: #8F94FF; --color-yellow-2: #FFD34E; } * { -webkit-box-sizing: border-box; box-sizing: border-box; } body { font-family: "SF UI Display"; font-style: normal; font-weight: 400; font-size: 16px; line-height: 27px; color: var(--default-color, #1F2123); padding: 0; margin: 0; } a, input, textarea, button { outline: 0; cursor: pointer; } a, svg, svg path, input, textarea, button, .owl-carousel .owl-dot, .owl-carousel .owl-dot span, .catalog-btn__title, .rooms__link span, .personal__cabinet-link span, .personal__icon-link::before, .block__stocks .card, .idea__ellipse, .idea__ellipse::before, .footer__phone span, .card, .card__article-hidden, .card__hidden, .card__offer, .breadcrumbs__item span, .section__title h3, .pagenavigation__item span, .filter__checkbox-else, .filter__popup, .detail__popup, .locations__select span, .slider__small-img-block, .sections__button-popup, .radio__title::before, .radio__title::after, .radio__title, .close__icon::before, .close__icon::after, .content__ideas, .contacts__scheme-link, .default__class .tab, .location__popup { -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } img { max-width: 100%; } .overflow_hidden { overflow: hidden !important; padding-right: 17px; } .overflow_hidden .header { padding-right: 17px; } .container { max-width: 1809px; padding: 0 15px; margin: 0 auto; } .row__blocks { margin: 0 -15px; } .row__blocks .card { width: calc(25% - 30px); margin: 15px; } .row__blocks .card__big { width: calc(50% - 30px); margin: 15px; } .row__blocks .card__big-block { width: calc(50% - 30px); } .row__blocks .card__big-block .card { width: 100%; } .row__blocks .card__big-block .card+.card { margin-top: 26px; } .d-flex { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .flex-wrap { -ms-flex-wrap: wrap; flex-wrap: wrap; } .align-items-start { -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; } .align-items-center { -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .align-content-start { -ms-flex-line-pack: start; align-content: flex-start; } .align-content-center { -ms-flex-line-pack: center; align-content: center; } .align-content-between { -ms-flex-line-pack: justify; align-content: space-between; } .justify-content-start { -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } .justify-content-center { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .justify-content-between { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .justify-content-end { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .btn { display: inline-block; font-style: normal; font-weight: 700; font-size: 14px; line-height: 54px; color: var(--default-color, #1F2123); background: var(--color-white, #ffffff); border: 1px solid var(--default-color, #1F2123); border-radius: 50px; padding: 0 24px 0 30px; } .btn:hover, .btn:focus { opacity: 0.7; } .btn__next::after { content: ""; display: inline-block; vertical-align: middle; margin-bottom: 1px; width: 10px; height: 15px; background: transparent url("/local/templates/main/assets/css/../images/arrow_right_black.svg") center center no-repeat; margin-left: 22px; } .btn__show-all::after { content: ""; display: inline-block; vertical-align: middle; margin-bottom: 1px; width: 15px; height: 12px; background: transparent url("/local/templates/main/assets/css/../images/arrow_bottom_black_big.svg") center center no-repeat; margin-left: 14px; margin-right: -2px; } .btn__link { text-decoration: none; } .btn__transparent { background: transparent; } .btn.btn__transparent:hover, .btn.btn__transparent-hover { background: var(--default-color, #1F2123); border-color: var(--default-color, #1F2123); color: var(--color-white, #ffffff) !important; opacity: 1; } .btn__next.btn.btn__transparent:hover::after, .btn__next.btn.btn__transparent-hover::after, .btn__next.btn.btn__transparent:focus::after, .btn__next.btn__transparent-focus::after { background-image: url("/local/templates/main/assets/css/../images/arrow_right_white.svg"); } .btn.btn__transparent:focus, .btn__transparent-focus { background: #3A3C3F; border-color: #3A3C3F; color: var(--color-white, #ffffff) !important; opacity: 1; } .btn__img { float: left; } .btn__black { background: var(--default-color, #1F2123); border-color: var(--default-color, #1F2123); color: var(--color-white, #ffffff); } .btn__red { background: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); color: var(--color-white, #ffffff); } .btn.btn__red:hover, .btn__red-hover, .btn__black:hover { background: #EC1C1C; border-color: #EC1C1C; opacity: 1; } .btn.btn__red:focus, .btn__red-focus, .btn__black:focus { background: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); opacity: 1; } .btn__content { display: block; padding-left: 45px; } .btn__content p { display: block; font-weight: 700; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); margin: 0 0 9px; } .btn__content span { display: block; font-weight: 400; font-size: 16px; line-height: 19px; color: var(--color-gray, #999999); } .btn__black .btn__content p { color: var(--color-white, #FFFFFF); } .btn__title { display: inline-block; vertical-align: middle; margin-left: 23px; font-weight: 700; font-size: 14px; line-height: 31px; color: var(--default-color, #1F2123); border-color: #d9d9d9; padding: 0 15px 0 14px; } .btn__title:hover, btn__title:focus { border-color: var(--color-red, #FE3D3D); } .btn__popup { width: 100%; text-align: center; } .btn__disabled { background: #B5B5B5 !important; border-color: #B5B5B5 !important; cursor: default; } .btn.btn__transparent.btn__disabled { background: transparent !important; border-color: #B5B5B5 !important; color: #B5B5B5 !important; } .btn__next.btn__disabled.btn__transparent::after { background-image: url("/local/templates/main/assets/css/../images/arrow_right_disabled.svg") !important; } .tab { display: inline-block; text-decoration: none; background: var(--color-red, #FE3D3D); border: 1px solid var(--color-red, #FE3D3D); border-radius: 50px; font-weight: 700; font-size: 16px; line-height: 19px; color: var(--color-white, #FFFFFF); padding: 13px 19px; margin-right: 15px; cursor: pointer; } .tab__black { background: var(--default-color, #1F2123); border-color: var(--default-color, #1F2123); color: var(--color-white, #FFFFFF); } .tab:hover, .tab:focus, .tab__black:hover, .tab__black:focus { color: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); background: var(--color-white, #FFFFFF); } .close__icon { position: absolute; z-index: 1; width: 42px; height: 42px; cursor: pointer; } .close__icon::before, .close__icon::after { content: ""; position: absolute; top: 50%; left: 50%; width: 22px; height: 2px; background: var(--default-color, #1F2123); margin: -5px 0 0 -11px; } .close__icon::before { -webkit-transform: rotate(45deg); -ms-transform: rotate(45deg); transform: rotate(45deg); } .close__icon::after { -webkit-transform: rotate(-45deg); -ms-transform: rotate(-45deg); transform: rotate(-45deg); } .close__icon:hover::before, .close__icon:hover::after { background: var(--color-red, #FE3D3D); } .modal-popup { display: none; } .popup__not-link { text-decoration: none; } .subblock { width: 50%; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); } .subblock ul { padding: 0 0 0 23px; margin: 10px 0; } .d-flex>.subblock:nth-child(1) { padding-right: 15px; } .d-flex>.subblock:nth-child(2) { padding-left: 15px; } .number { font-family: sans-serif; } .only__mobile { display: none !important; } .owl-carousel { position: relative; } .owl-carousel::before, .owl-carousel::after { content: ''; position: absolute; top: 0; z-index: 1; width: 10000px; height: 100%; background: #fff; } .owl-carousel::before { right: 100%; margin-right: 10px; } .owl-carousel::after { left: 100%; margin-left: 10px; } .catalog__line .owl-carousel::before, .catalog__line .owl-carousel::after, .block__about-dilers .owl-carousel::before, .block__about-dilers .owl-carousel::after, .block__about-company .owl-carousel::before, .block__about-company .owl-carousel::after { display: none; } .owl-carousel .owl-dots { text-align: center; margin-top: 14px; } .owl-carousel .owl-dot { width: 10px; height: 10px; border-radius: 50%; margin: 5.5px; } .owl-carousel .owl-dot span { display: block; width: 6px; height: 6px; background: var(--color-gray, #999999); border-radius: 50%; opacity: 0.5; margin: 0 auto; } .owl-carousel .owl-dot.active, .owl-carousel .owl-dot.active span, .owl-carousel .owl-dot:hover, .owl-carousel .owl-dot:hover span { background: var(--color-dark-gray, #5B5B5B); opacity: 1; } .owl-carousel .owl-nav { position: absolute; top: -91px; right: 0; z-index: 1; } .owl-carousel .owl-nav button { opacity: 0.3; } .owl-carousel .owl-nav button+button { margin-left: 10px; } .owl-carousel .owl-nav button:hover, .owl-carousel .owl-nav button:focus { opacity: 1; } .owl-carousel .owl-nav span { display: block; width: 40px; height: 40px; border: 1px solid var(--default-color, #1F2123); border-radius: 50%; font-size: 30px; line-height: 32px; } .owl-carousel-cards.owl-carousel .owl-item img { width: auto; margin: 0 auto; } .owl-carousel-cards .owl-stage-outer { width: calc(100% + 200px); overflow: visible; } .owl-carousel-card-images { height: 100%; } .owl-carousel-card-images.owl-carousel .owl-item img { width: auto; } .owl-carousel-card-images .owl-stage-outer { width: 100%; height: 100%; } .owl-carousel-card-images .owl-stage { height: 100%; } .owl-carousel-card-images .owl-item { height: 100%; } .owl-carousel-card-images.owl-carousel .owl-dots { position: absolute; width: 100%; left: 0; bottom: 0; margin: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .card .owl-carousel-card-images.owl-carousel .owl-dots { display: none; } .card:hover .owl-carousel-card-images.owl-carousel .owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; } .owl-carousel-card-images.owl-carousel .owl-dot { width: 100%; height: auto; border-radius: 0; background: transparent; } .owl-carousel-card-images.owl-carousel .owl-dot span { width: 100%; height: 2px; border-radius: 0; margin: 5px 0; } .owl-carousel-sections.owl-carousel .owl-dots { margin: 11px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .owl-carousel-sections.owl-carousel .owl-dot { width: 100%; height: auto; margin: 0; border-radius: 0; background: transparent; } .owl-carousel-sections.owl-carousel .owl-dot span { width: 100%; height: 1px; margin: 15px 0; } .owl-carousel-sections .owl-stage-outer { width: calc(100% + 200px); } .owl-carousel-cards.owl-dots-type-line>.owl-dots { display: none; } .owl-dots-type-line>.owl-dots { position: relative; z-index: -1; margin: 11px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .owl-dots-type-line>.owl-dots .owl-dot { width: 100%; height: auto; margin: 0; border-radius: 0; background: transparent; } .owl-dots-type-line>.owl-dots .owl-dot span { width: 100%; height: 1px; border-radius: 0; margin: 15px 0; } .owl-carousel.owl-dots-type-line>.owl-dots .owl-dot.active, .owl-carousel.owl-dots-type-line>.owl-dots .owl-dot:hover { background: transparent; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav { position: absolute; top: 100%; right: auto; left: 0; bottom: auto; z-index: 1; height: 0; width: 100%; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav button { position: absolute; top: -68px; opacity: 1; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav button.owl-prev { left: 40px; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav button.owl-next { right: 40px; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav span { border-color: var(--color-white, #ffffff); color: var(--color-white, #ffffff); } .owl-carousel-dots-bottom-white.owl-carousel .owl-dots { text-align: center; margin-top: 0; position: absolute; width: 100%; left: 0; bottom: 36px; } .owl-carousel-dots-bottom-white.owl-carousel .owl-dot span { background: var(--color-white, #ffffff); opacity: 1; } .owl-carousel-dots-bottom-white.owl-carousel .owl-dot.active, .owl-carousel-dots-bottom-white.owl-carousel .owl-dot.active span, .owl-carousel-dots-bottom-white.owl-carousel .owl-dot:hover, .owl-carousel-dots-bottom-white.owl-carousel .owl-dot:hover span { background: var(--color-white, #ffffff); } .owl-carousel-right .owl-stage-outer { width: calc(100% + 200px); } .owl-dots-type-line .owl-carousel-card-images .owl-dot { margin: 4px; } .owl-carousel.owl-dots-type-line .owl-dot span, .owl-carousel.owl-carousel-sections .owl-dot span { border-radius: 0; } .owl-carousel.owl-carousel-requisits .owl-nav { top: -50px; } /* IN: end default styles */ /* IN: start header styles */ .header__mobile { display: none; position: fixed; width: 100%; top: 0; left: 0; z-index: 999; background: var(--color-white, #ffffff); padding: 12px 0; } .header { position: fixed; width: 100%; top: 0; left: 0; z-index: 999; background: var(--color-white, #ffffff); padding: 36px 0 35px; } .close__menu-mobile { display: none; } .search__mobile { display: none; } .overflow_hidden .header, .overflow_hidden .header__mobile { z-index: 980; } .header__logo { width: 180px; margin-top: 1px; } .logo__link:hover, .logo__link:focus { opacity: 0.7; } .header__catalog-btn { width: 229px; padding: 0px 0px 10px 50px; } .header__rooms { /*width: 144px;*/ display: none; padding-bottom: 18px; } .header__search { width: 267px; padding-bottom: 10px; } .header__nav { width: 326px; padding-bottom: 10px; } .header__contacts { /*width: 412px;*/ width: 556px; padding-bottom: 10px; -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .header__locations { white-space: nowrap; } .header__phone { white-space: nowrap; } .header__work-time { white-space: nowrap; } .header__personal { width: 221px; padding-bottom: 12px; } .location__popup-login-form .input__area { margin-bottom: 20px; } .location__popup-login-form .submit__area { margin-top: 20px; margin-bottom: 25px; } .location__popup-login-form .btn { width: 100%; height: 50px; line-height: 48px; } .code__repeat-send { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); } .code__repeat-send span { color: var(--color-red, #FE3D3D); } .location__popup.product__added-popup { right: -700px; max-width: 700px; } .product__added-item .catalog__line.row__blocks .card { border-bottom: 1px dashed #D9D9D9; } .product__added-item .card:hover { -webkit-box-shadow: 0 0; box-shadow: 0 0; } .product__added-item .catalog__line .card__img { width: 192px; height: 140px; } .product__added-item .catalog__line .card__content-popup { width: calc(100% - 198px); padding-top: 10px; } .product__added-item .catalog__line { margin-top: 0; margin-bottom: 40px; } .product__added-item .catalog__line .card__counter { text-align: left; padding-right: 0; width: auto; border: 1px solid #D9D9D9; border-radius: 50px; padding: 8px 16px; } .product__added-item .counter__action { font-size: 18px; line-height: 16px; color: #bababa; } .product__added-item .card__price { font-size: 16px; line-height: 19px; } .product__added-popup-info { font-weight: 400; font-size: 14px; line-height: 20px; margin-bottom: 40px; color: var(--color-gray, #999999); } .product__added-popup-info span { display: block; } .product__added-popup-text { width: 37%; } .product__added-popup-total { width: 63%; text-align: right; } .product__added-popup-total .card__price { font-size: 30px; line-height: 36px; padding-top: 4px; } .product__added-popup-buttons .btn { text-align: center; height: 50px; line-height: 48px; width: 48.5%; } .header__mobile .logo img { display: block; max-width: 112px; } .header__mobile-phone { display: inline-block; vertical-align: middle; margin-left: 5px; } .header__mobile-phone a { display: block; text-align: center; width: 30px; height: 30px; line-height: 28px; border-radius: 50%; border: 1px solid gray; } .header__mobile-phone_red a { border-color: var(--color-red, #FE3D3D); line-height: 26px; } .header__mobile-phone_green a { border-color: #0DC143; line-height: 33px; } /* IN: start header catalog styles */ .catalog-btn__title { width: 145px; background: var(--color-red, #FE3D3D); border: 1px solid var(--color-red, #FE3D3D); border-radius: 50px; font-weight: 700; font-size: 16px; line-height: 19px; color: var(--color-white, #FFFFFF); padding: 13px 19px; cursor: pointer; } .catalog-btn__title svg { display: inline-block; vertical-align: bottom; margin-right: 12px; } .catalog-btn__title:hover, .catalog-btn__title:focus { background: var(--color-white, #ffffff); color: var(--color-red, #FE3D3D); } .catalog-btn__title:hover svg path, .catalog-btn__title:focus svg path { stroke: var(--color-red, #FE3D3D); } .catalog-btn__dropdown { display: none; position: absolute; top: 100%; left: 0; z-index: 999; width: 100%; background: var(--color-white, #FFFFFF); border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; -webkit-filter: drop-shadow(0px 70px 50px rgba(0, 0, 0, 0.1)); filter: drop-shadow(0px 70px 50px rgba(0, 0, 0, 0.1)); } .catalog-btn__dropdown_active { display: block; } .dropdown__nav .nav__items { text-align: left; } .dropdown__nav>.nav__items::before { content: ""; position: absolute; left: 20%; top: 0; z-index: 1; height: 100%; border-right: 1px solid #D9D9D9; } .dropdown__nav>.nav__items>.nav__item:first-child { padding-top: 30px; } .dropdown__nav>.nav__items>.nav__item:last-child { padding-bottom: 30px; } .dropdown__nav>.nav__items>.nav__item svg { display: inline-block; vertical-align: bottom; margin-right: 10px; } .dropdown__nav .nav__item { display: block; } .dropdown__nav .nav__items>.nav__item { width: 20%; } .dropdown__nav .nav__items>.nav__item>.nav__link { position: relative; font-size: 14px; line-height: 17px; font-weight: 700; padding: 10px; padding-right: 30px; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .dropdown__nav .nav__items>.nav__item.nav__item_active>.nav__link { background: #F5F5F5; } .dropdown__nav .nav__items>.nav__item>.nav__link svg path { fill: var(--color-red, #FE3D3D); } .dropdown__nav .nav__items>.nav__item.nav-item__has-child>.nav__link::after { content: ""; float: right; display: inline-block; vertical-align: middle; margin-bottom: 1px; width: 10px; height: 15px; background: transparent url("/local/templates/main/assets/css/../images/nav_arrow_right_gray.svg") center center no-repeat; margin-right: 0px; position: absolute; top: 50%; right: 10px; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .dropdown__nav .nav__items>.nav__item.nav-item__has-child.nav__item_active>.nav__link::after { background: transparent url("/local/templates/main/assets/css/../images/nav_arrow_right_black.svg") center center no-repeat; } .dropdown__nav .nav__items>.nav__item>.nav__items-child { display: none; position: absolute; top: 0; left: 20%; width: 53%; padding: 30px 0 0 0; margin: 0 0 0 50px; } .dropdown__nav .nav__items>.nav__item.nav__item_active>.nav__items-child { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 30px; } .dropdown__nav .nav__items>.nav__item.nav__item_active>.nav__items-child>.nav__item-child { width: 33.333333%; padding-right: 15px; } .dropdown__nav .nav__items-child { list-style-type: none; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child>.nav__link-child { font-weight: 700; font-size: 16px; line-height: 24px; padding: 0; margin-bottom: 15px; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child { padding: 0; margin-bottom: 30px; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child .nav__link-child { font-size: 14px; line-height: 17px; color: #797979; padding: 7px 0; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child .nav__link-child:hover, .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child .nav__link-child:focus { color: var(--color-red, #FE3D3D); } .nav__items-title { width: 100%; font-size: 18px; line-height: 21px; font-weight: 700; margin-bottom: 30px; } .dropdown__tabs { position: absolute; top: -70px; left: 0; z-index: 1; } .dropdown__tabs .tab { font-size: 13px; line-height: 16px; } .dropdown__stocks.block__stocks { position: absolute; top: -70px; left: 100%; z-index: 1; width: 45%; padding-bottom: 30px; padding-left: 4px; margin: 0; } .dropdown__stocks .card__img img { max-width: initial; max-height: inherit; min-width: 100%; min-height: 100%; } /* IN: end header catalog styles */ .rooms__link { text-decoration: none; } .rooms__link svg { display: inline-block; vertical-align: bottom; margin-right: 12px; } .rooms__link span { position: relative; top: 2px; font-weight: 700; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); } .rooms__link:hover span, .rooms__link:focus span { color: var(--color-red, #FE3D3D); } .rooms__link:hover svg path, .rooms__link:focus svg path { fill: var(--color-red, #FE3D3D); } /* IN: start header search styles */ .search__form { position: relative; } .search__form:hover .search__input, .search__form:focus .search__input { border-color: var(--color-red, #FE3D3D); } .search__input { width: 100%; display: block; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 50px; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--color-gray, #999999); padding: 14px 15px 14px 49px; } .search__input::-webkit-input-placeholder { color: var(--color-gray, #999999); } .search__input::-moz-placeholder { color: var(--color-gray, #999999); } .search__input:-ms-input-placeholder { color: var(--color-gray, #999999); } .search__input::-ms-input-placeholder { color: var(--color-gray, #999999); } .search__input::placeholder { color: var(--color-gray, #999999); } .search__submit { position: absolute; top: 0; left: 0; z-index: 1; background: transparent; border: 0; width: 48px; height: 48px; padding: 3px 0 0 8px; } .search__submit:hover svg path, .search__submit:focus svg path { stroke: var(--color-red, #FE3D3D); } .search__dropdown { display: none; position: absolute; top: 100%; left: 0; z-index: 999; width: 100%; background: var(--color-white, #FFFFFF); border-top: 1px solid #D9D9D9; border-bottom: 1px solid #D9D9D9; } .search__dropdown_active { display: block; } .search__nav { width: 20%; padding-top: 26px; } .search__content { width: 80%; padding: 16px 60px 30px 85px; } .search__nav .nav { margin-bottom: 71px; } .search__nav-title { font-weight: 700; font-size: 18px; line-height: 21px; color: var(--default-color, #1F2123); margin-bottom: 14px; } .search__content .row__blocks .card { width: calc(33.333333% - 30px); } .search__content .row__blocks { margin-bottom: 50px; } .search__dropdown .nav__items { text-align: left; } .search__dropdown .nav__items::before { content: ""; position: absolute; left: 22.5%; top: 0; z-index: 1; height: 100%; border-right: 1px solid #D9D9D9; } .search__dropdown .nav__item { display: block; } .search__dropdown .nav__link { display: block; padding: 6px 0; } .title.search__content-title { font-size: 26px; line-height: 31px; margin-bottom: 37px; } .btn.search__content-button { font-size: 14px; line-height: 17px; border-color: #d9d9d9; line-height: 31px; padding: 0 14px; margin-left: 24px; display: inline-block; vertical-align: text-top; } .search__close-icon { top: 10px; right: 54px; } .search__close-icon.close__icon::before, .search__close-icon.close__icon::after { width: 24px; height: 2px; background: var(--default-color, #1F2123); } .search__dropdown-container { margin-bottom: 30px; } /* IN: end header search styles */ /* IN: start header nav styles */ .nav__items { text-align: center; list-style-type: none; padding: 0; margin: 0; } .nav__item { display: inline-block; } .nav__link, .nav__link-child { display: inline-block; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); text-decoration: none; padding: 5px 9px; } .nav__link:hover, .nav__link-child:hover, .nav__link:focus, .nav__link-child:focus { color: var(--color-red, #FE3D3D); } /* IN: end header nav styles */ .header__locations { position: relative; padding-right: 18px; } /* IN: start header locations styles */ .locations__select { text-decoration: none; } .locations__select:hover span, .locations__select:focus span { color: var(--color-red, #FE3D3D); } .locations__select:hover svg path, .locations__select:focus svg path { fill: var(--color-red, #FE3D3D); } .locations__select svg { display: inline-block; vertical-align: middle; margin-right: 2px; } .locations__select span { font-weight: 400; font-size: 15px; line-height: 18px; color: var(--color-gray, #999999); } .locations__dropdown { display: none; } .location__popup-town { display: none; position: absolute; top: 100%; left: 50%; z-index: 9; width: 443px; -webkit-transform: translate(-50%, 20px); -ms-transform: translate(-50%, 20px); transform: translate(-50%, 20px); text-align: center; background: var(--color-white, #FFFFFF); border: 1px solid rgba(0, 0, 0, 0.02); -webkit-box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.02); box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.02); border-radius: 3px; padding: 34px 73px; } .location__popup-town-title { font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); margin-bottom: 25px; } .location__popup-town .btn { height: 50px; line-height: 48px; padding: 0 32px; } .location__popup-town .btn+.btn { margin-left: 7px; } .location__popup { position: fixed; top: 0; right: -492px; z-index: 999; background: var(--color-white, #ffffff); width: 100%; max-width: 492px; height: 100%; padding: 40px 20px 15px 40px; } .location__popup.active { right: 0; } .location__popup .location__popup-title.title { font-size: 24px; line-height: 29px; margin-bottom: 30px; } .location__popup-content { font-weight: 400; font-size: 14px; line-height: 17px; } .location__popup-content .register__hint { font-size: 16.3px; } .location__popup-close { top: 10px; right: 10px; } .location__popup>.location__popup-container { height: calc(100% - 55px); padding-right: 20px !important; } .location__popup.active .location__popup-shadow { position: absolute; width: 10000px; height: 100%; top: 0; right: 100%; background: rgba(0, 0, 0, 0.3); } .location__popup-search { margin-bottom: 25px; } .location__popup-tags { margin-bottom: 30px; } .location__popup-tags, .location__popup-tags a { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-gray, #999999); } .location__popup-tags span { margin-right: 5px; } .location__popup-tags a { margin-right: 3px; } .location__popup-tags a:hover, .location__popup-tags a:focus { color: var(--color-red, #FE3D3D); } .location__popup-items ul { list-style-type: none; padding: 0; margin: 0; width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .location__popup-items-section { width: 50%; padding-right: 15px; } .location__popup-items a { width: 100%; display: block; font-weight: 700; font-size: 16px; line-height: 44px; color: var(--default-color, #1F2123); } .location__popup-items a:hover, .location__popup-items a:focus { color: var(--color-red, #FE3D3D); } /* IN: end header locations styles */ .phone__link { display: inline-block; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--color-gray, #999999); text-decoration: none; padding: 0px 31px 0 0; } .phone__link:hover, .phone__link:focus { color: var(--color-red, #FE3D3D); } .work-time svg { display: inline-block; vertical-align: middle; margin-right: 5px; } .work-time span { font-weight: 400; font-size: 15px; line-height: 18px; color: var(--color-gray, #999999); } /* IN: start header personal styles */ .personal__cabinet { width: 92px; } .personal__icons { width: 128px; } .personal__cabinet-link { white-space: nowrap; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); } .personal__cabinet-link svg { display: inline-block; vertical-align: middle; margin-right: 6px; } .personal__cabinet-link span { display: inline-block; vertical-align: middle; width: calc(100% - 33px); white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .personal__cabinet-link:hover, personal__cabinet-link:focus { color: var(--color-red, #FE3D3D); } .personal__cabinet-link:hover svg path, personal__cabinet-link:focus svg path { stroke: var(--color-red, #FE3D3D); } .personal__icon { position: relative; width: 33.333333%; } .personal__icon-link { text-align: center; display: block; text-decoration: none; height: 42px; line-height: 42px; padding-top: 10px; } .personal__icon-link svg { display: inline-block; } .personal__icon-link span { position: absolute; top: 5px; right: -1px; z-index: 1; text-align: center; display: block; background: var(--color-red, #FE3D3D); border: 1px solid var(--color-red, #FE3D3D); border-radius: 50%; font-weight: 700; font-size: 11px; min-width: 15px; height: 15px; line-height: 14px; color: var(--color-white, #FFFFFF); padding: 0 2px; } .personal__icon-link::before { content: ""; position: absolute; top: -1px; left: 0; z-index: -1; display: block; width: 47px; height: 47px; background: transparent; border-radius: 50%; } .personal__icon-link:hover::before, .personal__icon-link:focus::before { background: var(--default-color, #1F2123); } .personal__icon-link:hover svg path, .personal__icon-link:focus svg path { stroke: var(--color-white, #FFFFFF); } /* IN: end header personal styles */ /* IN: end header styles */ /* IN: start slider styles */ .main__slider { margin-bottom: 0px; } .main__slider .owl-carousel .owl-item img { display: block; width: auto; margin: 0 auto; } .slide { position: relative; text-align: center; background: #F6F8F7; border-radius: 1px; overflow: hidden; } .slide_img { position: relative; display: inline-block; } .slide_img img { display: inline-block; } .slide__label { position: absolute; top: 11.2%; left: 54.45%; width: 147px; height: 116px; background: transparent url("/local/templates/main/assets/css/../images/slider_label.png") center center no-repeat; background-size: 100% 100%; } .slide__label p { font-weight: 700; font-size: 36px; line-height: 39px; color: var(--color-white, #FFFFFF); -webkit-transform: rotate(25deg); -ms-transform: rotate(25deg); transform: rotate(25deg); padding: 1px 9px 0px 0; } .slide__label p span { font-size: 30px; line-height: 39px; } .slide__content { position: absolute; top: 0; left: 0; z-index: 1; text-align: left; width: 33.333333%; height: 100%; padding: 82px 0 78px 81px; } .slide__date { width: 100%; font-weight: 700; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); } .slide__title { width: 100%; min-height: 143px; font-weight: 700; font-size: 43px; line-height: 51px; color: var(--default-color, #1F2123); margin-top: 176px; } .slide__title span { color: var(--color-red, #FE3D3D); } .slide__price { width: 100%; min-height: 183px; } .slide__old-price { font-weight: 400; font-size: 20px; line-height: 24px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: var(--default-color, #1F2123); margin-bottom: 10px; } .slide__now-price { font-weight: 700; font-size: 40px; line-height: 48px; color: var(--color-red, #FE3D3D); } .slide__button { width: 100%; } .slide__button .btn { font-size: 16px; } .slide__content-stickers { position: absolute; top: 0; right: 0; z-index: 1; text-align: left; width: 66.666666%; height: 100%; padding: 82px 81px 86px 0px; } .sticker { position: absolute; right: 81px; z-index: 1; } .sticker__one { top: 21.6%; } .sticker__two { top: 46%; } .sticker__three { top: 70.2%; } .sticker p { display: inline-block; font-weight: 700; font-size: 17px; line-height: 20px; color: var(--default-color, #1F2123); background: var(--color-yellow, #FEDA75); border-radius: 40px; margin: 0; } .sticker__one p { max-width: 314px; padding: 18px 24px; } .sticker__two p { max-width: 231px; padding: 18px 34px; } .sticker__three p { max-width: 288px; padding: 18px 33px; } .sticker__ellipse { position: absolute; z-index: 1; width: 40px !important; height: 40px !important; } .sticker__arrow { position: absolute; z-index: 1; } .sticker .sticker__ellipse, .sticker .sticker__arrow { display: none !important; } .sticker__one .sticker__ellipse { top: 118px; left: -302px; } .sticker__one .sticker__arrow { top: 32px; right: 100%; } .sticker__two .sticker__ellipse { top: 26px; left: -500px; } .sticker__two .sticker__arrow { top: 54px; right: 100%; width: 455px; max-width: inherit; margin-right: -8px; } .main__slider .owl-carousel .owl-item .sticker__two img.sticker__arrow { width: 448.5px; } .sticker__three .sticker__ellipse { top: -4px; left: -337px; } .sticker__three .sticker__arrow { right: 100%; top: 39px; margin-right: -7px; } /* IN: end slider styles */ /* IN: start main styles */ .main { width: 100%; padding-top: 220px; overflow: hidden; } .content { overflow: hidden; } .content_not-hidden .main, .content_not-hidden .content { overflow: visible; } .title { font-weight: 700; font-size: 35px; line-height: 42px; color: var(--default-color, #1F2123); margin: 0 0 50px; } .title a { color: var(--default-color, #1F2123); text-decoration: none; } .title a:hover, .title a:focus { color: var(--color-red, #FE3D3D); } .title__light { font-weight: 400; } .title__note { font-weight: 400; font-size: 16px; line-height: 24px; color: var(--default-color, #1F2123); } .block { margin: 87px 0 102px; } .block__hits { margin-bottom: 140px; } .block__hits .card__title-link, .block__detail-products .card__title-link { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* IN: start card */ .card { position: relative; background: var(--color-white, #FFFFFF); padding: 10px; cursor: pointer; } .card:hover { -webkit-box-shadow: 0 0 5px #ddd; box-shadow: 0 0 5px #ddd; z-index: 99; } .card__bg-purple { background: #5A749B; } .card__bg-blue { background: #85C1F9; } .card__bg-green { background: #57C6CD; } .card__bg-violet { background: #8F94FF; } .card__bg-yellow { background: #FFEA75; } .card__bg-red { background: #EC7E6F; } .card__bg-yellow .card__title-link, .card__bg-yellow .card__description { color: var(--default-color, #1F2123); } .card a { text-decoration: none; } .card a:hover, .card a:focus { color: var(--color-red, #FE3D3D); } .card__img { position: relative; height: 310px; margin-bottom: 35px; overflow: hidden; } .card__img-link { display: block; width: 100%; height: 100%; } .card__img img { position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: auto; height: auto; max-width: 100%; max-height: 100%; } .card__img img.shopping-cart__img { display: inline-block; position: relative; top: auto; left: auto; width: 15px !important; height: 16px !important; min-width: 15px !important; min-height: 16px !important; -webkit-transform: none; -ms-transform: none; transform: none; } .card__type1 .card__img img { left: auto; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .card__type2 .card__img img { left: auto; right: 0; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); } .card__type3 .card__img img { max-width: initial; max-height: inherit; min-width: 100%; min-height: 100%; } .block__stocks .card .card__img img { top: 50%; left: 50%; max-width: initial; max-height: inherit; min-width: 100%; min-height: 100%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } .card__section { margin-bottom: 10px; } .card__section-link { display: block; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-gray, #999999); text-decoration: none; } .card__title { min-height: 34px; padding-bottom: 15px; } .card__title-link { display: block; font-weight: 400; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); text-decoration: none; } .card__description { font-weight: 400; font-size: 16px; line-height: 19px; color: var(--color-white, #ffffff); } .card__price { display: inline-block; font-weight: 700; font-size: 19px; line-height: 23px; color: var(--color-red, #FE3D3D); } .card__old-price { display: inline-block; font-weight: 400; font-size: 17px; line-height: 20px; -webkit-text-decoration-line: line-through; text-decoration-line: line-through; color: var(--default-color, #1F2123); /* margin-left: 7px; */ } .card__price-not-discount { color: var(--default-color, #1F2123); } .card__available { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); padding: 3px 0 0; } .card__available-green { color: var(--color-green, #469064); } .card__available-red { color: var(--color-red, #FE3D3D); } .card__available-violet { color: var(--color-violet, #8F94FF); } .card__labels { position: absolute; top: 22px; left: 28px; z-index: 5; } .card__labels.disc { position: initial; top: 22px; left: 28px; z-index: 5; } .disc { display: inline-block; } .card__labels.disc .label__discount { background: var(--color-yellow-2, #FFD34E); } .disc .label__discount { /* display: inline-block; */ background: #FFD34E; color: #1a1a1a; padding: 2px 8px; font-size: 16px; font-weight: 700; transform: skewX(-12deg); border-radius: 4px; font-family: SF UI Display; font-weight: 600; font-size: 14px; line-height: 16px; letter-spacing: 0%; text-align: center; } .disc .label__discount span { display: inline-block; transform: skewX(12deg); } .card__labels-full { width: calc(100% - 56px); } .label { font-weight: 700; font-size: 13px; line-height: 16px; color: var(--color-white, #ffffff); background: var(--color-gray, #999999); padding: 4px 4.27px; } .label__discount { background: var(--color-red, #FE3D3D); } .label__dates { display: inline-block; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); background: var(--color-white, #ffffff); padding: 7px 8px; } .label__new { float: right; display: inline-block; padding: 7.5px 14px; font-weight: 700; font-size: 12px; line-height: 14px; color: var(--color-white, #FFFFFF); background: #2C8EFF; border-radius: 1px; margin-top: 2px; } .card__personal { position: absolute; top: 20px; right: 28px; z-index: 5; } .card__personal a { display: inline-block; vertical-align: middle; margin-left: 15px; } .card__personal a:hover svg path, .card__personal a:focus svg path, .card__personal a.active svg path { stroke: var(--color-red, #FE3D3D); } .card__article-hidden { display: none; vertical-align: middle; font-weight: bold; font-size: 14px; line-height: 17px; color: var(--color-gray, #999999); text-decoration: none; } .card:hover .card__article-hidden { display: inline-block; font-weight: 400; } .card__hidden { display: none; position: absolute; width: 100%; left: 0; top: 100%; background: #fff; -webkit-box-shadow: 0px 5px 5px #ddd; box-shadow: 0px 5px 5px #ddd; padding: 15px; margin-top: -5px; } .card:hover .card__hidden { display: block; } .card__offers { width: auto; line-height: 20px; } .card__offer { display: inline-block; vertical-align: top; width: 20px; height: 20px; border: 1px solid var(--color-gray, #999999); overflow: hidden; cursor: pointer; } .card__offer.active, .card__offer:hover, .card__offer:focus { border-color: var(--default-color, #1F2123); outline: 1px solid var(--default-color, #1F2123); } .card__offer img { display: block; max-width: 100%; } .card__counter { display: inline-block; vertical-align: middle; /* width: calc(100% - 54px);*/ white-space: nowrap; } .counter__action { display: inline-block; vertical-align: middle; width: 10px; height: 18px; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); cursor: pointer; } .counter__action:hover, .counter__action:focus { color: var(--color-red, #FE3D3D); } .counter__input { display: inline-block; vertical-align: middle; width: 30px; height: 18px; text-align: center; font-weight: 700; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); border: 0; } .card__button { width: 140px; } .card__hidden>.d-flex { -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .button__in-basket { display: inline-block; vertical-align: middle; width: 50px; height: 50px; background: transparent; border-radius: 50%; background: var(--color-red, #FE3D3D) url("/local/templates/main/assets/css/../images/icon_cart.svg") 10px center no-repeat; text-decoration: none; cursor: pointer; } .button__in-basket:hover, .button__in-basket:focus { background-color: var(--default-color, #1F2123); } .card__not-available .label__discount { background: var(--color-gray, #999999); } .card__available-gray { color: var(--color-gray, #999999); } .card__not-available .card__title-link, .card__not-available .card__price, .card__not-available .card__old-price { color: var(--color-gray, #999999); } .card__not-available .card__img { opacity: 0.5; } /* IN: end card */ /* IN: start advantages */ .block__advantages { background: var(--color-light-gray, #F7F7F7); } .advantages { padding: 60px 32px 55px; } .advantage { width: 25%; padding: 15px; } .advantage__icon { height: 96px; width: 110px; text-align: center; margin-right: 18px; } .advantage__title { width: calc(100% - 128px); max-width: 210px; font-weight: 700; font-size: 18px; line-height: 21px; color: var(--default-color, #1F2123); margin-bottom: 8px; } /* IN: end advantages */ /* IN: start stocks */ .block__stocks { margin-bottom: 137px; } .block__stocks .card { height: 557px; background: -webkit-gradient(linear, left top, left bottom, color-stop(23.88%, #EFF4F2), to(#DFE4E4)); background: -o-linear-gradient(top, #EFF4F2 23.88%, #DFE4E4 100%); background: linear-gradient(180deg, #EFF4F2 23.88%, #DFE4E4 100%); padding: 0; } .block__stocks .card:hover, .block__stocks .card:focus { opacity: 0.7; } .block__stocks .card.card__type1 { background: #66A880; } .block__stocks .card__img { height: 100%; margin: 0; } .title__stocks { padding-bottom: 10px; } .block__stocks .title { margin-bottom: 44px; } .block__stocks .card__labels { top: 31px; left: 30px; } .block__stocks .card__labels-full { width: calc(100% - 65px); } .block__stocks .label__discount { float: right; font-size: 12px; line-height: 14px; padding: 7px 14px 8px; margin-top: 2px; } .title__stocks .card__title-link { font-weight: 700; font-size: 24px; line-height: 29px; color: var(--color-white, #ffffff); } .title__stocks-big { max-width: 340px; } .title__stocks-big .card__title-link { font-weight: 700; font-size: 26px; line-height: 31px; color: var(--default-color, #1F2123); } .title__stocks-medium .card__title-link { font-size: 26px; line-height: 31px; } .content__stocks { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; padding: 0 29px 36px; } /* IN: end stocks */ /* IN: start popilar */ .block__popilar { margin-bottom: 139px; } .block__popilar .card { height: 600px; border-radius: 1px; padding: 0; } .block__popilar .card__img { height: 70%; margin: 0; } .block__popilar .card__img-link:hover, .block__popilar .card__img-link:focus { opacity: 0.7; } .block__popilar .card__img img { /*transform: none; top: 0; bottom: 0; left: auto; right: 15px; max-height: 100%; max-width: calc(100% - 15px);*/ max-height: calc(100% - 30px); max-width: calc(100% - 30px); } .block__popilar .card__title { min-height: inherit; padding-bottom: 0; margin-bottom: 12px; } .block__popilar .card__title-link { display: block; font-weight: 700; font-size: 26px; line-height: 31px; color: var(--color-white, #ffffff); } .block__popilar .card__bg-yellow .card__title-link { color: var(--default-color, #1F2123); } .block__popilar .card__bg-yellow .card__title-link:hover, .block__popilar .card__bg-yellow .card__title-link:focus { color: var(--color-red, #FE3D3D); } .block__popilar .card__title-big .card__title-link { font-size: 30px; line-height: 36px; } .popilar__description { font-size: 15px; line-height: 18px; margin-bottom: 15px; } .block__popilar .card__price { font-weight: 700; font-size: 23px; line-height: 27px; color: var(--default-color, #1F2123); background: var(--color-white, #ffffff); border-radius: 40px; padding: 6px 12.5px; } .block__popilar .title { margin-bottom: 45px; } .block__popilar .card__content { position: absolute; left: 0; bottom: 0; z-index: 5; width: 100%; padding: 0 30px 30px; } /* IN: end popilar */ /* IN: start ideas */ .block__ideas { margin-bottom: 136px; } .block__ideas .card { height: 526px; padding: 0; } .block__ideas .card.card__big-height { height: 1080px; } .block__ideas .card__img { width: 100%; height: 100%; overflow: visible; } .block__ideas .card__img-link:hover, .block__ideas .card__img-link:focus { opacity: 0.7; } .block__ideas .card__img img { max-width: initial; max-height: inherit; min-width: 100%; min-height: 100%; } .block__ideas .title { margin-bottom: 38px; } .idea__popup { position: absolute; z-index: 5; } .idea__popup.idea__popup_active { z-index: 20; } .idea__popup1 { left: 12.5%; bottom: 39.4%; } .idea__popup2 { left: 42%; bottom: 29.3%; } .idea__popup3 { left: 54.1%; bottom: 40.3%; } .idea__popup4 { left: 24.9%; bottom: 49.5%; } .idea__popup5 { left: 29.8%; bottom: 25.1%; } .idea__popup6 { left: 55.3%; bottom: 14.4%; } .idea__popup7 { left: 74.5%; bottom: 62.4%; } .idea__popup8 { left: 19.6%; bottom: 17.2%; } .idea__popup9 { left: 52.7%; bottom: 37.7%; } .idea__popup10 { left: 82.1%; bottom: 45.3%; } .idea__popup11 { left: 18.8%; bottom: 35.4%; } .idea__popup12 { left: 36%; bottom: 35.5%; } .idea__popup13 { left: 70.4%; bottom: 9.9%; } .idea__popup14 { left: 11.7%; bottom: 59.1%; } .idea__popup15 { left: 29.9%; bottom: 15.9%; } .idea__popup16 { left: 57%; bottom: 40.6%; } .idea__popup17 { left: 77.5%; bottom: 17.8%; } .idea__ellipse { position: relative; display: block; width: 20px; height: 20px; background: rgba(255, 255, 255, 0.8); -webkit-backdrop-filter: blur(2px); backdrop-filter: blur(2px); border-radius: 50%; margin: 6px; cursor: pointer; } .idea__ellipse::before { content: ""; position: absolute; left: -6px; top: -6px; width: 32px; height: 32px; background: rgba(255, 255, 255, 0.4); border-radius: 50px; } .idea__ellipse:hover, .idea__ellipse:focus { background: var(--color-red, #FE3D3D); } .idea__ellipse:hover::before, .idea__ellipse:focus::before { background: rgba(254, 61, 61, 0.2509803922); } .block__ideas .card__img img { z-index: 0; } .idea__block { display: none; position: absolute; top: 100%; left: 50%; /*transform: translate(-50%, -50%);*/ z-index: 99; width: 228px; background: var(--color-white, #ffffff); -webkit-box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); box-shadow: 0px 4px 20px rgba(0, 0, 0, 0.1); border-radius: 1px; padding: 18px 22px 15px 18px; } .idea__block-left { left: auto; right: 50%; } .idea__block-bottom { top: auto; bottom: 100%; } .idea__block_show { display: block; } .idea__title { margin-bottom: 30px; } .idea__title .card__title-link { display: block; font-size: 14px; line-height: 17px; } .idea__block-price { margin-bottom: 6px; } .idea__block .card__price { font-size: 18px; line-height: 21px; } .idea__block .card__old-price { margin-left: 10px; } .idea__block .label { font-size: 12px; line-height: 14px; font-weight: 500; } .idea__show-more { padding-top: 2px; } .content__ideas { position: absolute; left: 0; bottom: 0; z-index: 10; width: 100%; text-align: center; padding-bottom: 55px; opacity: 0; } .content__ideas .btn:hover, .content__ideas .btn:focus { color: var(--default-color, #1F2123); } .card a.show-more__link { font-weight: 400; font-size: 14px; line-height: 17px; text-decoration: underline; color: var(--default-color, #1F2123); } .card a.show-more__link:hover, .card a.show-more__link:focus { color: var(--color-red, #FE3D3D); } .shopping-cart { text-align: center; width: 30px; height: 30px; line-height: 35px; background: var(--default-color, #1F2123); border-radius: 50%; padding-right: 1px; } .shopping-cart:hover, .shopping-cart:focus { opacity: 0.7; } /* IN: end ideas */ /* IN: start furniture */ .block__furniture { background: var(--color-light-gray, #F7F7F7); } .furniture__img { width: 50%; padding-right: 15px; } .furniture__img img { display: block; } .furniture__content { width: 50%; padding: 68px 88px 15px; } .furniture__content .title { margin-bottom: 31px; } .furniture__content ul { padding-left: 27px; margin: 27px 0 45px; } /* IN: end furniture */ /* IN: start brends */ .block__brends { margin: 108px 0 103px; } .block__brends .title { margin: 0; } .brends { width: auto; padding: 8px 26px 0 0; } .brend__link { margin: 0 70px; } .brend__link:hover, .brend__link:focus { opacity: 0.7; } .brend__img { max-width: 212px; } /* IN: end brends */ .card__gradient { position: relative; } .card__gradient::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(38.96%, rgba(23, 23, 24, 0)), to(rgba(23, 23, 24, 0.7))); background: -o-linear-gradient(top, rgba(23, 23, 24, 0) 38.96%, rgba(23, 23, 24, 0.7) 100%); background: linear-gradient(180deg, rgba(23, 23, 24, 0) 38.96%, rgba(23, 23, 24, 0.7) 100%); } .block__stocks .card__title { padding: 0; } .block__stocks .card__description { padding-top: 10px; } .page__vacancies { /*width: 57.6%;*/ width: 100%; } .page__vacancies .about__vacancy { background: #f6f6f6; padding: 38px 41px 50px 35px; margin-bottom: 30px; } .page__vacancies .vacancy__price { background: #FFFFFF; border-radius: 30px; width: auto; padding: 10px; margin-top: -8px; } .inner__page-vacancies { margin-bottom: 130px; } .block__stocks .card .card__img-link::before { content: ""; position: absolute; top: 0; left: 0; z-index: 2; width: 100%; height: 100%; background: -webkit-gradient(linear, left top, left bottom, color-stop(38.96%, rgba(23, 23, 24, 0)), to(rgba(23, 23, 24, 0.6))); background: -o-linear-gradient(top, rgba(23, 23, 24, 0) 38.96%, rgba(23, 23, 24, 0.6) 100%); background: linear-gradient(180deg, rgba(23, 23, 24, 0) 38.96%, rgba(23, 23, 24, 0.6) 100%); } /* IN: end main styles */ /* IN: start breadcrumbs */ .breadcrumbs { background: #F7F7F7; border-radius: 1px; padding: 14px 0 16px; } .breadcrumbs__items { list-style-type: none; padding: 0; margin: 0; } .breadcrumbs__item { display: inline-block; vertical-align: top; margin-right: 6px; } .breadcrumbs__link { display: block; text-decoration: none; } .breadcrumbs__link::after { content: ""; display: inline-block; vertical-align: middle; width: 6px; height: 9px; background: transparent url("/local/templates/main/assets/css/../images/arrow_right_gray.svg") center center no-repeat; margin-left: 10px; } .breadcrumbs__item span { font-weight: 400; font-size: 14px; line-height: 17px; text-align: center; color: var(--color-gray, #999999); } .breadcrumbs__item .breadcrumbs__link:hover span, .breadcrumbs__item .breadcrumbs__link:focus span { color: var(--color-red, #FE3D3D); } /* IN: end breadcrumbs */ .inner__page { padding: 42px 0 0; } .title__count { font-weight: 400; color: #AFAFAF; margin-left: 19px; } .catalog .title { margin-bottom: 40px; } .catalog .card__title-link, .idea__block .card__title-link { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } /* IN: start tags */ .catalog__tags { margin-bottom: 59px; } .tag { display: inline-block; vertical-align: top; margin-right: 10px; margin-bottom: 10px; } .tag.tag_hidden { display: none; } .tag__show-more.active svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .tag__show-more.active .tag__show-more-visible { display: none; } .tag__show-more-visible { display: inline-block; } .tag__show-more-hide { display: none; } .tag__show-more.active .tag__show-more-hide { display: inline-block; } .tag__link { display: block; font-weight: 700; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); border: 1px solid #D9D9D9; border-radius: 50px; background: var(--color-white, #ffffff); text-decoration: none; padding: 7px 15.5px; } .tag__link svg { display: inline-block; vertical-align: middle; margin-right: 11px; } .tag__link:hover, .tag__link:focus { color: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); } .tag__link:hover svg path, .tag__link:focus svg path { fill: var(--color-red, #FE3D3D); } .tag__link.tag__show-all { color: var(--color-white, #ffffff); background: var(--color-red, #FE3D3D); } .tag__link.tag__show-all:hover, .tag__link.tag__show-all:focus { color: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); background: var(--color-white, #ffffff); } .tag__link.tag__show-more { border-color: var(--default-color, #1F2123); } .tag__link.tag__show-more:hover, .tag__link.tag__show-more:focus { border-color: var(--color-red, #FE3D3D); } .tag__link.tag__show-more svg { margin: 0 0 0 11px; } .tag__link.tag__show-more:hover svg path, .tag__link.tag__show-more:focus svg path { fill: transparent; stroke: var(--color-red, #FE3D3D); } /* IN: end tags */ /* IN: start catalog sections */ .catalog__sections { margin-bottom: 29px; min-height: 158px; } .section { display: block; text-align: center; text-decoration: none; } .section:hover .section__title h3, .section:focus .section__title h3 { color: var(--color-red, #FE3D3D); } .section__icon { width: 53px; height: 50px; margin: 0 auto 11px; 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; } .section__icon img { display: inline-block; max-width: 100%; max-height: 100%; width: auto !important; } .section__title h3 { font-weight: 700; font-size: 14px; line-height: 17px; text-align: center; color: var(--default-color, #1F2123); margin: 0 0 5px; overflow-wrap: break-word; } .section__title-count { font-weight: 400; font-size: 13px; line-height: 16px; text-align: center; color: #AFAFAF; } /* IN: end catalog sections */ .sections__head { margin-bottom: 36px; } .catalog .row__blocks .card { margin: 23.5px 15px; } /* IN: start sort */ .sections__sort { position: relative; } .sections__button { display: inline-block; vertical-align: middle; } .sections__button:hover .sections__button-popup { display: block; } .sections__button-popup { display: none; position: absolute; z-index: 101; left: 0; top: 100%; /* min-width: 100%; */ min-width: 120%; overflow-x: hidden; } .sections__button-popup .sections__button-link { border-radius: 10px; -webkit-box-shadow: 1px 1px 10px #999; box-shadow: 1px 1px 10px #999; min-width: 100%; max-height: 550px; overflow: auto; } .sections__button-link a { color: var(--default-color, #1F2123); text-decoration: none; display: block; overflow: hidden; } .sections__button-link a+a { margin-top: 7px; } .sections__button-link a:hover, .sections__button-link a:focus { color: var(--color-red, #FE3D3D); } .sections__button-link { display: inline-block; vertical-align: top; font-weight: 700; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); background: var(--color-white, #ffffff); border: 1px solid var(--default-color, #1F2123); border-radius: 50px; text-decoration: none; padding: 7px 15px; cursor: pointer; } .sections__button-link:hover, .sections__button-link:focus, .sections__button-gray .sections__button-link:hover, .sections__button-gray .sections__button-link:focus { color: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); background: var(--color-white, #ffffff); } .sections__button-link:hover svg path, .sections__button-link:focus svg path { stroke: var(--color-red, #FE3D3D); } .sections__view-link:hover svg path, .sections__view-link:focus svg path, .sections__view-link.active svg path { fill: var(--color-blue, #456493); } .sections__button-icon { display: inline-block; vertical-align: baseline; margin: 0 3px 1px 10px; } .sections__view { display: inline-block; vertical-align: middle; padding: 4px 0 0; margin-left: 20px; } .sections__view-item { display: inline-block; vertical-align: middle; } .sections__view-item+.sections__view-item { margin-left: 13px; } /* IN: end sort */ /* IN: start filter */ .sections__filter-title { display: inline-block; vertical-align: middle; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-gray, #999999); } .sections__filter-button .sections__button-icon { vertical-align: middle; margin: 0 6px 1px 0; } .sections__button-gray .sections__button-link { border-color: #D9D9D9; } .sections__filter .sections__button { position: relative; margin-left: 5px; } .sections__button-price .sections__button-popup { width: 360px; margin-left: -145px; } /* .sections__button-color .sections__button-popup { width: 360px; margin-left: -145px; } */ .sections__button-color .sections__button-popup { width: 460px; margin-left: -245px; } .sections__button-popup .sections__button-link:hover, .sections__button-popup .sections__button-link:focus { color: var(--default-color, #1F2123); } .filter__popup.active { right: 0; } .filter__popup { position: fixed; top: 0; right: -492px; z-index: 999; background: var(--color-white, #ffffff); width: 100%; max-width: 492px; height: 100%; padding: 40px 20px 15px 40px; } .filter__popup.active .filter__shadow { position: absolute; width: 10000px; height: 100%; top: 0; right: 100%; background: rgba(0, 0, 0, 0.3); } .filter__form { height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } .filter__top { width: 100%; padding-right: 20px; } .filter__close { top: 10px; right: 10px; } .filter__popup .filter__name.title { font-size: 30px; line-height: 36px; margin-bottom: 20px; } .filter__title { font-weight: 700; font-size: 16px; line-height: 22px; color: var(--default-color, #1F2123); cursor: pointer; } .filter__section { border-bottom: 1px solid #eeeeee; padding-bottom: 20px; margin-bottom: 20px; } .filter__title img { float: right; margin-top: 10px; } .filter__section .filter__block { display: none; margin-top: 15px; } .filter__section.active .filter__block { display: -webkit-box; display: -ms-flexbox; display: flex; } .filter__section.active .filter__title img { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .filter__price-input-block { text-align: left; display: inline-block; background: #f5f5f5; width: 150px; height: 42px; line-height: 42px; border-radius: 25px; padding: 0 10px; } .filter__price-input-block span { text-align: left; font-size: 15px; line-height: 21px; width: 20px; display: inline-block; color: #999999; text-transform: lowercase; } .filter__price-input-block span.filter__price-input-ruble { font-weight: bold; width: 10px; color: var(--default-color, #1F2123); } .filter__price-input { width: calc(100% - 40px); font-size: 15px; line-height: 21px; font-weight: bold; border: 0; background: transparent; } .filter__price-left { width: 50%; text-align: left; } .filter__price-right { width: 50%; text-align: right; } .filter__price { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-line-pack: justify; align-content: space-between; } .filter__price-slider { width: 100%; margin-top: 20px; background: #d2d2d2; border-radius: 2px; padding: 0 5px; } .filter__slider { position: relative; width: 100%; height: 2px; } .filter__slider-line { position: relative; z-index: 1; width: 100%; height: 2px; background: #d2d2d2; border-radius: 2px; } .filter__slider-line-top { position: absolute; top: 0; left: 0; z-index: 5; width: 100%; height: 100%; background: var(--color-red, #FE3D3D); border-radius: 3px; } .filter__slider-round { position: absolute; z-index: 10; top: -4px; background: var(--color-red, #FE3D3D); border-radius: 50%; width: 10px; height: 10px; cursor: pointer; } .filter__slider-round-left { left: 0; } .filter__slider-round-right { right: 0; } .filter__body { width: 100%; height: calc(100% - 189px); margin-bottom: 30px; } .filter__top+.filter__body { padding-right: 20px !important; } .scroll-element.scroll-y.scroll-scrolly_visible { width: 5px; height: 100%; position: absolute; top: 0; right: 0px; } .scroll-element.scroll-x.scroll-scrollx_visible { width: 100%; height: 5px; position: absolute; bottom: 0; left: 0; } .scroll-element_outer { width: 100%; height: 100%; } .scroll-element_track { height: 100%; } .scroll-element_size { background: #f7f7f7; border-radius: 5px; height: 100%; } .scroll-element .scroll-bar { position: absolute; width: 100%; background: var(--default-color, #1F2123); border-radius: 5px; } .scroll-element.scroll-x .scroll-bar { width: inherit; height: 100%; top: 0; } .filter__bottom { width: 100%; padding-right: 20px; } .btn.filter__button-select { width: 100%; text-align: center; line-height: 49px; } .btn.filter__button-select span { margin-left: 5px; } .btn.filter__button-clear { width: 100%; text-align: center; border: 0; text-decoration: underline; font-weight: 400; color: var(--default-color, #1F2123); margin-top: 5px; } .filter__checkboxes { width: 100%; overflow-x: hidden; } .filter__checkbox { width: 100%; display: -webkit-box; display: -ms-flexbox; /* display: flex; */ -webkit-box-align: center; -ms-flex-align: center; align-items: center; cursor: pointer; margin-bottom: 15px; } .filter__checkbox input { display: none; } .filter__checkbox .filter__checkbox-img { width: 30px; height: 30px; border: 1px solid var(--default-color, #1F2123); margin-right: 10px; margin-left: 1px; } .filter__checkbox p { font-size: 14px; line-height: 17px; margin: 0; } .filter__checkbox input:checked+.filter__checkbox-img { outline: 1px solid var(--default-color, #1F2123); } .filter__checkbox input:checked+p, .filter__checkbox input:checked+*+p { font-weight: bold; } .filter__checkbox-else { font-size: 16px; line-height: 22px; color: var(--default-color, #1F2123); cursor: pointer; } .filter__checkbox-else:hover { color: var(--color-red, #FE3D3D); } .filter__checkbox_hidden { display: none; } /* IN: end filter */ .sections__body { margin-bottom: 122px; } /* IN: start pagenavigation */ .sections__pagenavigation { padding: 0px 15px; margin-top: 112px; } .pagenavigation__button-show-more .sections__button { display: block; } .pagenavigation__button-show-more .sections__button-link { display: block; text-align: center; padding: 13px 15px 12px; } .pagenavigation__button-show-more .sections__button-icon { width: 14px; height: 10px; margin: 0px -11px 0 13px; } .pagenavigation__items { text-align: center; list-style-type: none; padding: 0; margin: 40px 0 0; } .pagenavigation__link { text-decoration: none; } .pagenavigation__item span { display: block; width: 37px; height: 37px; background: var(--color-white, #ffffff); border: 1px solid #D9D9D9; border-radius: 50px; font-weight: 500; font-size: 14px; line-height: 35px; color: var(--default-color, #1F2123); margin: 0 8px; } .pagenavigation__item.active span, .pagenavigation__item:hover span, .pagenavigation__item:focus span { color: var(--color-white, #ffffff); background: var(--default-color, #1F2123); border-color: var(--default-color, #1F2123); } .pagenavigation__item.pagenavigation__item-next span { width: auto; padding: 0 15px; } .pagenavigation__item.pagenavigation__item-next svg { display: inline-block; vertical-align: middle; margin-left: 5px; } .pagenavigation__item:hover span svg path, .pagenavigation__item:focus span svg path { stroke: var(--color-white, #ffffff); } .pagenavigation__item { display: inline-block; vertical-align: top; } .pagenavigation__item.pagenavigation__dots span { border: 0; width: auto; } .pagenavigation__item.pagenavigation__dots:hover span, .pagenavigation__item.pagenavigation__dots:focus span { background: var(--color-white, #ffffff); color: var(--default-color, #1F2123); } /* IN: end pagenavigation */ .catalog__seo-block { margin-bottom: 133px; } .seo-block, .seo-block p { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--default-color, #1F2123); } .seo-block p { margin: 0; } .catalog .seo-block .title { margin-bottom: 29px; } .seo-subblock { width: 50%; } .seo-subblock:nth-child(2n-1) { padding-right: 15px; } .seo-subblock:nth-child(2n) { padding-left: 15px; } .catalog__line { margin-top: 56px; } .catalog__line.row__blocks .card { width: 100%; border-bottom: 1px solid #EBEBEB; padding: 17.5px 10px; margin-top: 0; margin-bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .catalog__line .card__labels { position: absolute; top: 15px; left: 10px; z-index: 5; } .catalog__line .card__personal { right: 12px; } .catalog__line .card__personal a { margin-left: 10px; } .catalog__line .card__img { width: 339px; height: 196px; overflow: visible; margin: 0 6px 0 0; } .catalog__line .card__content { width: calc(100% - 550px); padding-top: 7px; } .catalog__line .card__title { padding-bottom: 25px; } .catalog__line .card__old-price { margin-left: 12px; } .catalog__line .card__hidden { width: calc(100% - 339px); left: auto; right: 0; top: auto; bottom: 0; -webkit-box-shadow: 0 0; box-shadow: 0 0; padding: 15px; } .catalog__line .button__in-basket { background-color: var(--default-color, #1F2123); } .catalog__line .button__in-basket:hover, .catalog__line .button__in-basket:focus { opacity: 0.7; } .catalog__line .card__counter { text-align: right; padding-right: 50px; } .catalog__line .owl-carousel-card-images.owl-carousel .owl-dots { margin-bottom: -20px; } .catalog__line .card__available { position: absolute; top: 22px; right: 120px; padding-right: 5px; } .catalog__line .card__hidden>.d-flex { height: 0; margin-top: -50px; } /* IN: catalog list (tile) start */ .catalog__tile.row__blocks .card { width: calc(33.333333% - 30px); } /* IN: catalog list (tile) end */ /* IN: start detail */ .inner__page-detail { margin-bottom: 176px; } .detail { position: relative; margin-bottom: 80px; } .detail__page { position: relative; } .detail__content { width: calc(100% - 602px); } .detail__sidebar { position: relative; width: 552px; height: 100%; z-index: 990; margin-left: 50px; } .detail__sidebar-block { background: var(--color-white, #ffffff); padding: 16px 0 0; } .detail__sidebar-block_fixed { position: fixed; top: 0; z-index: 10; } .detail__sidebar-block_absolute { position: absolute; top: auto !important; bottom: 0; right: 0; z-index: 10; } .detail__title.title { font-size: 32px; line-height: 38px; margin-bottom: 22px; } .detail__title-link { float: right; } .detail__preview { max-width: 355px; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); margin-bottom: 33px; } .detail__preview_all { max-width: inherit; } .detail__offers-personal { margin-bottom: 25px; } .detail__offer { width: 30px; height: 30px; margin-right: 7px; } .detail__personal { position: relative; top: 0; right: 0; margin: 3px 1px 0 0; } .detail__personal.card__personal a { margin-left: 25px; } .detail__price { margin-bottom: 31px; display: flex; flex-direction: column-reverse; } .detail__price .card__price { display: inline-block; vertical-align: middle; font-size: 36px; line-height: 43px; color: var(--default-color, #1F2123); } .detail__price .card__old-price { display: inline-block; vertical-align: middle; font-size: 16px; line-height: 19px; color: var(--color-gray, #999999); /* margin-left: 27px; */ } .detail__price .label { display: inline-block; vertical-align: middle; font-size: 12px; line-height: 14px; margin-left: 6px; } .detail__info { margin-bottom: 31px; } .detail__article { font-weight: 700; font-size: 14px; line-height: 17px; font-weight: bold; color: var(--default-color, #1F2123); } .detail__article span { font-weight: 400; } .detail__bonus { font-weight: 700; font-size: 14px; line-height: 17px; font-weight: 400; color: var(--default-color, #1F2123); } .detail__bonus svg { display: inline-block; vertical-align: middle; margin-right: 1px; } .detail__bonus svg path { stroke: var(--color-red, #FE3D3D); } .detail__bonus svg path.bonus__letter { stroke: transparent; fill: var(--color-red, #FE3D3D); } .detail .default__class .popup__note-area .popup__note { top: 100%; left: auto; right: 0; margin-top: 0; margin-left: 0; // width: auto; } .detail__info-link { text-decoration: none; display: inline-block; vertical-align: middle; margin: 0 3px 0 9px; } .detail__info-link svg { display: block; } .detail__info-link.active svg path, .detail__info-link:hover svg path { stroke: var(--color-red, #FE3D3D); } .detail__buttons { margin-bottom: 40px; } .detail__button { margin-bottom: 13px; } .detail__buttons .btn { text-align: center; width: 100%; display: block; font-size: 15px; line-height: 48px; } .btn__add-to-cart.btn { background: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); color: var(--color-white, #FFFFFF); } .detail__links-items { list-style-type: none; padding: 0; margin: 0; } .detail__link { position: relative; display: block; width: 100%; font-weight: 400; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); text-decoration: none; padding: 12.5px 0; } .link__next::after { content: ""; position: absolute; top: 50%; right: 6px; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: inline-block; vertical-align: middle; margin-bottom: 1px; width: 10px; height: 8px; background: transparent url("/local/templates/main/assets/css/../images/arrow_right_black.svg") center center no-repeat; } .detail__link:hover, .detail__link:focus { opacity: 0.7; } .detail__links-item+.detail__links-item { border-top: 1px solid #EEEEEE; } .detail__slider { position: relative; margin-bottom: 95px; } .detail__slider-desktop { display: block; } .detail__slider-mobile { display: none; } .detail__label, .card__label-showroom { position: absolute; top: 27px; right: 19px; z-index: 10; text-align: center; width: 129px; height: 129px; background: #8F94FF; border-radius: 50%; padding: 43px 0 0; } .detail__label span, .card__label-showroom span{ display: inline-block; font-weight: 700; font-size: 18px; line-height: 21px; text-align: center; color: #FFFFFF; -webkit-transform: rotate(-15deg); -ms-transform: rotate(-15deg); transform: rotate(-15deg); } .detail__label::before, .card__label-showroom::before { content: ""; position: absolute; top: 50%; left: 50%; z-index: 1; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); width: 117px; height: 117px; border: 1px dashed #FFFFFF; border-radius: 50%; } .card__labels.labels+.card__label-showroom{ top: 52px; } .card__label-showroom span { font-size: 10px; line-height: 15px; } .card__label-showroom { right: 0px; width: 59px; height: 59px; top: 10px; left: 10px; padding: 12px 0 0; } .card__label-showroom::before { width: 52px; height: 52px; } .slider__big { /*min-height: 710px;*/ position: relative; background: #FFFFFF; border: 1px solid #ECECEC; /*padding: 11px 0px 7px;*/ margin-bottom: 25px; } .slider__big img { display: none; margin: 0 auto; } .slider__big .slick-slide img { display: block; width: auto; height: auto; max-width: 100%; max-height: 100%; margin: 0 auto; } .slider__small img { display: none; margin: 0 auto; } .slider__small .slick-slide img { display: block; margin: 0 auto; } .slider__big-img a { display: block; width: 100%; height: 100%; overflow: hidden; } .slider__big-img>div { display: block; width: 100%; height: 100%; overflow: hidden; cursor:pointer; } .slider__big .slick-prev:before, .slider__big .slick-next:before { content: ""; display: block; width: 20px; height: 20px; background: transparent url("/local/templates/main/assets/css/../images/arrow_right_black.svg") center center no-repeat; margin-left: 10px; } .slider__big .slick-prev:before { -webkit-transform: rotate(-180deg); -ms-transform: rotate(-180deg); transform: rotate(-180deg); } .slider__big .slick-prev, .slider__big .slick-next { width: 40px; height: 40px; background: #fff; border-radius: 50%; z-index: 99; } .slider__big .slick-prev { left: 22px; } .slider__big .slick-next { right: 19px; } .slider__big .slick-slide { /*height: 710px; min-height: 710px;*/ max-height: 710px; } /* Lazyload iframe YOUtube */ .youtube { background-color: #000; margin-bottom: 0px; position: relative; padding-top: 61.25%; overflow: hidden; cursor: pointer; width: 100%; } .slider__big .youtube { display: none; } .slider__big.slick-initialized .youtube { display: block; } .youtube img { width: 100%; top: 0; left: 0; opacity: 0.7; } .youtube img { position: absolute; width: auto; max-width: inherit; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; } .youtube iframe { position: absolute; } .youtube iframe { height: 100%; width: 100%; top: 0; left: 0; } .ytp-large-play-button { position: absolute; left: 50%; top: 50%; width: 68px; height: 48px; margin-left: -34px; margin-top: -24px; -webkit-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); -o-transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); transition: opacity 0.25s cubic-bezier(0, 0, 0.2, 1); z-index: 63; border: 0; background: transparent; padding: 0; } .ytp-large-play-button-red-bg .ytp-large-play-button-bg { fill: #f00; fill-opacity: 1; } .slider__small { margin: 0 -6px; } .slider__small .slick-slide img { max-width: 100%; max-height: 100%; margin: 0 auto; } .slider__small .slick-slide .small__video img { /*width: 100%; height: 100%;*/ } .slider__small-img.slick-current .slider__small-img-block, .slider__small-img-block:hover { border-color: var(--default-color, #1F2123); } .slider__small-img-block { height: 94px; width: 136px; background: #FFFFFF; border: 1px solid #ECECEC; margin: 0 6px; cursor: pointer; } .slider__small-img { display: inline-block; } .slider__small .slick-track { margin-left: 0; } .small__video { position: relative; } .small__video::before { content: ""; position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; background: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.4)), to(rgba(0, 0, 0, 0.4))); background: -o-linear-gradient(bottom, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); background: linear-gradient(0deg, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0.4)); } .small__video::after { content: ""; position: absolute; top: 50%; left: 50%; z-index: 2; width: 19.82px; height: 22px; background: url("/local/templates/main/assets/css/../images/icon_play.svg") center center no-repeat; -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-size: 100% 100%; } .detail__block { max-width: 1025px; } .detail__block.block__tabs { max-width: 100%; } .block__tabs { margin-bottom: 99px; } .tabs__content { max-width: 1025px; } .tab__content { display: none; } .tab__content.active { display: block; } .tab__content>* { max-width: 100%; } .tabs__head { margin-bottom: 50px; } .detail .tab { background: var(--color-white, #FFFFFF); border: 1px solid #D9D9D9; padding: 5px 14px 7px; margin-right: 5px; margin-bottom: 5px; } .tab__link { color: var(--default-color, #1F2123); text-decoration: none; font-size: 14px; line-height: 17px; } .detail .tab:hover, .detail .tab.tab_active { background: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); } .detail .tab:hover .tab__link, .detail .tab.tab_active .tab__link { color: var(--color-white, #FFFFFF); } .property { width: 100%; border-bottom: 1px solid #eee; padding-bottom: 9px; margin-bottom: 17px; display: -webkit-box; display: -ms-flexbox; display: flex; } .property__title { width: 34%; color: var(--default-color, #1F2123); font-weight: 700; font-size: 15px; line-height: 18px; padding-right: 15px; } .property__value { width: 66%; color: var(--default-color, #1F2123); font-weight: 400; font-size: 15px; line-height: 18px; } .property__show-more { margin-top: 37px; } .property__show-more .btn { width: 100%; display: block; text-align: center; line-height: 42px; font-size: 14px; } .property__hidden { display: none; } .detail .title.title__detail { font-size: 26px; line-height: 31px; margin-bottom: 32px; } .block__description { margin-bottom: 62px; } .block__description p { font-weight: 400; font-size: 16px; line-height: 26px; color: var(--default-color, #1F2123); margin: 26px 0; } .block__peculiarities { margin-bottom: 66px; } .detail__block.block__peculiarities { max-width: 940px; } .detail .block__peculiarities .title.title__detail { font-size: 22px; line-height: 26px; margin-bottom: 37px; } .peculiariti { width: 33.333333%; padding-right: 15px; margin-bottom: 26px; } .detail__block.block__scheme { max-width: 893px; } .detail__squere { text-align: center; width: 47.39px; height: 47.39px; background-color: #999999; padding-top: 12px; } .squere__red { background: var(--color-red, #FE3D3D); } .squere__blue { background: var(--color-blue, #456493); } .peculiariti__content { width: calc(100% - 47.39px); font-weight: 400; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); padding-left: 20px; } .peculiariti__content span { font-weight: 700; } .detail .block__scheme .title.title__detail { margin-bottom: 41px; } .scheme__area { position: relative; background: #F5F3F1; text-align: center; margin-bottom: 41px; } .scheme__img { display: block; max-width: 100%; height: auto; margin: 0 auto; } .scheme__sizing { position: absolute; z-index: 1; border-bottom: 1px solid var(--default-color, #1F2123); width: 160px; } .scheme__sizing-rotate { -webkit-transform: rotate(-90deg); -ms-transform: rotate(-90deg); transform: rotate(-90deg); } .scheme__sizing1 { top: 28%; left: 23%; } .scheme__sizing2 { top: 64%; left: 33%; } .scheme__sizing3 { top: 63%; left: 57%; } .scheme__sizing4 { top: 84%; left: 57%; } .scheme__sizing5 { top: 52%; left: 70%; } .scheme__sizing6 { top: 23%; left: 73%; } .scheme__sizing-line { position: absolute; bottom: -10px; z-index: 1; width: 1px; height: 45px; border-left: 1px solid var(--default-color, #1F2123); } .scheme__sizing-line-left { left: 0; } .scheme__sizing-line-right { right: 0; } .scheme__sizing-arrows { font-size: 16px; line-height: 24px; font-weight: 700; color: var(--default-color, #1F2123); } .scheme__sizing-arrows::before, .scheme__sizing-arrows::after { content: ""; position: absolute; bottom: -3px; z-index: 1; } .scheme__sizing-arrows::before { left: 0; border-left: 0; border-top: 3px solid transparent; border-right: 10px solid var(--default-color, #1F2123); border-bottom: 3px solid transparent; } .scheme__sizing-arrows::after { right: 0; border-right: 0; border-top: 3px solid transparent; border-left: 10px solid var(--default-color, #1F2123); border-bottom: 3px solid transparent; } .scheme__sizing-arrows-up span { position: relative; top: 24px; } .scheme__button .btn { height: auto; padding: 19px 39px 7px 31px; } .scheme__button .btn:hover, .scheme__button .btn:focus { background: transparent; } .scheme__button .btn__img { padding-top: 5px; } .block__detail-products { border-top: 1px solid #EEEEEE; padding-top: 69px; margin: 80px 0; } .block__detail-products .title { margin-bottom: 58px; } .detail-products__collection .title { margin-bottom: 28px; } .detail__tags { margin-bottom: 46px; } .detail__tags .tag { margin-right: 5px; } .detail__tags .tag__link.active { color: var(--color-white, #ffffff); background: var(--color-red, #FE3D3D); } .detail-products__collection .owl-carousel-cards>.owl-stage-outer>.owl-stage>.owl__card_hidden { display: none !important; } .card__collection_hidden { display: none !important; } .detail__popup.active { right: 0; } .detail__popup { position: fixed; top: 0; right: -492px; z-index: 999; background: var(--color-white, #ffffff); width: 100%; max-width: 492px; height: 100%; padding: 40px 20px 15px 40px; } .detail__popup>.detail__popup-container { height: calc(100% - 55px); padding-right: 20px !important; } .detail__popup-close { top: 10px; right: 10px; } .detail__popup .detail__popup-title.title { font-size: 24px; line-height: 29px; margin-bottom: 20px; } .detail__popup.active .detail__popup-shadow { position: absolute; width: 10000px; height: 100%; top: 0; right: 100%; background: rgba(0, 0, 0, 0.3); } .detail__popup-content { font-weight: 400; font-size: 14px; line-height: 17px; } .detail__popup-content-term { margin: 30px 0 15px; } .detail__popup-content .content__term ul { list-style-type: none; padding: 0; margin: 0; } .content__term li { background: #F5F5F5; padding: 20px; margin: 15px 0; } .content__term-title { width: 68%; font-weight: 700; font-size: 14px; line-height: 17px; } .conntent__term-value { width: 32%; text-align: right; font-weight: 400; font-size: 14px; line-height: 17px; padding-left: 15px; color: var(--color-red, #FE3D3D); } .detail__popup-body { margin-top: 30px; } .detail__popup-content ul { padding-left: 25px; } .detail__popup-note a { color: var(--default-color, #1F2123); } /* IN: end detail */ .slider__big .card { text-align: center; height: 100%; padding: 0; } .slider__big .card__img { position: relative; height: auto; width: auto; display: inline-block; margin-bottom: 0; overflow: hidden; } .slider__big .card__img img { position: relative; top: 0; left: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; width: auto; height: auto; max-width: 100%; max-height: 710px; } .slider__big-img a.shopping-cart { display: initial; width: 100%; height: 100%; width: 30px; height: 30px; padding-top: 7px; } .card__price-collection { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-gray, #999999); margin: 5px 0 7px; } .detail__personal-collection { padding-top: 33px; } .block__collection-color { overflow: hidden; } .detail .block__collection-color .title.title__detail { margin-bottom: 50px; } .detail__block.block__collection-color { max-width: 100%; } .block__collection-color .card { -webkit-box-shadow: 0 0; box-shadow: 0 0; padding: 0; margin-bottom: 22px; } .block__collection-color .card__img { height: auto; overflow: visible; margin-bottom: 31px; } .block__collection-color .card__img img { position: relative; top: 0; left: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; width: 100%; height: auto; max-width: 100%; max-height: inherit; } .block__collection-color .card__title { min-height: auto; padding-bottom: 10px; } .block__collection-color .card__title-link { font-weight: 700; font-size: 15px; line-height: 18px; } .detail-products__collection-page .detail__tags { position: relative; margin-bottom: 41px; } .detail-products__collection-page .detail__tags .btn { position: absolute; top: -16px; right: 0; z-index: 1; height: 50px; line-height: 48px; padding: 0 35px; } /* IN: list */ .block__ideas.block__ideas-collections .card { height: 624px; -webkit-box-shadow: 0 0; box-shadow: 0 0; margin-bottom: 69px; } .inner__page .block__ideas.block__ideas-collections .card { position: relative; } .inner__page .block__ideas.block__ideas-collections .card .card__relative { position: absolute; width: 100%; height: calc(100% - 98px); top: 0; left: 0; } .block__ideas.block__ideas-collections .card__img { height: 526px; margin-bottom: 31px; } .block__ideas-collections .card__offers { display: none; text-align: right; } .block__ideas-collections .card__content .card__title { padding-bottom: 8px; } .block__ideas-collections .card__content .card__title-link { font-weight: 700; font-size: 28px; line-height: 33px; } .block__ideas-collections .card__offer { width: 30px; height: 30px; } .block__ideas-collections .card__price { font-weight: 400; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); } .block__ideas-collections .card__personal { display: none; } .block__ideas-collections .card__personal a { text-align: center; width: 40px; height: 40px; line-height: 52px; border-radius: 50%; background: rgba(255, 255, 255, 0.3); -webkit-backdrop-filter: blur(5px); backdrop-filter: blur(5px); } .block__ideas-collections .card:hover .card__offers, .block__ideas-collections .card:focus .card__offers, .block__ideas-collections .card:hover .card__personal, .block__ideas-collections .card:focus .card__personal { display: block; } .block__ideas-collections .content__ideas { bottom: 150px; padding: 0; } /* IN: start about page */ .inner__page-about h1.title { margin-bottom: 41px; } .page-about__img-mobile, .page-about__block-mobile { display: none; } .block__about-advantages { margin: 41px 0 42px; } .about-advantages__left { width: 42%; padding-right: 25px; } .about-advantages__right { width: 58%; padding-left: 7px; } .about-advantages__img { margin-bottom: 109px; } .about-advantages__img img { display: block; } .about-advantages__content { padding-right: 30px; margin-bottom: 46px; } .about-advantages__left .about-advantages__content { width: 50%; } .about-advantages__right .about-advantages__content { width: 33.333333%; } .about-advantages__button { width: 66.666666%; } .about-advantages__button .btn { float: right; margin-top: -11px; padding: 19px 38px 12px 29px; } .about-advantages__button>svg { position: relative; top: 20px; left: 38px; } .about-advantages__title { max-width: 270px; font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); margin-bottom: 15px; } .about-advantages__text { max-width: 270px; font-weight: 400; font-size: 14px; line-height: 24px; color: #6D7278; } .about-advantages__left .about-advantages__content:nth-child(1) .about-advantages__text, .about-advantages__left .about-advantages__content:nth-child(2) .about-advantages__text { min-height: 180px; } .about-advantages__right .about-advantages__content:nth-child(1) .about-advantages__text, .about-advantages__right .about-advantages__content:nth-child(2) .about-advantages__text, .about-advantages__right .about-advantages__content:nth-child(3) .about-advantages__text { min-height: 180px; } .block__about-dilers { background: var(--color-light-gray, #F7F7F7); padding: 96px 0; margin: 0; } .about-dilers__content { margin-bottom: 7px; } .about-dilers__brends .brends { width: auto; padding: 0 54px 0 0; position: relative; top: 7px; } .block__about-dilers .title { margin-bottom: 29px; } .block__about-dilers .d-flex>.subblock:nth-child(1) p { max-width: 821px; } .block__about-dilers .d-flex>.subblock:nth-child(2) p { max-width: 791px; padding-left: 6px; } .about-dilers__brends .brend__link { margin: 0; } .about-dilers__brends .brend__link { max-width: 212px; } .about-dilers__brends .btn { font-size: 15px; line-height: 48px; padding: 0 32px; margin-right: 22px; } .about-dilers__brends .btn__next { padding-right: 26px; } .about-dilers__brends .btn__next::after { margin-left: 15px; } .about-dilers__brends { margin-bottom: 51px; } .we-offers__number { text-align: center; width: 60px; height: 60px; line-height: 58px; border-radius: 50%; font-weight: 400; font-size: 15px; color: var(--color-red, #FE3D3D); border: 1px solid var(--color-red, #FE3D3D); margin-bottom: 30px; } .we-offers__text { font-weight: 700; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); max-width: 250px; } .block__about-dilers .about-dilers__we-offers .title { width: 100%; font-size: 26px; line-height: 31px; margin-bottom: 69px; } .we-offer { /*width: 16.666666%; padding-right: 15px;*/ } .block__about-portal { margin: 130px 0 93px; } .block__about-portal .title { margin-bottom: 32px; } .block__about-portal p { max-width: 821px; margin: 10px 0; } .block__about-portal p a { color: var(--default-color, #1F2123); font-weight: 700; } .block__about-portal p a:hover, .block__about-portal p a:focus { color: var(--color-red, #FE3D3D); } .block__about-gos { margin-bottom: 72px; } .block__about-gos .container { position: relative; padding: 102px 0 97px; } .block__about-gos .container::before { content: ""; position: absolute; top: 0; left: 15px; width: calc(100% - 30px); border-top: 1px solid #ECECEC; } .block__about-gos .container::after { content: ""; position: absolute; bottom: 0; left: 15px; width: calc(100% - 30px); border-bottom: 1px solid #ECECEC; } .block__about-gos .d-flex>.subblock:nth-child(1) { padding-left: 16px; } .block__about-gos .d-flex>.subblock:nth-child(2) { padding-top: 6px; } .block__about-gos .title { margin-bottom: 37px; } .block__about-gos p { max-width: 821px; margin: 10px 0; } .block__stocks.news { margin: 0; } .block__stocks.news .title { margin-bottom: 48px; } .block__stocks.news .card__labels-full { width: calc(100% - 57px); } .block__stocks.news .content__stocks { padding: 0 31px 27px; } .block__about-company { background: #F7F7F7; padding: 92px 0 124px; margin: 127px 0 121px; } .about__vacancy { background: var(--color-white, #ffffff); border-radius: 3px; padding: 41px 54px 41px 36px; } .vacancy__head { margin-bottom: 24px; } .vacancy__title { display: inline-block; width: 80%; font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); margin-top: 0; } .vacancy__price { float: right; width: 20%; font-weight: 700; font-size: 18px; line-height: 21px; text-align: right; color: var(--color-red, #FE3D3D); margin-top: 2px; } .vacancy__block-title { font-weight: 700; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); margin-bottom: 14px; } .vacancy__block { /*max-width: 710px;*/ max-width: 100%; margin-bottom: 25px; } .vacancy__block ul { padding: 0 0 0 24px; margin: 14px 0; } .vacancy__block li { font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); } .vacancy__button.btn { font-size: 15px; line-height: 48px; margin-top: 3px; } .block__about-history .title { margin-bottom: 36px; } .block__about-history .title__note { margin-bottom: 61px; } .history__years .tab { background-color: transparent; border-color: transparent; font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.177778px; color: var(--default-color, #1F2123); padding: 10px 20px; margin-right: 0; } .history__years .tab__link { font-weight: 400; font-size: 16px; line-height: 22px; letter-spacing: 0.177778px; color: var(--default-color, #1F2123); -webkit-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s; } .history__years .tab:hover, .history__years .tab.tab_active { background: var(--color-red, #FE3D3D); border: 1px solid var(--color-red, #FE3D3D); } .history__years .tab:hover .tab__link, .history__years .tab.tab_active .tab__link { font-weight: 700; color: var(--color-white, #ffffff); } .owl-carousel-history-years.owl-dots-type-line .owl-dots { margin-top: 7px; } .slick-slider-history-years .tab { padding-left: 0; padding-right: 0; text-align: center; margin-right: 5px; } .history__years .slick-dotted.slick-slider { margin: 0; } .history__years .slick-dots { position: relative; z-index: 1; margin: 7px 0 0; bottom: 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .history__years .slick-dots li { width: 100%; height: auto; margin: 0; border-radius: 0; background: transparent; } .history__years .slick-dots li button { width: 100%; height: auto; margin: 0; border-radius: 0; background: transparent; padding: 15px 0; } .history__years .slick-dots li button::before { background: var(--color-gray, #999999); opacity: 0.5; width: 100%; height: 1px; top: 15px; content: ''; } .history__years .slick-dots li.slick-active button:before, .history__years .slick-dots li:hover button:before { background: var(--color-dark-gray, #5B5B5B); opacity: 1; } .history__years-contents { max-width: 1173px; margin-top: 48px; } .history__years-block { background: #F6F6F6; border-radius: 3px; padding: 30px 25px 30px 35px; } .history__years-number { width: 205px; font-weight: 500; font-size: 60px; line-height: 50px; color: var(--default-color, #1F2123); } .history__years-content { width: calc(100% - 205px); font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); } .block__about-contacts { margin: 180px 0 135px; } .about__contacts-container { border: 1px solid var(--default-color, #1F2123); border-radius: 3px; height: 100%; padding: 33px 31px 36px 35px; } .title__contacts { font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); border-bottom: 1px solid #ECECEC; padding-bottom: 28px; margin-bottom: 25px; margin-top: 0; } .about__contacts-title { font-weight: 400; font-size: 15px; line-height: 30px; color: #999999; } .about__contacts-string { font-weight: 400; font-size: 15px; line-height: 30px; color: var(--default-color, #1F2123); } .about__contacts-string a { font-weight: 700; text-decoration: none; color: var(--default-color, #1F2123); } .about__contacts-string a+a { display: block; padding-left: 27px; } .about__contacts-string a:hover, .about__contacts-string a:focus { color: var(--color-red, #FE3D3D); } .about__contacts-phone::before, .about__contacts-email::before, .about__contacts-location::before { content: ""; display: inline-block; vertical-align: middle; width: 12px; height: 12px; margin-right: 12px; } .about__contacts-phone::before { background: transparent url("/local/templates/main/assets/css/../images/icon_phone.svg") center center no-repeat; } .about__contacts-email::before { background: transparent url("/local/templates/main/assets/css/../images/icon_email.svg") center center no-repeat; } .about__contacts-location::before { background: transparent url("/local/templates/main/assets/css/../images/icon_location.svg") center center no-repeat; } /* IN: end about page */ /* IN: personal profile start */ .inner__page-l-cab { padding-top: 56px; margin-bottom: 109px; } .inner__page-l-cab .title { margin-bottom: 37px; } .l-cab__head { margin-bottom: 28px; } .l-cab_tags .tag { margin-right: 15px; margin-bottom: 15px; } .l-cab_tags .tag.active .tag__link, .l-cab_tags .tag:hover .tag__link, .l-cab_tags .tag:focus .tag__link { color: var(--color-white, #ffffff); background: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); } .l-cab_tags .tag.active .tag__link svg path, .l-cab_tags .tag:hover .tag__link svg path, .l-cab_tags .tag:focus .tag__link svg path { stroke: var(--color-white, #ffffff); fill: transparent; } .l-cab_tags svg path { stroke: var(--default-color, #1F2123); fill: transparent; } .l-cab_tags .tag__link { font-weight: 700; font-size: 15px; line-height: 18px; padding: 14px 24px; } .l-cab_tags .tag__link svg { margin-right: 7px; } .inner__page-l-cab .detail__bonus span { color: var(--color-red, #FE3D3D); } .inner__page-l-cab .detail__bonus-bg { background: #F6F6F6; border-radius: 3px; padding: 11px 10px; } .inner__page-l-cab .detail__bonus svg { margin-top: 2px; } .l-cab__profile { max-width: 1478px; } .personal__form { background: #F6F6F6; border-radius: 3px; padding: 37px 37px 26px 42px; } .form__title { font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); margin-bottom: 38px; } .input__area { margin-bottom: 31px; } .input__area label { display: block; margin-bottom: 5px; font-weight: 800; font-size: 13px; line-height: 16px; color: var(--default-color, #1F2123); } .input__area input, .input__area .input__textarea { display: block; width: 100%; font-weight: 400; font-size: 15px; height: 50px; line-height: 48px; color: var(--default-color, #1F2123); background: #FFFFFF; border: 1px solid #DADADA; border-radius: 3px; padding: 16px 19px; } .input__area .input__textarea { height: 150px; line-height: 18px; } .input__area input::-webkit-input-placeholder, .input__area .input__textarea::-webkit-input-placeholder { color: #999999; } .input__area input::-moz-placeholder, .input__area .input__textarea::-moz-placeholder { color: #999999; } .input__area input:-ms-input-placeholder, .input__area .input__textarea:-ms-input-placeholder { color: #999999; } .input__area input::-ms-input-placeholder, .input__area .input__textarea::-ms-input-placeholder { color: #999999; } .input__area input::placeholder, .input__area .input__textarea::placeholder { color: #999999; } .input__area input:focus, .input__area input.input__focus, .input__area .input__textarea:focus { border-color: var(--default-color, #1F2123); } .input__area input:disabled { background: #EEEEEE; border-color: #DADADA; } .input__relative { position: relative; } .input__area input.input__error { border-color: var(--color-red, #FE3D3D); color: var(--color-red, #FE3D3D); } .input__area .error__message { position: absolute; bottom: 18px; right: 18px; font-weight: 400; font-size: 12px; line-height: 14px; color: var(--color-red, #FE3D3D); margin: 0; } .input__area .input__file { border: 0; padding: 0; } .input__area.input__area-file .input__file { display: none; } .input__area.input__area-file label.btn__red { display: inline-block; color: #fff; height: 50px; line-height: 48px; cursor: pointer; margin-top: 10px; margin-bottom: 0; } .input__calendar-date { position: relative; } .input__calendar-date img.calendar-icon { position: absolute; right: 10px; bottom: 11px; z-index: 1; } .calendar-date__arrow { position: absolute; bottom: 0px; right: 0px; z-index: 1; width: 42px; height: 50px; background: transparent url("/local/templates/main/assets/css/../images/arrow_bottom_black_personal.svg") center center no-repeat; cursor: pointer; } .calendar-date__arrow:hover { opacity: 0.7; } .calendar-date__popup { display: none; position: absolute; top: 100%; right: 0; z-index: 99; min-width: 360px; min-height: 360px; background: #fff; -webkit-box-shadow: 1px 1px 10px gray; box-shadow: 1px 1px 10px gray; } .calendar-date__popup.active { display: block; } .input__password input { color: #7C7E80; letter-spacing: 3px; } .submit__area { margin-top: 52px; margin-bottom: 31px; } .btn__submit { text-align: center; width: auto; display: inline-block; font-weight: 700; font-size: 15px; line-height: 18px; color: var(--color-white, #ffffff); border: 1px solid var(--color-red, #FE3D3D); background: var(--color-red, #FE3D3D); border-radius: 50px; padding: 15px 32px; } .btn__submit:hover, .btn__submit:focus { opacity: 0.7; } /* IN: personal profile end */ /* IN: personal compare start */ .l-cab__compare { margin-top: 57px; } .l-cab__compare .card__img { margin: 0; } .compare__main { width: 23.81%; border-right: 1px solid #EEEEEE; } .compare__main .compare__block { font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); padding: 23px; padding-left: 0; opacity: 0; } .compare__body { width: 76.19%; } .compare__item { position: relative; border-right: 1px solid #EEEEEE; width: 100%; max-width: 452px; min-width: 292px; min-height: 440px; } .compare__delete { right: 0; top: 0; } .compare__delete.close__icon::before, .compare__delete.close__icon::after { width: 20px; height: 2px; margin: 0px 0 0 -10px; } .compare__delete.close__icon:hover::before, .compare__delete.close__icon:hover::after { background: var(--color-red, #FE3D3D); } .compare__title { width: 50%; font-weight: 400; font-size: 15px; line-height: 30px; color: var(--default-color, #1F2123); padding-right: 7.5px; } .compare__item .card__title-link:hover { color: var(--color-red, #FE3D3D); } .compare__value { width: 50%; font-weight: 700; text-align: right; font-size: 15px; line-height: 30px; color: var(--default-color, #1F2123); padding-left: 7.5px; } .compare__description { font-weight: 400; font-size: 15px; line-height: 30px; color: var(--default-color, #1F2123); } .compare__body .compare__block { border-bottom: 1px solid #EEEEEE; padding: 23px; } .compare__body .compare__block.compare__description { border-bottom: 0; } /* IN: personal compare end */ /* IN: personal orders start */ .order__card { background: #F6F6F6; border-radius: 3px; padding: 32px 27px 23px 48px; margin-bottom: 25px; } .order__card-main { position: relative; width: 25%; padding-top: 14px; padding-bottom: 65px; } .order__card-main .order__card-button { position: absolute; left: 0; bottom: 0; z-index: 1; } .order__card-main .btn { line-height: 48px; } .order__card-body { width: 75%; padding-left: 9px; } .order__card-title { font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); margin-bottom: 15px; } .order__card-note { font-weight: 400; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); margin-bottom: 15px; } .order__card-result { display: inline-block; font-weight: 700; font-size: 15px; line-height: 18px; color: var(--color-white, #ffffff); background-color: gray; border-radius: 3px; padding: 10px 12px; } .order__card-result::before { content: ""; display: inline-block; vertical-align: middle; width: 20px; height: 20px; margin-right: 3px; } .order__card-result_true { background: #3FA26B; } .order__card-result_false { background: #95989B; } .order__card-result_process { background: #FF913C; } .order__card-result_true::before { background: transparent url("/local/templates/main/assets/css/../images/icon_true.svg") center center no-repeat; } .order__card-result_false::before { background: transparent url("/local/templates/main/assets/css/../images/icon_false.svg") center center no-repeat; } .order__card-result_process::before { background: transparent url("/local/templates/main/assets/css/../images/icon_process.svg") center center no-repeat; } .card-item { background: var(--color-white, #ffffff); border-radius: 3px; padding: 13px 10px 8px; margin-bottom: 5px; } .card-item__img { width: 130px; padding-right: 20px; } .card-item__img img { display: block; } .card-item__content { width: calc(100% - 438px); padding-top: 9px; padding-right: 20px; } .card-item__content-title { display: block; font-weight: 700; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); text-decoration: none; margin-bottom: 12px; white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .card-item__content-prop { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); margin-bottom: 8px; } .card-item__price { width: 129px; font-weight: 400; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); padding-right: 20px; padding-bottom: 2px; } .card-item__count { width: 83px; font-weight: 400; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); padding-right: 20px; padding-bottom: 2px; } .card-item__all-price { width: 96px; font-weight: 700; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); padding-bottom: 2px; } .card-item__content-collection { color: #999999; cursor: pointer; } .card-item__content-collection-arrow { display: inline-block; vertical-align: middle; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); margin-left: 5px; } .order__card-item.active .card-item__content-collection-arrow { -webkit-transform: rotate(0deg); -ms-transform: rotate(0deg); transform: rotate(0deg); } .order__card-item-collection { display: none; padding: 15px 0; } .order__card-item.active .order__card-item-collection { display: block; } .order__card-item-collection .card-item__img { text-align: right; } .order__card-item-collection .card-item__img img { display: inline-block; } .order__card-item-collection .card-item__content-title { font-size: 14px; line-height: 17px; } .order__card-item-collection>div+div { margin-top: 6px; } .order__card-items-price { margin-top: 34px; } .order__card-items-title { width: 50%; font-weight: 400; font-size: 17px; line-height: 20px; color: var(--default-color, #1F2123); } .order__card-item-price { width: 50%; text-align: right; font-weight: 700; font-size: 20px; line-height: 24px; color: var(--default-color, #1F2123); padding-right: 10px; } .detail__bonus-mobile { display: none; } /* IN: personal orders end */ /* IN: order start */ .inner__page-order { margin-bottom: 105px; } .order__content { width: 75%; padding-right: 6px; } .order__sidebar { position: relative; width: 25%; padding-left: 24px; } .order__block { background: #F6F6F6; border-radius: 3px; padding: 49px 31px 53px 39px; margin-bottom: 17px; } .basket { background: transparent; padding: 0; } .basket__item { background: #F6F6F6; margin-bottom: 17px; } .basket__item .card-item__img { width: 130px; } .basket__item .card-item__content { width: 504px; } .basket__item .card-item__price { width: 105px; white-space: nowrap; } .basket__item .card-item__article { width: 164px; } .basket__item .card-item__count { width: 141px; } .basket__item .card-item__all-price { width: 113px; white-space: nowrap; } .basket__item .card__personal { width: 112px; } .basket__item .card-item__delete { width: 38px; } .card-item__article { font-weight: 400; font-size: 14px; line-height: 17px; color: #999999; padding-bottom: 2px; padding-right: 20px; } .card-item__article span { font-weight: 700; } .basket__item .counter { display: inline-block; border: 1px solid #D9D9D9; border-radius: 50px; white-space: nowrap; padding: 0 16px; } .basket__item .counter__input { background: transparent; font-size: 13px; line-height: 16px; height: 30px; } .basket__item .counter__action { color: #bababa; height: 30px; font-size: 20px; line-height: 28px; } .basket__item .counter__action:hover { color: var(--color-red, #FE3D3D); } .basket__item .card__personal { position: relative; top: 0px; right: 0px; } .basket__item .card__personal a { margin-left: 5px; } .card-item__delete a:hover svg path { stroke: var(--color-red, #FE3D3D); } .order__dont-forget { padding: 10px; } .dont-forget { padding: 4px 23px 4px 29px; cursor: pointer; } .dont-forget__title { width: 180px; font-weight: 700; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); } .dont-forget__images { width: calc(100% - 269px); } .dont-forget__images img { display: inline-block; } .dont-forget__images img+img { margin-left: 10px; } .dont-forget__show { width: 89px; font-weight: 400; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); } .dont-forget__show svg { margin-left: 11px; } .dont-forget__hidden { display: none; padding: 15px 0; } .dont-forget__hidden .sections__body { margin: 0; } .order__dont-forget.active .dont-forget__show svg { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .order__dont-forget.active .dont-forget__hidden { display: block; } .title__order { font-size: 26px; line-height: 31px; margin-bottom: 29px; } .order__form .input__area { margin-bottom: 16px; } .flex__inputs .input__area { width: 100%; margin-bottom: 0; } .flex__inputs .input__area+.input__area { margin-left: 20px; } .order__select-input { background: #fff; border-radius: 3px; padding: 17px 19px; } .order__select-input+.order__select-input { margin-top: 13px; } .radio__area { width: 100%; 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; cursor: pointer; } .radio__input { display: none; } .radio__title { display: inline-block; vertical-align: middle; position: relative; font-weight: 700; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); padding-left: 46px; } .radio__title+* { margin-left: 17px; } .radio__title::before { content: ""; position: absolute; top: 50%; left: 0; z-index: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 24px; height: 24px; border: 1px solid #DADADA; border-radius: 50%; } .radio__title::after { content: ""; position: absolute; top: 50%; left: 7px; z-index: 1; -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); display: block; width: 12px; height: 12px; border-radius: 50%; } .radio__input:checked+.radio__area .radio__block .radio__title, .radio__area:hover .radio__title { color: var(--color-red, #FE3D3D); } .radio__input:checked+.radio__area .radio__block .radio__title::before { border-color: var(--color-red, #FE3D3D); } .radio__input:checked+.radio__area .radio__block .radio__title::after { background-color: var(--color-red, #FE3D3D); } .radio__note { display: inline-block; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 19px; color: #999999; } .radio__price { font-weight: 400; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); } .radio__title.checkbox__title::before { border-radius: 1px; } .radio__input:checked+.radio__area .radio__block .radio__title.checkbox__title::after, .radio__area:hover .radio__title.checkbox__title::after { top: 0; left: 0; z-index: 1; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; width: 26px; height: 26px; border-radius: 1px; background-image: url("/local/templates/main/assets/css/../images/checked_icon.svg"); background-position: center center; background-repeat: no-repeat; } .order__form-hidden { display: none; margin-top: 24px; margin-bottom: 21px; } .radio__input:checked+*+.order__form-hidden { display: block; } .order__page .tags { margin-bottom: 13px; } .order__page .tag__link { font-size: 16px; line-height: 19px; padding: 9px 16px; } .order__page .tag__link svg { margin-right: 3px; } .order__page .tag.active .tag__link { background-color: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); color: var(--color-white, #ffffff); } .order__page .tag.active .tag__link svg path { fill: var(--color-white, #ffffff); } .order__options .order__select-inputs { margin-bottom: 29px; } .order__options>*:last-child { margin: 0; } .order__button { margin-top: 52px; } .order__button .btn { width: 100%; text-align: center; font-size: 18px; line-height: 21px; height: 69px; line-height: 67px; } .order__sidebar-block { padding: 3px 0 0; } .order__product-count { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-red, #FE3D3D); margin-bottom: 9px; } .order__price-total { font-weight: 700; font-size: 30px; line-height: 36px; color: var(--default-color, #1F2123); margin-bottom: 16px; } .order__bonus { margin-bottom: 16px; } .order__bonus-input { position: relative; margin-bottom: 28px; } .order__bonus-input .input__area { margin: 0; } .order__bonus-input input { padding-right: 130px; } .input__area-link { position: absolute; top: 50%; right: 16px; z-index: 1; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); font-weight: 400; font-size: 14px; line-height: 17px; text-align: right; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: var(--default-color, #1F2123); } .order__promo-input { position: relative; margin-bottom: 16px; } .order__promo-input .input__area { margin: 0; } .order__promo-input input { padding-right: 100px; } .order__sidebar-items { margin-bottom: 29px; } .order__sidebar-item { width: 100%; padding: 13.5px 0; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order__sidebar-item+.order__sidebar-item { border-top: 1px solid #D9D9D9; } .order__sidebar-item-title { font-weight: 400; font-size: 15px; line-height: 18px; color: var(--default-color, #1F2123); } .order__sidebar-value { font-weight: 700; font-size: 16px; line-height: 19px; color: var(--default-color, #1F2123); } .order__button-sidebar .btn { width: 100%; text-align: center; font-size: 15px; line-height: 48px; } .order__button-note { font-weight: 400; font-size: 14px; line-height: 17px; color: #999999; margin-top: 16px; } .order__button-note a { color: #999999; } .order__button-note a:hover { color: var(--color-red, #FE3D3D); } .order__sidebar_fixed { position: fixed; top: 0; z-index: 10; } .order__sidebar_absolute { position: absolute; top: auto !important; bottom: 0; right: 0; z-index: 10; } /* IN: order end */ /* IN: start stocks detail */ .inner__page-stocks { margin-bottom: 137px; } .btn__prev::before { content: ""; display: inline-block; vertical-align: middle; margin-bottom: 1px; width: 10px; height: 15px; background: transparent url("/local/templates/main/assets/css/../images/arrow_right_black.svg") center center no-repeat; margin-right: 22px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .detail__stock-content { width: 42%; padding-right: 25px; margin-bottom: 42px; } .detail__stock-slider { width: 58%; padding-left: 5px; margin-bottom: 42px; } .detail__stock .title { margin-bottom: 33px; } .stock__date { font-weight: 700; font-size: 14px; line-height: 17px; color: var(--default-color, #1F2123); margin-bottom: 31px; } .stock__date::before { content: ""; display: inline-block; vertical-align: middle; width: 17px; height: 17px; background: transparent url("/local/templates/main/assets/css/../images/icon_clock_red.svg") center center no-repeat; margin-right: 9px; } .stock__content, .stock__content p { font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); } .stock__content { max-width: 689px; } .stock__content p { margin: 10px 0; } .detail__stock .btn { font-size: 15px; line-height: 48px; height: 50px; padding: 0 18px; } .inner__page-stocks .block__detail-products { border-top: 0; padding-top: 0; margin: 106px 0; } /* IN: end stocks detail */ /* IN: contacts start */ .inner__page-contacts { margin-bottom: 130px; } .contacts__location { margin-bottom: 61px; } .contacts__left { width: 33.333333%; } .contacts__right { width: 66.666666%; padding-left: 11px; } .contacts__right .title__contacts { display: none; } .contacts__location .title__contacts { font-size: 26px; line-height: 31px; border: 0; padding: 0; margin: 19px 0 49px; } .contacts__location-title { font-weight: 700; font-size: 15px; line-height: 35px; color: var(--default-color, #1F2123); } .contacts__location .about__contacts-string, .contacts__location .about__contact-string, .contacts__location .about__contacts-string a { display: block; font-weight: 400; font-size: 18px; line-height: 35px; color: var(--default-color, #1F2123); } .contacts__location .about__contacts-string a:hover { color: var(--color-red, #FE3D3D); } .contacts__location .about__contacts-string { position: relative; width: 72%; margin-left: 75px; } .contacts__location .about__contacts-string+.about__contacts-string { border-top: 1px solid #F1F1F1; margin-top: 23px; padding-top: 26px; } .contacts__location .about__contacts-phone::before, .contacts__location .about__contacts-email::before, .contacts__location .about__contacts-location::before, .contacts__location .about__contacts-time::before { content: ""; position: absolute; top: 50%; left: -73px; margin-top: -12px; display: inline-block; vertical-align: middle; text-align: center; width: 48px; height: 48px; line-height: 46px; border: 1px solid var(--default-color, #1F2123); border-radius: 50%; } .contacts__location .about__contacts-phone::before { top: 10px; margin: 0; background: transparent url("/local/templates/main/assets/css/../images/icon_phone_black.svg") center center no-repeat; } .contacts__location .about__contacts-email::before { background: transparent url("/local/templates/main/assets/css/../images/icon_email_black.svg") center center no-repeat; } .contacts__location .about__contacts-location::before { background: transparent url("/local/templates/main/assets/css/../images/icon_location_black.svg") center center no-repeat; } .contacts__location .about__contacts-time::before { background: transparent url("/local/templates/main/assets/css/../images/icon_time_black.svg") center center no-repeat; } .contacts__scheme { margin-bottom: 126px; } .contacts__scheme-block { display: block; text-decoration: none; background: #F7F7F7; border-radius: 3px; overflow: hidden; } .title_scheme { font-weight: 700; font-size: 26px; line-height: 31px; color: var(--default-color, #1F2123); } .contacts__scheme-img { display: inline-block; vertical-align: middle; width: 26%; padding-right: 15px; } .contacts__scheme-img img { display: block; } .contacts__scheme-title { display: inline-block; vertical-align: middle; width: calc(64% - 65px); font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); padding-right: 15px; } .contacts__scheme-link { display: inline-block; vertical-align: middle; width: 65px; font-weight: 400; font-size: 14px; line-height: 17px; text-decoration: underline; color: var(--default-color, #1F2123); margin-top: 6px; } .contacts__scheme-link:hover { color: var(--color-red, #FE3D3D); } .contacts__information .title { margin-bottom: 27px; } .contacts__information .title__note { max-width: 1150px; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); margin-bottom: 54px; } .contacts__information-block .title { font-size: 22px; line-height: 26px; margin-bottom: 33px; } .title a.copy { float: right; font-weight: 400; font-size: 15px; line-height: 25px; text-decoration: underline; color: var(--color-red, #FE3D3D); } .cont__req { width: 33.333333%; border-right: 2px solid #fff; } .cont__req:last-child { border-right: 0; } .cont__req span { display: block; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); background: #F7F7F7; border-radius: 1px; padding: 13px 20px 11px; } .cont__req span:first-child { border-bottom: 2px solid #fff; } .scheme-content__block { display: none; margin-top: 30px; } .scheme-content__block.active { display: block; } /* IN: contacts end */ /* IN: start content */ .default__class .inner__page { padding: 42px 0 0px; margin-bottom: 50px; } .default__class .page { width: 66.161%; } .default__class .sidebar { text-align: right; width: 33.839%; padding-left: 26px; } .default__class .sidebar__left { width: 33.839%; padding-right: 26px; } .default__class .sidebar__container { text-align: left; display: inline-block; max-width: 415px; background: var(--default-color, #1F2123); border-radius: 1px; font-weight: 400; font-size: 15px; line-height: 25px; color: #F7F4EC; padding: 29px 34px; } .default__class h1 { font-weight: 700; font-size: 35px; line-height: 42px; color: var(--default-color, #1F2123); margin: 0 0 15px; } .default__class h2 { font-weight: 700; font-size: 26px; line-height: 31px; color: var(--default-color, #1F2123); margin: 0 0 15px; } .default__class h3 { font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); margin: 0 0 15px; } .default__class h4 { font-weight: 700; font-size: 18px; line-height: 28px; color: var(--default-color, #1F2123); margin: 0 0 15px; } .default__class p { font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); margin: 10px 0; } .default__class a { color: #4776BD; } .default__class a:hover { color: var(--color-red, #FE3D3D); } .default__class a:visited { color: #2766C5; text-decoration: none; } .default__class .tabs { margin: 28px 0 50px; } .default__class .tabs__head { margin-bottom: 31px; } .default__class .tab { background: var(--color-white, #FFFFFF); border: 1px solid #D9D9D9; padding: 5px 14px 7px; margin-right: 5px; margin-bottom: 5px; } .default__class .tab .tab__link:visited { color: var(--default-color, #1F2123); } .default__class .tab:hover, .default__class .tab.tab_active { background: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); } .default__class .tab:hover .tab__link, .default__class .tab.tab_active .tab__link { color: var(--color-white, #FFFFFF); } .default__class .tabs__content { max-width: 100%; } .default__class .quote { position: relative; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); background: #F7F7F7; border-radius: 1px; padding: 27px 89px; margin: 50px 0; } .default__class .quote::before { content: ""; position: absolute; top: 26px; left: 25px; width: 40px; height: 40px; background: transparent url("/local/templates/main/assets/css/../images/quotemark.png") center center no-repeat; } .default__class .block { /*margin: 78px 0;*/ margin: 30px 0; } .default__class .title { margin-bottom: 29px; } .default__class .page__bottom .block { margin-top: 0; } .default__class .owl-dots-type-line .owl-dots { margin: 51px 0 0; } .default__class .item__text { font-weight: 700; font-size: 22px; line-height: 26px; color: var(--default-color, #1F2123); margin-top: 23px; } .default__class .block__gray { background: #F7F7F7; padding: 50px 0; } .default__class .accordeon__item { background: var(--color-white, #ffffff); margin-bottom: 6px; } .default__class .accordeon__title { font-weight: 700; font-size: 18px; line-height: 28px; color: var(--default-color, #1F2123); cursor: pointer; padding: 30px; } .default__class .accordeon__title::after { content: ""; float: right; display: inline-block; vertical-align: middle; width: 25px; height: 25px; background: transparent url("/local/templates/main/assets/css/../images/arrow_bottom_black_big.svg") center center no-repeat; } .default__class .accordeon__content { display: none; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); padding: 0 30px 30px; } .default__class .accordeon__item.active .accordeon__content { display: block; } .default__class .accordeon__item.active .accordeon__title::after { -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .default__class .gray__block { background: #F7F7F7; border-radius: 1px; padding: 48px 50px; } .default__class .gray__block .title { font-size: 22px; line-height: 26px; margin-bottom: 28px; } .default__class ul, .default__class ol { padding: 0 0 0 16px; margin: 0; } .default__class ol { padding: 0 0 0 23px; margin: 0; } .default__class ul li, .default__class ol li { font-weight: 400; font-size: 16px; line-height: 25px; color: var(--default-color, #1F2123); margin: 20px 0; } .default__class .btn.btn__black { height: auto; line-height: inherit; padding: 19px 39px 19px 30px; } .default__class .btn__img { padding-top: 11px; } .default__class .btn__black .btn__content p { font-weight: 700; margin: 0 0 9px; } .default__class .btn__black .btn__content p, .default__class .btn__black .btn__content span { font-size: 16px; line-height: 19px; } .default__class .btn { height: 50px; line-height: 48px; } .default__class table { width: 100%; border-collapse: collapse; } .default__class table thead { background: var(--default-color, #1F2123); color: var(--color-white, #ffffff); } .default__class table thead td { color: var(--color-white, #ffffff); border-color: transparent; font-weight: 700; font-size: 16px; line-height: 28px; padding: 12px 31px 9px; } .default__class table tbody { background: var(--color-white, #ffffff); } .default__class table td { border: 1px solid #F2F2F2; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); padding: 16px 31px 19px; } .default__class table td.price__td { font-weight: 700; font-size: 16px; line-height: 28px; } .default__class table .price__td { width: 227px; } .default__class table .center { text-align: center; } .squere__block { width: calc(25% - 30px); margin: 15px; } .default__class .input__area label { font-size: 16px; line-height: 28px; font-weight: 700; margin-bottom: 11px; } .default__class .btn { font-size: 15px; padding: 0 32px; } .default__class a.btn__red, .default__class a.btn__black { color: var(--color-white, #ffffff); } .default__class a.btn__transparent { color: var(--default-color, #1F2123); } .default__class .subtitle { font-weight: 700; font-size: 16px; line-height: 28px; color: var(--default-color, #1F2123); margin-bottom: 20px; } .default__class .radio__title { font-weight: 400; font-size: 15px; padding-left: 40px; } .default__class .radio__title::before { border-color: var(--default-color, #1F2123); width: 18px; height: 18px; } .default__class .radio__title::after { width: 10px; height: 10px; left: 5px; } .default__class .radio__input:checked+.radio__area .radio__block .radio__title, .default__class .radio__area:hover .radio__title { color: var(--default-color, #1F2123); } .default__class .radio__input:checked+.radio__area .radio__block .radio__title.checkbox__title::after, .default__class .radio__area:hover .radio__title.checkbox__title::after { width: 20px; height: 20px; left: 0; } .default__class .order__select-input { display: inline-block; } .default__class .order__select-input+.order__select-input { margin-top: 0; margin-left: 60px; } .default__class .popup__note-area { position: relative; display: inline-block; } .default__class .popup__note-area+.popup__note-area { margin-left: 8px; } .default__class .popup__note { display: none; position: absolute; top: 100%; left: 100%; z-index: 1; margin-top: -34px; margin-left: 11px; width: 497px; font-weight: 400; font-size: 15px; line-height: 25px; color: var(--default-color, #1F2123); background: #FFFFFF; -webkit-box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.03); box-shadow: 0px 14px 14px rgba(0, 0, 0, 0.03); border-radius: 3px; padding: 11px 20px; } .default__class .detail__info-link:hover+.popup__note, .default__class .detail__info-link.active+.popup__note { display: block; } .default__class .input__area .order__select-input input { display: none; } .default__class .block__subscribe { background: transparent url("/local/templates/main/assets/css/../images/subscribe_bg.png") no-repeat; background-size: cover; padding: 74px 0 38px; margin-bottom: 0; } .default__class .subscribe__title { width: 30%; height: 108px; font-weight: 700; font-size: 26px; line-height: 31px; color: var(--color-white, #ffffff); } .default__class .subscribe__form { width: 70%; padding-left: 4%; } .default__class .subscribe .input__area { display: inline-block; vertical-align: top; width: calc(49% - 15px); margin-bottom: 0; } .default__class .subscribe .input__area+.input__area { margin-left: 30px; } .default__class .subscribe .submit__area { position: absolute; top: 0; right: 0; z-index: 1; display: inline-block; vertical-align: top; margin: 0 0 0 30px; } .default__class .subscribe .order__select-input { background: transparent; border-radius: 3px; padding: 19px 0 0; } .default__class .subscribe .radio__title, .default__class .subscribe .radio__input:checked+.radio__area .radio__block .radio__title, .default__class .subscribe .radio__area:hover .radio__title { color: var(--color-white, #ffffff); } .default__class .subscribe .radio__title::before { border-color: var(--color-white, #ffffff); } .default__class .radio__title.checkbox__title::after { -webkit-transition: all 0s ease-out 0s; -o-transition: all 0s ease-out 0s; transition: all 0s ease-out 0s; } .default__class .subscribe { position: relative; padding-right: 180px; } /* IN: end content */ /* IN: start footer */ .footer { background: var(--color-light-gray, #F7F7F7); padding: 86px 0 23px; } .footer__logo { margin-bottom: 62px; } .footer__body { margin-bottom: 71px; } .footer__nav { width: 59%; padding-right: 145px; } .footer__nav .nav__block { width: 33.333333%; } .footer__nav .nav__title { font-weight: 700; font-size: 18px; line-height: 28px; color: var(--default-color, #1F2123); margin-bottom: 13px; } .footer__nav .nav__item { display: block; text-align: left; } .footer__nav .nav__link { font-size: 16px; line-height: 45px; padding: 0; } .footer__nav .nav__item > a[href="/politika-konfidentsialnosti/"], .footer__nav .nav__item > a[href="/consent-personal-data/"] { margin-top: 15px; line-height: 25px; } .footer__nav .nav__item > a[href="/consent-personal-data/"] { margin-bottom: 15px; } .footer__contacts { width: 41%; padding: 3px 0 0 7px; } .footer__contacts-title { font-weight: 700; font-size: 15px; line-height: 144%; color: var(--default-color, #1F2123); margin-bottom: 13px; } .footer__phones { width: 62%; margin-bottom: 38px; } .footer__phone { display: block; font-weight: 700; font-size: 22px; line-height: 43px; color: var(--default-color, #1F2123); text-decoration: none; } .footer__phone span { font-size: 20px; margin-left: 8px; } .footer__phone:hover, .footer__phone:hover span, .footer__phone:focus, .footer__phone:focus span { color: var(--color-red, #FE3D3D); } .footer__soc { width: 38%; padding: 7px 0 0 6px; } .footer__soc .footer__contacts-title { margin-bottom: 29px; } .soc { text-align: center; display: inline-block; text-decoration: none; width: 36px; height: 36px; line-height: 43px; border-radius: 50%; background: var(--color-gray, #999999); margin-right: 9px; } .soc:hover, .soc:focus { opacity: 0.7; } .soc__vk { background: #0077FF; } .soc__twitter { background: -webkit-gradient(linear, left top, left bottom, from(#2AABEE), color-stop(99.26%, #229ED9)), #419FD9; background: -o-linear-gradient(top, #2AABEE 0%, #229ED9 99.26%), #419FD9; background: linear-gradient(180deg, #2AABEE 0%, #229ED9 99.26%), #419FD9; padding-right: 3px; } .soc__whatsapp { background: #0DC143; padding-left: 2px; } .footer__email { width: 62%; margin-bottom: 53px; } .footer__email .email { font-weight: 700; font-size: 18px; line-height: 26px; color: var(--default-color, #1F2123); text-decoration: none; } .footer__email .email:hover, .footer__email .email:focus { color: var(--color-red, #FE3D3D); } .footer__yandax { width: 38%; padding-top: 19px; } .footer__yandax a { text-decoration: none; } .footer__copyright { width: 33%; font-weight: 400; font-size: 15px; line-height: 22px; color: rgba(31, 33, 35, 0.8); opacity: 0.4; padding-top: 8px; } .footer__consent { width: 26%; padding: 5px 0 0 16px; } .consent__link { font-weight: 400; font-size: 15px; line-height: 22px; color: rgba(31, 33, 35, 0.8); opacity: 0.4; text-decoration: none; } .consent__link:hover, .consent__link:focus { color: var(--color-red, #FE3D3D); opacity: 1; } .footer__payment { width: 41%; padding-left: 8px; } .footer__payment-img { margin-right: 24px; } /* IN: end footer */ /* IN: start adaptive */ @media screen and (max-width: 1820px) { .header__logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__catalog-btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__nav { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header__search { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .header__contacts { -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .header__personal { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .container { /*max-width: 1366px;*/ } .header { padding: 10px 0 0; } .catalog-btn__title { margin: 0 auto; } .header__rooms { width: calc(50% - 267px); text-align: center; } .header__search { width: 42px; height: 58px; padding-bottom: 10px; } .header__search::before { content: ""; display: inline-block; width: 42px; height: 48px; background: transparent url(/local/templates/main/assets/css/../images/icon_search_mobile.svg) center center no-repeat; cursor: pointer; } .header__search .search__form { display: none; position: relative; z-index: 99; top: -56px; right: 249px; width: 291px; } .header__search .search__form.active { display: block; } .window__scroll .header__search .search__form { top: 0; right: 0; } .header__nav { width: 100px; } .header .header__nav .nav__items { text-align: center; margin-left: 0px; } .header__contacts { width: calc(100% - 702px); -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } .header__personal { width: 220px; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .card__button { width: 120px; } .block__ideas .card__img { overflow: hidden; } .about-advantages__button>svg { display: none; } .about-dilers__brends .btn { margin-bottom: 15px; } .about-dilers__brends .brend__link .brend__img { width: 100%; max-width: 130px; max-height: 100px; } .about-dilers__brends .brend__link { max-width: inherit; width: 33.333333%; padding: 0 7.5px; } .about-dilers__brends .brends { padding: 0; text-align: center; } .detail__sidebar { width: 400px; margin-left: 30px; } .detail__content { width: calc(100% - 430px); } .catalog__sections { min-height: 175px; } /*.window__scroll .header__contacts{ display: none; }*/ .window__scroll .header__contacts { width: 0; } .window__scroll .header__contacts .header__phone, .window__scroll .header__contacts .work-time, .window__scroll .header__contacts .locations__select { display: none; } .window__scroll .header__catalog-btn { width: 160px; } .window__scroll .header__personal { width: 220px; } .window__scroll .header__search { width: calc(100% - 660px); padding-right: 15px; } .window__scroll .header__search::before { display: none; } .window__scroll .header__search .search__form { display: block; width: 100%; } .dropdown__stocks.block__stocks { width: 43%; } .header__nav .nav__items .nav__item { display: none; } .header__nav .nav__items .nav__item:last-child { display: inline-block; } .header__catalog-btn { width: 160px; padding-left: 10px; } .header__locations { padding-right: 15px; } .phone__link { padding-right: 15px; } .main { padding-top: 150px; } .slide__title { margin-top: 30px; } .slide__content { width: 40%; } .main__slider .owl-carousel .owl-item img { height: 750px; max-width: inherit; } .slider__big .slick-slide img { max-height: 560px; } } @media screen and (max-width: 1380px) { .container { /*max-width: 1182px;*/ } .sticker { right: 15px; } .block__brends .title { width: 100%; } .brends { width: 100%; padding: 15px 0 0; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .brend__link { margin: 0; } .footer__nav { padding-right: 30px; } .row__blocks .card { width: calc(33.333333% - 30px); } .block__ideas .row__blocks .card { width: 100%; text-align: center; } .block__ideas.block__ideas-collections .card { width: 100%; text-align: center; height: auto; } .block__ideas .card { height: auto; } .block__ideas .card__img img { display: block; max-width: 100%; max-height: inherit; min-width: inherit; min-height: inherit; position: relative; top: 0; left: 0; -webkit-transform: none; -ms-transform: none; transform: none; } .block__ideas .card__img-link { display: block; width: auto; height: auto; } .block.block__ideas .card__img { overflow: hidden; display: inline-block; position: relative; width: auto; height: auto; margin: 0 0 -8px; } .block__ideas.block__ideas-collections .card__img { overflow: hidden; /*display: inline-block;*/ position: relative; width: auto; height: auto; margin: 0 0 15px; } .block__ideas.block__ideas-collections .card__img img { width: 100%; } .block__ideas .card.card__big-height { height: auto; } .row__blocks .card__big-block { width: calc(100% - 30px); } .dropdown__nav .nav__items>.nav__item.nav__item_active>.nav__items-child>.nav__item-child { width: 50%; } .dropdown__nav .nav__items>.nav__item>.nav__items-child { width: 50%; } .dropdown__stocks.block__stocks { width: 45%; padding-left: 0; } .dropdown__stocks.block__stocks .card__labels-full { width: calc(100% - 55px); } .dropdown__stocks.block__stocks .label__discount { margin-top: 0; } .page-about__img-mobile, .page-about__block-mobile { display: block; margin-bottom: 61px; } .page-about__img-mobile { text-align: center; } .block__about-advantages { display: none; } .about-advantages__content { padding-right: 0; margin-bottom: 0; } .about-advantages__title, .about-advantages__text { max-width: inherit; } .block__about-advantages-list { margin-bottom: 35px; } .page-about__block-mobile .btn { height: auto; line-height: inherit; width: 100%; max-width: 370px; padding: 15px 10px 16px 46px; } .block__about-gos .d-flex>.subblock:nth-child(2) { padding-top: 0; } .squere__block { width: calc(50% - 30px); } .default__class .block__subscribe { padding: 38px 0; } .basket__item .card-item__img { padding-right: 10px; } .basket__item .card-item__content { width: 300px; padding-right: 10px; } .basket__item .card-item__price { padding-right: 10px; } .basket__item .card-item__article { padding-right: 10px; } .card-item__article span { display: block; } .basket__item .card-item__count { padding-right: 10px; } .vacancy__title { width: 100%; margin-bottom: 15px; } .page__vacancies .vacancy__price { float: none; display: inline-block; margin-top: 0; } .dropdown__nav .nav__items>.nav__item { width: 25%; } .dropdown__nav>.nav__items::before { left: 25%; } .dropdown__nav .nav__items>.nav__item>.nav__items-child { left: 25%; margin-left: 20px; } .work-time span, .phone__link, .locations__select span, .personal__cabinet-link { font-size: 12px; line-height: 14px; } .block__popilar .card__img img { /*right: 0; max-width: 100%; top: 50%; transform: translate(0px, -50%);*/ } .inner__page .block__ideas.block__ideas-collections .card .card__relative { height: calc(100% - 85px); } .slider__big .slick-slide, .slider__big .slick-slide img { max-height: 587px; } } @media screen and (max-width: 1199px) { .container { /*max-width: 975px;*/ } .main{ padding-top: 190px; } .header__locations { padding-right: 15px; } .phone__link { padding-right: 15px; } .slide__content-stickers { display: none; } .slide__content { width: auto; max-width: 340px; padding: 50px 0 50px 16px; } .slide__title { margin-top: 30px; min-height: 154px; } .slide__old-price { margin-bottom: 5px; } .slide__title { font-size: 36px; line-height: 43px; } .slide__now-price { font-size: 26px; line-height: 31px; } .block__popilar .card__title-big .card__title-link, .block__popilar .card__title-link { font-size: 18px; line-height: 18px; } .block__popilar .card__price { font-size: 16px; line-height: 19px; } .slide__old-price { font-size: 15px; line-height: 18px; } .slide__date { font-size: 14px; line-height: 17px; } .slide__button .btn { font-size: 14px; } .popilar__description { font-size: 13px; line-height: 16px; } .btn { height: 50px; line-height: 48px; } .slide__price { min-height: 116px; } .block__advantages { background: transparent; } .advantages { padding: 0; } .advantage { width: calc(50% - 6px); background: var(--color-light-gray, #F7F7F7); border-radius: 3px; margin: 3px; } .block__popilar .card { width: calc(33.333333% - 30px); height: 500px; } .block__popilar .card__img { height: 77%; } .block__popilar .card__price { padding: 6px 12px; } .block__popilar .card__content { padding: 0 22px 28px; } .popilar__description { margin-bottom: 7px; } .block__popilar .card__title { margin-bottom: 5px; } .block__popilar .card__title-link br { display: none; } .block__ideas .card { width: 100%; } .block__ideas .row__blocks .card__big-block { width: calc(100% - 30px); } .furniture__content { padding: 15px; } .footer__nav { width: 100%; padding-right: 0; margin-bottom: 50px; } .footer__contacts { width: 100%; padding: 0; } .row__blocks .card { width: calc(50% - 30px); } .detail__content { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 100%; padding-right: 0; } .detail__sidebar { margin-left: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; /*margin-top: 900px;*/ margin-top: 0; margin-bottom: 30px; } .detail__sidebar-block { padding: 0; width: 100% !important; top: 0 !important; position: relative !important; } .slider__big { /*min-height: 710px;*/ } .slider__big .slick-slide { /*height: 710px; min-height: 710px;*/ } .slider__big .slick-slide img { /*max-height: 100%;*/ } .detail__slider { /*position: absolute;*/ top: 0; left: 0; width: 100%; /*margin: 0;*/ margin: 0 0 30px; } .detail__slider-desktop { display: none; } .detail__slider-mobile { display: block; margin-top: -29px; } .slider__small { margin-right: -29px; } .dropdown__nav .nav__items>.nav__item>.nav__items-child { left: 30%; width: 45%; margin-left: 15px; } .dropdown__stocks.block__stocks { width: 51%; } .dropdown__nav .nav__items>.nav__item { width: 30%; } .dropdown__nav>.nav__items::before { left: 30%; margin-left: 2px; } .header__rooms { display: none; } .header__logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__catalog-btn { width: 160px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__nav { width: 100px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header__search { width: 42px; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .header__contacts { width: calc(100% - 702px); padding-bottom: 12px; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .header__personal { width: 220px; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .header__search::before { content: ""; display: inline-block; width: 42px; height: 48px; background: transparent url(/local/templates/main/assets/css/../images/icon_search_mobile.svg) center center no-repeat; cursor: pointer; } .header__search .search__form { display: none; position: relative; z-index: 99; top: -56px; right: 249px; width: 291px; } .header__search .search__form.active { display: block; } .header .header__nav .nav__items { text-align: center; } .header__phone, .header__work-time { display: none; } .locations__select span, .personal__cabinet-link { font-size: 15px; line-height: 18px; } .search__dropdown_active { display: none; } .contacts__left, .contacts__right { width: 100%; margin-bottom: 30px; } .contacts__right { width: 100%; padding: 0; } .default__class .page { width: 100%; } .default__class .sidebar { text-align: left; width: 100%; padding: 0; margin-bottom: 30px; } .default__class .sidebar__container { max-width: 100%; } .default__class .sidebar__left { width: 100%; padding: 0; margin-bottom: 30px; } .default__class .gray__block { padding: 30px; } .default__class .subscribe__title { width: 100%; height: auto; margin-bottom: 30px; } .default__class .subscribe__form { width: 100%; padding-left: 0; } .detail__stock-content { width: 100%; padding: 0; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .detail__stock-slider { width: 100%; padding: 0; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .stock__content { max-width: 100%; } .order__content { width: 100%; padding-right: 0; margin-bottom: 30px; } .order__sidebar { width: 100%; padding-left: 0; } .order__sidebar-block { padding: 0; position: relative !important; top: 0 !important; width: 100% !important; } .compare__item { min-width: 292px; } .page__vacancies { width: 100%; } .sections__pagenavigation { margin-top: 50px; } .detail__sidebar { height: auto !important; } .window__scroll .header__search::before { display: none; } .window__scroll .header__search .search__form { display: block; position: relative; width: 100%; } .main__slider .owl-carousel .owl-item img { height: 750px; max-width: initial; } } @media screen and (max-width: 991px) { .detail__slider-mobile { margin-top: 0; } .container { padding: 0 29px; } .only__desktop { display: none !important; } .only__mobile { display: block !important; } .header { padding: 10px 0 10px; } .header .container { padding: 0 25px 0 22px; } .header__logo { -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .header__catalog-btn { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .header__search { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .header__personal { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .header__rooms, .header__nav { display: none; } /*.header__contacts{ display: none; }*/ .header__contacts .locations__select { display: none; } .location__popup-town { -webkit-transform: none; -ms-transform: none; transform: none; } .header__catalog-btn { width: 42px; height: 42px; padding: 0; } .catalog-btn__title { width: 42px; height: 42px; font-size: 0; padding: 12px 0 0; text-align: center; background: transparent url("/local/templates/main/assets/css/../images/icon_navbar_mobile.svg") center center no-repeat; border: 0; } .catalog-btn__title:hover, .catalog-btn__title:focus { background: transparent url("/local/templates/main/assets/css/../images/icon_navbar_mobile.svg") center center no-repeat; } .catalog-btn__title svg { display: none; } .header__search .search__form { display: none; } .header__search::before { content: ""; display: inline-block; width: 42px; height: 42px; background: transparent url("/local/templates/main/assets/css/../images/icon_search_mobile.svg") center center no-repeat; cursor: pointer; } .header__search { width: 42px; height: 42px; padding-bottom: 0; } .personal__cabinet-link span { display: none; } .personal__cabinet { width: auto; } .header__personal { width: 170px; padding: 0 0px 6px 0; } .personal__cabinet-link svg { width: 22px; height: 22px; } .header__logo { width: calc(100% - 254px); height: 48px; text-align: center; padding-left: 68px; margin-top: 0; } .header__logo .logo__link { height: 48px; } .header__logo img { width: 163px; display: block; margin: 0 auto; } .title { font-size: 24px; line-height: 29px; } .slide__label p, .slide__label p span { font-size: 24px; line-height: 38px; } .title__stocks .card__title-link { font-size: 18px; line-height: 21px; } .footer__phone { font-size: 18px; line-height: 32px; } .card__price, .idea__block .card__price { font-size: 16px; line-height: 19px; } .footer__nav .nav__title { font-size: 16px; line-height: 28px; } .advantage__title { font-size: 15px; line-height: 18px; } .card__title-link, .idea__block .card__old-price, .worktime { font-size: 14px; line-height: 17px; } .furniture__content { font-size: 14px; line-height: 22px; } .footer__nav .nav__link { font-size: 14px; line-height: 33px; } .footer__phone span { font-size: 14px; } .card__old-price, .card__description, .idea__title .card__title-link, .card a.show-more__link { font-size: 13px; line-height: 16px; } .footer__contacts-title { font-size: 13px; line-height: 19px; } .footer__copyright, .consent__link { font-size: 13px; line-height: 22px; } .card__section-link, .card__available, .counter__input { font-size: 12px; line-height: 14px; } .block__stocks .label { font-size: 11px; line-height: 13px; } .label, .personal__icon-link span { font-size: 9px; line-height: 11px; } .personal__icon-link span { min-width: 14px; height: 14px; } .personal__icon-link svg { display: inline-block; width: 22px; height: 22px; } .personal__icon { width: 42px; height: 42px; } .personal__cabinet-link svg { margin-right: 0; } .personal__cabinet-link { display: block; width: 42px; height: 42px; text-align: center; padding-top: 14px; } .personal__icon-link span { top: 8px; right: 1px; } .main { padding-top: 110px; } .main__slider .container { padding: 0; } .main__slider .owl-carousel .owl-item img { height: 571px; max-width: inherit; } .slide__label { left: 45.45%; width: 110px; height: 98px; background: transparent url("/local/templates/main/assets/css/../images/slider_label_mobile.png") center center no-repeat; } .slide__label p { -webkit-transform: rotate(-35deg); -ms-transform: rotate(-35deg); transform: rotate(-35deg); } .slide__content { width: auto; max-width: 340px; padding: 50px 0 50px 31px; } .owl-carousel .owl-dots { line-height: 21px; margin-top: 0; } .owl-carousel .owl-dot { width: 6px; height: 6px; border-radius: 50%; margin: 4px; } .owl-carousel .owl-dot span { width: 3px; height: 3px; } .owl-dots-type-line .owl-dots { margin-top: 15px; } .owl-dots-type-line .owl-dot { width: 100%; height: auto; margin: 0; border-radius: 0; background: transparent; } .owl-dots-type-line .owl-dot span { width: 100%; height: 1px; } .block { margin: 30px 0 52px; } .label { padding: 4.5px 5.5px; } .card__personal svg { width: 20px; height: 20px; } .title { margin-bottom: 20px; } .owl-carousel .owl-nav { margin-top: -55px; } .owl-carousel-cards.owl-dots-type-line>.owl-dots { display: -webkit-box; display: -ms-flexbox; display: flex; } .card__labels { top: 20px; left: 11px; } .card__personal { top: 24px; right: 11px; } .card__personal a { margin-left: 5px; } .card__img { height: 231px; margin-bottom: 20px; } .card__img img { max-height: 166px; } .card__section { margin-bottom: 13px; } .card__title { min-height: inherit; padding-bottom: 7px; } .card__available { padding-top: 7px; } .advantage__icon { height: 76px; width: 64px; margin-right: 10px; } .advantage__title { width: calc(100% - 74px); max-width: 180px; margin-bottom: 4px; } .advantage { padding: 15px 30px; } .block__stocks .title { margin-bottom: 30px; } .owl-carousel .owl-nav { top: -10px; display: none; } .block__stocks .card__labels-full { width: calc(100% - 16px); } .block__stocks .card__labels { top: 9px; left: 8px; } .block__stocks .label { padding: 8px 7px; } .block__stocks .label__discount { margin-top: 0; } .block__stocks .card { height: 383px; } .content__stocks { padding: 0 22px 25px; } .block__stocks .card__description { padding-top: 6px; } .block__popilar .title { margin-bottom: 32px; } .block__popilar .card { width: 100%; height: 415px; } .block__popilar .card__img img { /*right: auto; left: 50%; transform: translate(-50%, -50%); max-height: 260px;*/ } .block__popilar .card__img { height: 68%; } .block__ideas .row__blocks { margin: 0; } .block__ideas .row__blocks .card { width: 100%; } .block__ideas .title { margin-bottom: 32px; } .block__ideas .card { margin: 0 0 10px; /*height: 426px;*/ height: auto; } .block__ideas .row__blocks .card__big-block .card+.card { margin-top: inherit; } .content__ideas { text-align: right; padding-bottom: 19px; padding-right: 19px; } .idea__block { width: auto; } .idea__title { margin-bottom: 10px; white-space: nowrap; } .idea__block-price { margin-bottom: 10px; } .block__ideas .row__blocks .card__big-block { width: 100%; } .furniture__img { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; padding: 0 0 0 12px; } .furniture__content { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .block__furniture { background: transparent; margin-left: -29px; margin-right: -29px; margin-bottom: 66px; } .block__ideas { margin-bottom: 60px; } .furniture__content { padding: 10px 40px 0 29px; } .furniture__content .title { max-width: 300px; margin-bottom: 17px; } .furniture__content p { margin: 10px 0 0; } .furniture__content ul { padding-left: 20px; margin: 10px 0 0px; } .furniture__content .btn { display: none; } .brend__img { max-width: 149px; max-height: 99px; } .brends { padding-top: 8px; } .block__brends { margin-bottom: 38px; } .footer { padding: 47px 0 23px; } .footer__logo img { max-width: 142px; } .footer__logo { margin-bottom: 36px; } .footer__nav .nav__title { margin-bottom: 10px; } .footer__nav .nav__block { padding-left: 25px; } .footer__nav .nav__block:first-child { padding-left: 0; } .footer__nav { border-bottom: 1px solid rgba(0, 0, 0, 0.04); margin-bottom: 44px; padding-bottom: 43px; } .footer__contacts { position: relative; } .footer__contacts-title { margin-bottom: 6px; } .footer__phones { width: 36%; margin-bottom: 41px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .footer__soc { width: 30%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; padding: 0; } .footer__email { width: 34%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer__yandax { width: 100%; padding: 43px 0 35px; border-top: 1px solid rgba(0, 0, 0, 0.04); border-bottom: 1px solid rgba(0, 0, 0, 0.04); -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .footer__worktime { width: 35%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; position: absolute; top: 70px; left: 36%; } .footer__soc .footer__contacts-title { margin-bottom: 6px; } .soc { width: 30px; height: 30px; line-height: 36px; } .soc svg { max-width: 20px; max-height: 17px; } .footer__body { margin-bottom: 0; } .footer__bottom { position: relative; padding: 37px 0 0; } .footer__payment { position: absolute; top: -78px; left: 0; width: 64%; padding-left: 0; margin-left: 36%; } .footer__copyright { width: 60%; } .footer__consent { width: 40%; text-align: right; padding: 5px 10px 0 0px; } .dropdown__stocks.block__stocks .card__labels-full { width: calc(100% - 15px); } .dropdown__stocks .content__stocks { padding: 0 8px 20px; } .dropdown__nav .nav__items>.nav__item { width: 40%; } .dropdown__nav .nav__items>.nav__item>.nav__items-child { left: 40%; width: 36%; } .dropdown__tabs .tab { padding: 10px; margin-right: 5px; } .dropdown__nav .nav__items>.nav__item.nav__item_active>.nav__items-child>.nav__item-child { width: 100%; padding: 0; } .dropdown__nav>.nav__items::before { left: 40%; margin-left: 1px; } .dropdown__stocks.block__stocks { width: 59%; } .dropdown__stocks.block__stocks .card { height: 557px; } .header__search .search__form { top: -52px; right: auto; left: -6px; width: 220px; } .about-dilers__brends .brend__link .brend__img { width: auto; max-width: 100%; max-height: 90px; } .sections__pagenavigation { margin-top: 70px; } .block__ideas.block__ideas-collections .card:last-child { margin-bottom: 0; } .card-item.basket__item>.d-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order__card-item-collection>.d-flex { position: relative; padding: 13px 0 8px 83px; border-top: 1px solid #F6F6F6; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .order__card-item-collection .card-item__img { text-align: left; top: 50%; left: 0; -webkit-transform: translate(0px, -50%); -ms-transform: translate(0px, -50%); transform: translate(0px, -50%); } .order__card-item-collection .card-item__img img { display: block; } .basket__item { position: relative; padding: 14px 15px 14px 92px; } .basket__item .card-item__img { position: absolute; width: 67px; top: 14px; left: 9px; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .basket__item .card-item__content { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .basket__item .card-item__article { width: 100%; padding: 0; margin-bottom: 16px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .basket__item .card-item__price { width: 25%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; } .basket__item .card-item__all-price { width: 25%; -webkit-box-ordinal-group: 6; -ms-flex-order: 5; order: 5; } .basket__item .card-item__count { width: 25%; -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } .basket__item .card__personal { width: 25%; text-align: right; -webkit-box-ordinal-group: 8; -ms-flex-order: 7; order: 7; } .basket__item .card-item__delete { position: absolute; top: 10px; right: 0; z-index: 99; text-align: center; -webkit-box-ordinal-group: 9; -ms-flex-order: 8; order: 8; } .order__card-item-collection { width: calc(100% + 83px); margin-left: -83px; } .basket__item .order__card-item-collection .card-item__delete { right: -7px; } .basket__item .card-item__content-title { padding-right: 40px; margin-bottom: 10px; } .basket__item .card-item__content-prop { margin-bottom: 8px; } .card-item__delete a svg { width: 16px; } .card-item__delete a svg path { stroke: var(--default-color, #1F2123); } .basket__item .order__card-item-collection>.d-flex { border-top: 1px solid rgba(0, 0, 0, 0.06); } .card-item__article span { display: inline-block; } .order__card-main { width: 100%; padding-top: 0; padding-bottom: 30px; } .order__card-body { width: 100%; padding-left: 0; } .card__type2 .card__img img, .card__type1 .card__img img { max-height: inherit; } .block__about-gos .d-flex>.subblock:nth-child(1) { padding-left: 0; padding-right: 0; margin-bottom: 30px; } .block__about-gos .d-flex>.subblock:nth-child(2) { padding-top: 0; } .block__about-gos .d-flex>.subblock { width: 100%; } .block__about-gos img { display: block; margin: 0 auto; } .window__scroll .header__catalog-btn, .window__scroll .header__search { width: 42px; } .window__scroll .header__personal { width: 170px; } .window__scroll .header__search::before { display: inline-block; } .window__scroll .header__search .search__form { display: none; position: relative; width: 220px; top: -52px; right: auto; left: -6px; } .window__scroll .header__search .search__form.active { display: block; } .block__advantages .advantages .advantage:nth-child(2) .advantage__icon img { max-width: 73px; margin-left: -6px; } .block__advantages .advantages .advantage:nth-child(3) .advantage__icon img { max-width: 74px; margin-left: -14px; } .compare__main .compare__block { font-size: 16px; font-weight: 24px; } .catalog__line .card__available{ right: 78px; } .catalog__line .card__img{ width: 250px; } .catalog__line .card__content { width: calc(100% - 410px); } .detail__label span { font-size: 10px; line-height: 15px; } .detail__label { right: 0px; width: 59px; height: 59px; left: 0px; padding: 12px 0 0; } .detail__label::before { width: 52px; height: 52px; } } @media screen and (max-width: 767px) { .container { padding: 0 15px; } .header__mobile { display: block; } .header { top: auto; bottom: 0; } .main { padding-top: 120px; } .inner__page-detail-collection .catalog .title { font-size: 32px; line-height: 38px; } .history__years-number { font-size: 30px; } .detail__price .card__price { font-size: 26px; line-height: 31px; } .slide__title, .detail__title.title, .detail .title.title__detail, .block__about-dilers .about-dilers__we-offers .title, .default__class h1 { font-size: 24px; line-height: 29px; } .order__price-total { font-size: 22px; line-height: 26px; } .slide__now-price, .default__class .subscribe__title, .filter__popup .filter__name.title, .detail__popup .detail__popup-title.title, .location__popup .location__popup-title.title, .product__added-popup-total .card__price { font-size: 20px; line-height: 24px; } .detail .block__peculiarities .title.title__detail, .block__ideas-collections .card__content .card__title-link, .vacancy__title, .title__contacts, .form__title, .contacts__location .title__contacts, .title_scheme, .default__class h2 { font-size: 18px; line-height: 21px; } .block__ideas-collections .card__price, .about-advantages__title, .vacancy__price, .order__card-title, .contacts__information-block .title, .default__class h3, .default__class .gray__block .title, .dropdown__nav .nav__items>.nav__item>.nav__link, .location__popup-town-title, .input__area input, .input__area .input__textarea, .search__input, .locations__select span, .search__input, .filter__price-input { font-size: 16px; line-height: 19px; } .detail__link, .order__card-items-title, .order__card-item-price, .order__sidebar-value, .contacts__scheme-title { font-size: 15px; line-height: 18px; } .pagenavigation__button-show-more .sections__button-link, .detail__preview, .peculiariti__content, .btn__content p, .vacancy__block-title, .btn__submit, .compare__main .compare__block, .card-item__content-title, .radio__title, .radio__note, .radio__price, .order__page .tag__link, .order__sidebar-item-title, .default__class h4, .default__class .item__text, .default__class .btn__black .btn__content p, .default__class .btn__black .btn__content span, .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child>.nav__link-child { font-size: 14px; line-height: 17px; } .default__class .accordeon__title { font-size: 14px; line-height: 18px; } .detail__buttons .btn, .about-dilers__brends .btn, .vacancy__button.btn, .history__years .tab__link, .about__contacts-string, .order__card-main .btn, .order__button-sidebar .btn, .detail__stock .btn, .contacts__location-title, .default__class table thead td, .default__class table td.price__td, .default__class .input__area label, .default__class .subtitle, .location__popup-items a { font-size: 14px; } .we-offers__text, .filter__title { font-size: 14px; line-height: 20px; } .contacts__location .about__contacts-string, .contacts__location .about__contact-string, .contacts__location .about__contacts-string a { font-size: 14px; line-height: 25px; } .slide__old-price, .worktime, .tag__link, .section__title h3, .sections__button-link, .detail__price .card__old-price, .detail__article, .detail__bonus, .card__available-green, .tab__link, .btn__content span, .block__collection-color .card__title-link, .l-cab_tags .tag__link, .inner__page-l-cab .card__title-link, .order__card-note, .card-item__price, .card-item__count, .card-item__all-price, .filter__checkbox p, .location__popup-tags, .location__popup-tags a, .code__repeat-send { font-size: 13px; line-height: 16px; } .slide__button .btn, .btn, .pagenavigation__item span, .title a.copy, .cont__req span, .default__class table tbody td.price__td, .default__class .btn, .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child .nav__link-child { font-size: 13px; } .block__description p, .seo-block, .seo-block p, .about-advantages__text, .subblock, .vacancy__block li, .title__note, .history__years-content, .compare__description, .stock__content, .stock__content p, .contacts__information .title__note, .contacts__scheme-content, .default__class p, .default__class .quote, .default__class .sidebar__container, .default__class .accordeon__content, .default__class ul li, .default__class ol li, .default__class table td, .default__class .radio__title, .default__class .popup__note, .filter__price-input-block span, .filter__checkbox-else, .detail__popup-content, .tab__content { font-size: 13px; line-height: 18px; } .compare__title, .compare__value { font-size: 13px; line-height: 22px; } .footer__nav .nav__title { font-size: 13px; line-height: 28px; } .slide__date, .breadcrumbs__item span, .detail .block__collection-color .card__available, .order__card-result, .card-item__content-prop, .basket__item .card-item__article, .dont-forget__show, .order__bonus, .order__button-note, .stock__date, .content__term-title, .conntent__term-value, .product__added-popup-total span { font-size: 12px; line-height: 14px; } .footer__nav .nav__link, .footer.footer__dropdown .footer__nav .nav__link, .scheme__sizing-arrows { font-size: 12px; line-height: 26px; } .detail__price .label { font-size: 11px; line-height: 13px; } .product__added-popup-info { font-size: 11px; line-height: 15px; } .label, .input__area label { font-size: 10px; line-height: 12px; } .personal__icon-link span { font-size: 8px; line-height: 10px; } .header { background: #f5f5f5; padding: 0; } .header .container { padding: 0; } .header__logo { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; padding: 0; width: 20%; height: 55px; } .header__catalog-btn { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; width: 20%; height: 55px; } .header__search { /*-webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; width: 14.285%; width: 0; height: 55px;*/ display: none; } .header__personal { -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; width: 60%; height: 55px; padding: 0; } .header__logo img { display: none; } .header__logo .logo__link { height: 100%; width: 100%; display: block; background: transparent url("/local/templates/main/assets/css/../images/icon_home.svg") center center no-repeat; } .catalog-btn__title, .catalog-btn__title:hover, .catalog-btn__title:focus { background: transparent url("/local/templates/main/assets/css/../images/icon_menu_search.svg") center center no-repeat; } .header__search::before { /*display: none;*/ } .header__logo .logo__link { opacity: 1 !important; } .catalog-btn__title { width: 100%; height: 55px; padding: 0; } .header__search::before { width: 100%; height: 55px; background-size: auto 18px; } .personal__icon-link:hover::before, .personal__icon-link:focus::before { background: transparent; } .personal__icon-link:hover svg path, .personal__icon-link:focus svg path, .personal__cabinet-link:hover svg path, personal__cabinet-link:focus svg path { stroke: var(--default-color, #1F2123); } .personal__cabinet-link { display: block; width: 100%; height: 55px; line-height: 55px; text-align: center; padding-top: 0; } .personal__icon-link { width: 100%; height: 55px; line-height: 66px; padding-top: 0; } .personal__icon-link::before { width: 100%; height: 55px; line-height: 55px; } .personal__icon-link span { top: 13px; right: 50%; margin-right: -17px; } .personal__cabinet { width: 33.333333%; } .personal__icons { width: 66.666666%; } .personal__icon { width: 50%; height: 55px; } .personal__icon-link svg, .personal__cabinet-link svg { width: 20px; height: 20px; } .personal__icon-link span { min-width: 12px; height: 12px; } .main__slider .owl-carousel .owl-item img { height: 400px; } .slide__label { display: none; } .slide__content { max-width: 225px; padding: 15px 0 15px 19px; } .slide__title { margin-top: 30px; min-height: 113px; } .slide__price { min-height: 94px; } .btn { height: 40px; line-height: 40px; padding: 0 16px 0 21px; } .btn__next::after { margin-left: 14px; } .owl-carousel .owl-dots { line-height: 12px; } .block { margin: 20px 0 41px; } .owl-carousel .owl-nav { top: -55px; margin: 0; } .advantage { padding: 11px 24px 8px; width: 100%; margin: 0px 0 7px; } .advantage__icon { height: 70px; width: 55px; margin-right: 25px; } .block__popilar .title { margin-bottom: 28px; } .block__stocks .card__img img { /*max-height: 346px;*/ } .block__ideas .card, .block__ideas .card.card__big-height { /*height: 208px;*/ height: auto; } .row__blocks .card__big-block .card+.card { margin-top: 0; } .block__ideas .card__img img { width: 100%; } .idea__ellipse { width: 7px; height: 7px; } .idea__ellipse::before { width: 19px; height: 19px; } .furniture__img { display: none; } .block__furniture { margin: 20px 0 41px; } .furniture__content { width: 100%; padding: 0; } .brends { padding-top: 20px; } .brend__img { max-width: 94px; max-height: 62px; } .footer { padding: 51px 7px 55px; } .footer__logo { margin-bottom: 22px; } .footer__nav .nav__link { display: block; } .footer__nav .nav__title { margin-bottom: 0; } .footer__nav .nav__block { width: 50%; padding-left: 0; margin-bottom: 30px; } .footer__nav .nav__block:nth-child(2) { padding-left: 33px; } .footer__nav .nav__block:nth-child(3) { width: 100%; } .footer__nav { margin-bottom: 29px; padding-bottom: 0px; } .footer__phones { width: 100%; margin-bottom: 29px; } .footer__email { width: 100%; margin-bottom: 40px; } .footer__worktime { width: 100%; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; position: relative; top: 0; left: 0; margin-bottom: 29px; } .footer__soc { width: 100%; -webkit-box-ordinal-group: 5; -ms-flex-order: 4; order: 4; margin-bottom: 28px; } .footer__yandax { padding: 27px 0 21px; } .footer__yandax a { max-width: 86px; display: block; } .footer__payment-img { margin-right: 0; max-width: 40px; max-height: 25px; margin-left: 10px; } .footer__payment { -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; top: -55px; } .footer__consent { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; width: 100%; text-align: left; padding: 0; } .footer__copyright { width: 100%; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .footer__bottom { padding: 27px 0 5px; } .breadcrumbs { padding: 0px 0 3px; } .inner__page { padding: 29px 0 44px; } .catalog .title { margin-bottom: 27px; } .title__count { margin-left: 10px; } .tags { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } .tag { margin-right: 4px; margin-bottom: 0px; } .tag__link { white-space: nowrap; } .catalog__tags { margin-bottom: 36px; margin-right: -15px; } .row__blocks { margin: 0; } .row__blocks .card { width: 100%; } .catalog .row__blocks .card { /*max-width: 308px;*/ margin: 0 auto 21px; } .section { white-space: nowrap; } .section__icon img { max-width: 28px; } .section__icon { width: 28px; height: auto; margin: 0; display: inline-block; vertical-align: middle; margin-right: 3px; } .section__title { display: inline-block; vertical-align: middle; } .section__title h3 { margin: 0 3px 0 0; display: inline-block; } .section__title-count { display: inline-block; } .owl-carousel-sections.owl-carousel .owl-dots { margin: 0; } .catalog__sections { margin-bottom: 28px; } .sections__view, .sections__filter-title, .sections__filter>.sections__button { display: none; } .sections__filter>.sections__button.sections__filter-button { display: block; margin: 0; } .sections__filter { -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .sections__sort { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .sections__filter-button .sections__button-link { color: var(--color-white, #ffffff); background: var(--default-color, #1F2123); border-color: var(--default-color, #1F2123); } .sections__filter-button .sections__button-link svg path { stroke: var(--color-white, #ffffff); } .sections__button-link { padding: 7px 20px; } .sections__head { margin-bottom: 29px; } .sections__pagenavigation { padding: 0; margin-top: 40px; margin-bottom: 26px; } .pagenavigation__button-show-more .sections__button-link { padding: 16px 15px 15px; } .pagenavigation__items { margin-top: 33px; } .pagenavigation__item span { margin: 0 3.5px; } .detail { margin-bottom: 74px; } .slider__small { margin-left: -16.5px; margin-right: -15px; } .slider__big { /*min-height: 368px;*/ margin-left: -15px; margin-right: -15px; border: 0; /*padding: 27px 0px;*/ margin-bottom: 1px; } .slider__big .slick-slide { /*height: 314px; min-height: 314px;*/ /*height: 368px; min-height: 368px;*/ max-height: 368px; } .slider__big .slick-slide img { /*max-height: 100%;*/ max-height: 368px; } .inner__page-detail { padding-top: 0px; padding-bottom: 0; margin-bottom: 45px; } .slider__small-img-block { height: 60px; width: 87px; margin: 0 1.5px; } .detail__sidebar { /* margin-top: 476px;*/ margin-bottom: 43px; } .detail__title-link { float: none; position: absolute; top: -461px; left: 0; z-index: 99; width: 80px; } .detail__slider .card__personal svg { width: 25px; height: 30px; } .detail__slider .card__personal { top: 11px; right: 1px; } .catalog.detail .title { margin-bottom: 10px; } .detail__preview { max-width: 100%; } .detail__preview { margin-bottom: 30px; } .detail__personal { top: 0; right: 0; margin: 0; } .detail .card__personal svg { width: 25px; height: 30px; } .detail__personal.card__personal a { margin-left: 10px; } .detail__offer { width: 24px; height: 24px; margin-right: 6px; } .detail__offers-personal { margin-bottom: 17px; } .detail__price .card__old-price { margin-left: 6px; } .detail__price .label { padding: 4px; margin-left: 7px; } .detail__price { padding-right: 100px; } .detail__info { position: relative; margin-bottom: 29px; } .detail__info-link { margin: -2px 0px 0 7px; } .detail .card__available { position: absolute; top: -54px; right: 0; z-index: 9; padding: 0; } .detail__buttons .btn { line-height: 47px; height: 49px; } .detail__button { margin-bottom: 9px; } .detail__buttons { margin-bottom: 17px; } .tabs__head { white-space: nowrap; margin-right: -15px; } .detail__block.block__tabs { max-width: inherit; } .detail .tab { margin-bottom: 0; } .block__tabs { background: #F6F6F6; width: calc(100% + 30px); margin-left: -15px; margin-bottom: 61px; } .block__tabs .tabs { padding: 40px 15px; } .block__tabs .tab { background: #f6f6f6; } .block__tabs .tab:hover, .block__tabs .tab.tab_active { background: var(--color-red, #FE3D3D); border-color: var(--color-red, #FE3D3D); } .tabs__head { margin-bottom: 36px; } .property { -ms-flex-wrap: wrap; flex-wrap: wrap; margin-bottom: 10px; } .property__title { width: 100%; padding-right: 0; margin-bottom: 5px; } .property__value { width: 100%; } .property__show-more { margin-top: 35px; } .property__show-more .btn { height: 50px; line-height: 48px; } .detail .title.title__detail { margin-bottom: 18px; } .block__description p { margin: 18px 0; } .block__description { margin-bottom: 19px; } .detail .block__peculiarities .title.title__detail { margin-bottom: 20px; } .detail__squere { width: 30px; height: 30px; padding-top: 4px; } .peculiariti { width: 100%; padding-right: 0; margin-bottom: 19px; } .peculiariti__content { width: calc(100% - 30px); padding-left: 19px; } .block__peculiarities { margin-bottom: 45px; } .detail .block__scheme .title.title__detail { margin-bottom: 31px; } .scheme__sizing { /*display: none;*/ } .scheme__area { margin-bottom: 31px; } .scheme__button .btn { padding: 11px 39px 5px 33px; height: 59px; width: 100%; color: var(--default-color, #1F2123); border-color: var(--default-color, #1F2123); background: var(--color-white, #ffffff); } .btn__content p { margin-bottom: 4px; } .detail-products__collection .title a:first-child { max-width: 100%; display: inline-block; vertical-align: middle; } .detail-products__collection .title a.btn { float: right; padding: 0 16px; height: 32px; line-height: 32px; margin: 13px 0 0; } .block__detail-products { border: 0; padding: 0; margin: 30px 0 31px; } .detail-products__collection .title { margin-bottom: 30px; } .detail__tags { margin-bottom: 19px; } .block__detail-products .title { margin-bottom: 20px; } .block__ideas.block__ideas-collections .card { height: auto; margin-bottom: 26px; } .block__ideas.block__ideas-collections .card__img { /*height: 226px;*/ height: auto; margin-bottom: 10px; } .block__ideas-collections .content__ideas { bottom: 50px; top: auto; padding-right: 15px; } .block__ideas-collections .title { margin-bottom: 26px; } .block__ideas-collections .sections__head { margin-bottom: 35px; } .block__ideas-collections .row__blocks { margin: 0 -15px; } .block__ideas-collections .card__offer { width: 24px; height: 24px; } .block__ideas-collections .card>.d-flex { /*padding: 0 15px;*/ padding: 0; } .block__ideas-collections .card .card__content { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .block__ideas-collections .card__content .card__title { text-align: center; width: calc(100% - 100px); padding: 0; } .block__ideas-collections .card .card__content .d-flex { text-align: right; width: 100px; max-width: 100px; } .block__ideas-collections .card .card__content { width: 100%; } .block__ideas-collections .card:hover .card__offers { display: none; } .block__ideas-collections .card__content .card__title { display: inline-block; } .block__ideas-collections .card__content .d-flex { float: right; display: inline-block; width: auto; } .catalog__seo-block { margin-bottom: 60px; margin-top: 68px; } .seo-subblock { width: 100%; } .seo-subblock:nth-child(2n-1) { padding: 0; } .seo-subblock:nth-child(2n) { padding-left: 0; padding-top: 15px; } .inner__page-detail-collection .slider__big { /*min-height: 300px;*/ } .inner__page-detail-collection .slider__big .slick-slide { /*height: 300px; min-height: 300px;*/ } .inner__page-detail-collection .detail__sidebar { margin-top: 400px; } .card__price-collection { display: none; } .detail__personal-collection { padding-top: 0; position: absolute; top: -392px; right: -3px; } .detail__personal-collection svg path { stroke: #fff; } .inner__page-detail-collection .detail__label { display: none; } .inner__page-detail-collection .detail__info { margin-bottom: 0; } .inner__page-detail-collection .detail__price { width: 100%; margin-bottom: 14px; } .detail .block__collection-color .title.title__detail { margin-bottom: 20px; } .block__collection-color .card__img { width: 70px; height: 70px; display: inline-block; vertical-align: middle; margin: 0; } .detail .block__collection-color .card__available { position: relative; top: 0; right: 0; } .block__collection-color .card__content { display: inline-block; vertical-align: middle; width: calc(100% - 80px); padding-left: 17px; } .block__collection-color .card__title { padding-bottom: 3px; } .block__collection-color .card { margin-bottom: 0; } .block__collection-color .card__img-link { overflow: hidden; } .block__collection-color .card__img img { width: auto; max-width: inherit; max-height: inherit; height: 100%; } .detail-products__collection-page .detail__tags .btn { display: none; } .detail-products__collection-page.detail-products__collection .title a:first-child { max-width: 100%; } .detail-products__collection-page .detail__tags { margin-bottom: 33px; } .detail-products__collection-page .sections__head { margin-bottom: 24px; } .detail-products__collection-page .row__blocks .card { margin: 0 0 21px; } .inner__page-about { /*padding-top: 0;*/ padding-bottom: 0; } .page-about__img-mobile { display: block; margin-bottom: 32px; } .page-about__img-mobile img { display: block; } .inner__page-about h1.title { /*max-width: 250px; margin-bottom: 50px;*/ margin-bottom: 20px; } .block__about-advantages { display: none; } .page-about__block-mobile { display: block; margin-bottom: 61px; } .about-advantages__content { padding-right: 0; margin-bottom: 0; } .about-advantages__title, .about-advantages__text { max-width: 100%; } .block__about-advantages-list { margin-bottom: 35px; } .page-about__block-mobile .btn { height: auto; line-height: inherit; width: 100%; max-width: 341px; padding: 15px 10px 16px 46px; } .block__about-dilers { padding: 45px 0 61px; margin-bottom: 56px; } .block__about-dilers .title { margin-bottom: 8px; } .subblock { width: 100%; } .d-flex>.subblock:nth-child(1) { padding: 0; } .d-flex>.subblock:nth-child(2) { padding: 0; } .d-flex>.subblock:nth-child(2) p { padding: 0; } .about-dilers__brends .btn { height: 50px; line-height: 48px; padding: 0 15px; margin-right: 0; width: 100%; text-align: center; margin-bottom: 9px; } .about-dilers__brends .brends { padding: 0; top: 0; margin-top: 15px; } .about-dilers__brends { margin-bottom: 30px; } .block__about-dilers .about-dilers__we-offers .title { margin-bottom: 44px; } .block__about-portal .title { margin-bottom: 11px; } .block__about-gos .container { padding: 0 15px; } .block__about-gos .d-flex>.subblock:nth-child(1) { margin-bottom: 30px; } .block__about-gos .title { margin-bottom: 20px; } .block__about-gos .container::after { display: none; } .block__stocks.news .title { margin-bottom: 20px; } .block__stocks.news .card__labels-full { width: calc(100% - 30px); } .block__stocks .card__labels { top: 15px; left: 15px; } .block__about-company { background: transparent; } .about__vacancy { background: #f7f7f7; padding: 15px; } .block__about-company { padding: 0; } .vacancy__title { width: 100%; margin-bottom: 7px; } .vacancy__price { float: none; width: 100%; text-align: left; margin-top: 0; } .vacancy__head { margin-bottom: 20px; } .vacancy__button.btn { height: 50px; } .block__about-history .title { margin-bottom: 20px; } .block__about-history .title br { display: none; } .block__about-history .title__note { margin-bottom: 20px; } .history__years .tab { padding: 2px 10px; } .history__years-number { width: 100%; } .history__years-content { width: 100%; } .history__years-block { padding: 10px 15px 15px; } .history__years-contents { margin-top: 15px; } .about__contacts-container { padding: 15px; } .block__about-contacts .subblock { margin-bottom: 15px; } .title__contacts { padding-bottom: 20px; margin-bottom: 15px; } .about__contacts-subblock { width: 100%; } .about__contacts-subblock+.about__contacts-subblock { padding-left: 24px; margin-top: 7px; } .l-cab_tags .tag__link { padding: 10px 15px; } .l-cab_tags .tag { margin-right: 7px; margin-bottom: 0; } .personal__form { background: transparent; border-radius: 0; padding: 0; } .inner__page { overflow: hidden; } .form__title { margin-bottom: 15px; } .input__area input, .input__area .input__textarea { height: 41px; padding: 12px 19px; } .input__area .input__textarea { height: 120px; } .input__area { margin-bottom: 15px; } .calendar-date__arrow { height: 41px; } .btn__submit { width: 100%; } .submit__area { margin-top: 30px; margin-bottom: 0; } .inner__page-l-cab { margin-bottom: 0; } .compare__item { min-width: 238px; } .compare__title { width: auto; padding: 0 3px 0 0; } .compare__value { width: auto; padding: 0; } .compare__main { width: 100%; border: 0; position: absolute; top: -30px; left: 10px; } .compare__main .compare__block:first-child { position: relative; top: -11px; } .compare__body { width: calc(100% - 130px); } .compare__body .compare__block { padding: 10px 0; margin-top: 40px; } .compare__body .compare__modal { width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; border: 1px solid #eee; padding: 10px; } .l-cab__compare .card__img { width: 100%; height: 96px; margin-bottom: 5px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .l-cab__compare .card__section { margin-bottom: 3px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .l-cab__compare .card__title { padding: 0; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .compare__item { border-right: 0; margin: 0 10px; } .compare__body .card__img img { max-height: 96px; top: 0; left: 0; -webkit-transform: inherit; -ms-transform: inherit; transform: inherit; } .compare__body .card__available { padding-top: 0px; } .compare__main .compare__block { padding: 11px 10px 10px 0; margin-top: 40px; } .compare__delete { top: 40px; } .l-cab__compare { margin-top: 0; } .scroll-element.scroll-x.scroll-scrollx_visible { height: 0px; } .l-cab_tags { width: calc(100% + 15px); } .order__card { padding: 15px; margin-bottom: 15px; } .order__card-main { width: 100%; padding-top: 0; padding-bottom: 15px; } .order__card-body { width: 100%; padding-left: 0; } .inner__page-l-cab .detail__bonus { display: none; } .inner__page-l-cab .detail__bonus.detail__bonus-mobile { display: block; float: right; padding: 3px 7px; } .inner__page-l-cab .title { margin-bottom: 20px; } .order__card-title { margin-bottom: 5px; } .order__card-note { margin-bottom: 0; } .order__card-result { padding: 7px 9px; position: absolute; top: 0; right: 0; } .order__card-result::before { width: 15px; height: 15px; margin-right: 2px; background-size: 100% auto; } .card-item { position: relative; padding: 9px 7px 9px 92px; margin-bottom: 7px; } .card-item__img { width: 67px; padding-right: 0; position: absolute; top: 9px; left: 7px; } .card-item__content { width: 100%; padding: 0; } .card-item>.d-flex { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .card-item__content-title { margin-bottom: 5px; } .card-item__price { width: auto; min-width: 85px; padding-right: 5px; padding-bottom: 0px; } .card-item__content-prop { width: 100%; margin-bottom: 6px; } .card-item__count { width: auto; padding: 0; } .card-item__all-price { width: auto; min-width: 86px; padding-bottom: 0; } .order__card-items-price { margin-top: 15px; } .order__card-item-collection { width: calc(100% + 83px); margin-left: -83px; } .order__card-main .btn { line-height: 48px; height: 50px; width: 100%; text-align: center; } .order__card-main .order__card-button { position: relative; margin-top: 10px; } .order__content { width: 100%; padding-right: 0; margin-bottom: 0; } .order__sidebar { width: 100%; padding: 0; } .order__sidebar-block { padding: 0; width: 100% !important; top: 0 !important; position: relative !important; } .order__button { display: none; } .order__block { padding: 10px; margin-bottom: 10px; } .order__block.basket { padding: 0; margin-bottom: 10px; } .order__block.order__dont-forget { border: 1px solid var(--default-color, #1F2123); background: #fff; } .dont-forget { padding: 16px 10px 16px 14px; } .dont-forget__title { width: auto; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .dont-forget__show { width: auto; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .dont-forget__images { width: 100%; margin-top: 16px; -webkit-box-ordinal-group: 4; -ms-flex-order: 3; order: 3; } .dont-forget__show svg { margin-left: 2px; width: 10px; } .dont-forget__hidden .catalog__line.row__blocks .card { margin: 0; } .dont-forget__hidden .catalog__line.row__blocks .card>* { width: 100%; } .dont-forget__hidden .catalog__line.row__blocks .card>.card__labels, .dont-forget__hidden .catalog__line.row__blocks .card>.card__personal { width: auto; } .order__block { background: transparent; padding: 0; margin-bottom: 55px; } .order__block>.order__select-inputs, .order__block>.order__form { background: #F6F6F6; padding: 10px; } .flex__inputs { -ms-flex-wrap: wrap; flex-wrap: wrap; } .flex__inputs .input__area+.input__area { margin-left: 0; } .order__form .input__area { margin-bottom: 10px; } .radio__area { position: relative; -ms-flex-wrap: wrap; flex-wrap: wrap; } .radio__title { width: 100%; padding-left: 30px; } .radio__title::before { width: 15px; height: 15px; } .radio__title::after { top: 50%; left: 4.5px; width: 7.5px; height: 7.5px; } .radio__title+* { margin-left: 0; } .radio__block { width: 100%; } .radio__price { position: absolute; bottom: 3px; right: 0; } .order__select-input { padding: 15px 20px; } .inner__page-order { margin-bottom: 0; } .order__options>.input__area { background: #F6F6F6; padding: 10px; } .order__price-total { position: absolute; top: -5px; right: 0; margin: 0; } .order__product-count { margin-bottom: 16px; } .detail__bonus svg { width: 20px; } .order__bonus { margin-bottom: 10px; } .order__bonus-input { margin-bottom: 24px; } .order__sidebar-items { margin-bottom: 25px; } .order__promo-input { margin-bottom: 12px; } .order__button-sidebar .btn { height: 50px; } .row__blocks .card { margin: 0 0 15px; } .block__stocks .card__labels-full { width: calc(100% - 30px); } .inner__page-stocks { margin-bottom: 0; } .block__stocks { margin-bottom: 0; } .inner__page-stocks .detail-products__collection .title a:first-child { max-width: 100%; } .detail__stock-slider { width: 100%; padding-left: 0; margin-bottom: 30px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .detail__stock-slider .owl-carousel-stock-slider { width: calc(100% + 30px); margin-left: -15px; } .detail__stock-content { width: 100%; padding: 0; margin: 0 0 15px; -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .inner__page-stocks { /*padding-top: 0;*/ } .owl-carousel-dots-bottom-white.owl-carousel .owl-dots { bottom: 15px; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav { display: block; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav button { top: -39px; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav button.owl-prev { left: 12px; } .owl-carousel-arrows-bottom-white.owl-carousel .owl-nav button.owl-next { right: 12px; } .owl-carousel .owl-nav span { width: 30px; height: 30px; font-size: 24px; line-height: 25px; } .detail__stock .title { margin-bottom: 20px; } .stock__date { margin-bottom: 15px; } .inner__page-stocks .block__detail-products { margin: 60px 0; } .page__vacancies { width: 100%; } .page__vacancies .vacancy__price { background: transparent; border-radius: 0; width: auto; padding: 0; margin-top: 0; } .page__vacancies .about__vacancy { background: #f7f7f7; padding: 15px; margin-bottom: 15px; } .inner__page-vacancies { margin-bottom: 0; } .inner__page-news .block__stocks .card__img img { max-height: inherit; } /*.contacts__left .title__contacts { display: none; }*/ /*.contacts__right .title__contacts { display: block; }*/ .contacts__location .d-flex{ -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .contacts__right .bx-yandex-map, .contacts__right .bx-yandex-map .ymaps-map{ height: 400px !important; } .contacts__right { width: 100%; padding-left: 0; } .contacts__left { width: 100%; } .contacts__location .contacts__right { margin-bottom: 15px; -webkit-box-ordinal-group: 2; -ms-flex-order: 1; order: 1; } .contacts__location .contacts__left { -webkit-box-ordinal-group: 3; -ms-flex-order: 2; order: 2; } .inner__page-contacts { margin-bottom: 0; } .contacts__location .title__contacts { padding: 0; margin: 10px 0 20px; } .contacts__location .about__contacts-string { position: relative; width: calc(100% - 50px); margin-left: 50px; } .contacts__location .about__contacts-phone::before, .contacts__location .about__contacts-email::before, .contacts__location .about__contacts-location::before, .contacts__location .about__contacts-time::before { width: 30px; height: 30px; line-height: 28px; left: -50px; background-size: 12px auto; } .contacts__location .about__contacts-string+.about__contacts-string { margin-top: 10px; padding-top: 5px; } .contacts__location { margin-bottom: 40px; } .contacts__scheme .contacts__left { margin-bottom: 30px; } .contacts__scheme-block { margin-bottom: 10px; } .contacts__scheme-title { width: calc(68% - 65px); } .scheme-content__block { margin-top: 10px; } .contacts__scheme { margin-bottom: 30px; } .contacts__information .title { margin-bottom: 20px; } .title a.copy { float: none; display: block; margin-top: 5px; } .cont__req span { padding: 7px 7px 6px; } .default__class .page { width: 100%; } .default__class .sidebar { text-align: left; width: 100%; padding-left: 0; margin-bottom: 30px; } .default__class .inner__page { padding: 29px 0 44px; } .default__class h1, .default__class h2, .default__class h3, .default__class h4 { margin-bottom: 10px; } .default__class .tabs { margin: 25px 0; } .default__class .tabs__head { margin-bottom: 15px; } .default__class .quote::before { top: 20px; left: 15px; width: 25px; height: 20px; background-size: 100% 0; } .default__class .quote { padding: 55px 15px 20px; margin: 30px 0 50px; } .default__class .block { margin: 20px 0 41px; } .default__class .sidebar__container { padding: 15px; } .default__class .owl-dots-type-line .owl-dots { margin-top: 15px; } .default__class .video { margin: 0 -15px; } .default__class .item__text { margin-top: 10px; } .default__class .subblock .item { margin-bottom: 15px; } .default__class .accordeon__item { margin-bottom: 10px; } .default__class .accordeon__title { padding: 10px; } .default__class .accordeon__content { padding: 0 10px 10px; } .default__class .block__gray { padding: 30px 0; } .default__class .title, .default__class .gray__block .title { margin-bottom: 20px; } .default__class .gray__block { padding: 15px; } .default__class ul li, .default__class ol li { margin: 0; } .default__class .sidebar__left { width: 100%; padding-right: 0; margin: 0; } .default__class .btn__black .btn__content p { margin-bottom: 3px; } .default__class .btn.btn__black { padding: 10px 20px; } .default__class table .center { text-align: right; } .default__class table .price__td { width: 118px; } .default__class table td { padding: 5px 10px; } .squere__block { width: 100%; margin: 0 0 20px; } .default__class .input__area label { margin-bottom: 3px; } .input__area .error__message { bottom: 14px; } .default__class .subtitle { margin-bottom: 3px; } .default__class .btn { width: 100%; text-align: center; } .default__class .radio__title::before { width: 15px; height: 15px; } .default__class .radio__input:checked+.radio__area .radio__block .radio__title.checkbox__title::after, .default__class .radio__area:hover .radio__title.checkbox__title::after { width: 17px; height: 18px; } .default__class .order__select-input { padding: 0; } .default__class .order__select-input+.order__select-input { margin-left: 15px; } .default__class .radio__title { padding-left: 25px; } .default__class .radio__title::after { width: 7px; height: 7px; } .default__class .popup__note { width: 300px; padding: 10px; margin-top: 0; margin-left: -16px; } .default__class .block__subscribe { padding: 30px 0px; } .default__class .subscribe__title { width: 100%; height: auto; margin-bottom: 20px; } .default__class .subscribe__form { width: 100%; padding-left: 0; } .default__class .subscribe .input__area { display: inline-block; vertical-align: top; width: 100%; margin-bottom: 10px; } .default__class .subscribe { padding-right: 0; } .default__class .subscribe .submit__area { position: relative; top: 0; right: 0; z-index: 1; display: inline-block; vertical-align: top; margin: 0; width: 100%; } .default__class .subscribe .input__area+.input__area { margin-left: 0; } .default__class .subscribe .order__select-input { padding: 0 0 10px; width: 100%; } .filter__popup { padding: 27px 0px 15px 25px; } .btn.filter__button-select { height: 49px; } .close__icon::before, .close__icon::after { width: 12px; margin: -2px 0 0 -5px; } .filter__close { top: 0; right: 0; } .filter__popup .filter__name.title { margin-bottom: 16px; } .filter__price-input-block { width: 130px; height: 36px; line-height: 34px; } .filter__price-slider { margin-top: 18px; } .filter__section { padding-bottom: 23px; } .filter__checkbox .filter__checkbox-img { width: 22px; height: 22px; margin-right: 9px; margin-left: 2px; } .scroll-element.scroll-y.scroll-scrolly_visible { width: 2px; } .scroll-element.scroll-x.scroll-scrollx_visible { /*height: 2px;*/ } .detail__popup { z-index: 9999; padding: 27px 0px 15px 25px; } .detail__popup-close { top: 0; right: 0; } .detail__popup .btn { height: 48px; line-height: 46px; } .detail__popup .detail__popup-title.title { margin-bottom: 16px; } .content__term li { padding: 10px; margin: 7px 0; } .detail__popup-content-term { margin: 15px 0 15px; } .detail__popup-content ul { padding-left: 20px; } .location__popup { padding: 27px 0px 15px 25px; } .location__popup-items a { line-height: 34px; } .location__popup-close { top: 0; right: 0; } .location__popup .location__popup-title.title { margin-bottom: 20px; } .location__popup-search { margin-bottom: 20px; } .location__popup-tags { margin-bottom: 20px; } .location__popup-items-section { padding-right: 10px; } .location__popup-tags a { margin-right: 5px; } .location__popup-login-form .btn { height: 48px; line-height: 46px; } .location__popup-login-form .submit__area { margin-top: 20px; margin-bottom: 20px; } .product__added-item .catalog__line .card__img { width: 101px; height: 77px; margin-right: 15px; } .product__added-item .catalog__line.row__blocks .card { padding: 10px 0 20px; } .product__added-item .catalog__line .card__content-popup { width: calc(100% - 116px); } .product__added-item .card__section { margin-bottom: 5px; } .product__added-item .catalog__line .card__title { padding-bottom: 20px; } .product__added-item .catalog__line { margin-bottom: 30px; } .product__added-popup-text { width: 50%; } .product__added-popup-total { width: 50%; } .product__added-popup-total .card__price { padding-top: 7px; } .product__added-popup-info { margin-bottom: 30px; } .product__added-popup-buttons .btn { height: 48px; line-height: inherit; padding: 14px 5px 0; } .dropdown__tabs { display: none; } .dropdown__stocks.block__stocks { display: none; } .dropdown__nav>.nav__items::before { display: none; } .nav__items-title { display: none; } .dropdown__nav>.nav__items>.nav__item svg { display: none; } .dropdown__nav .nav__items>.nav__item { width: 100%; } .dropdown__nav .nav__items>.nav__item>.nav__items-child { position: relative; width: 100%; left: 0; top: 0; padding-bottom: 15px !important; padding-top: 15px; border-bottom: 1px solid #eeeeee; margin-left: 0; } .header .nav__items { margin: 0; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child .nav__link-child { line-height: 13px; } .dropdown__nav .nav__items>.nav__item>.nav__link { background: transparent !important; } .dropdown__nav .nav__items>.nav__item>.nav__link { border-bottom: 1px solid #eeeeee; padding: 20px 18px; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child>.nav__link-child { width: 100%; padding: 20px 10px 10px; margin-bottom: 0; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child .nav__link-child { padding: 10px; display: block; color: var(--default-color, #1F2123); } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child { padding-left: 25px; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child { margin-bottom: 0; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child .nav__items-child { display: none; } .dropdown__nav .nav__items>.nav__item>.nav__items-child>.nav__item-child.nav__item_active .nav__items-child { display: block; } .dropdown__nav .nav-item__has-child>.nav__link-child::after { content: ""; float: right; display: inline-block; vertical-align: middle; margin-bottom: 1px; width: 10px; height: 15px; background: transparent url("/local/templates/main/assets/css/../images/nav_arrow_right_gray.svg") center center no-repeat; margin-right: 0px; position: relative; top: 2px; } .dropdown__nav .nav-item__has-child.nav__item_active>.nav__link::after, .dropdown__nav .nav-item__has-child.nav__item_active>.nav__link-child::after { background: transparent url("/local/templates/main/assets/css/../images/nav_arrow_right_black.svg") center center no-repeat; -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .overflow_hidden .header__mobile { display: none; } .overflow_hidden .header { top: 0; bottom: auto; height: 45px; } .overflow_hidden .close__menu-mobile { display: block; right: 0; top: 2px; z-index: 999; } .window__scroll.overflow_hidden .header__catalog-btn { width: auto; } .overflow_hidden .header__catalog-btn { width: auto; } .overflow_hidden .header__logo, .overflow_hidden .catalog-btn__title, .overflow_hidden .header__personal, .overflow_hidden .header__phone, .overflow_hidden .header__work-time { display: none; } .overflow_hidden .header__contacts { display: block; z-index: 999; width: calc(100% - 42px); } .overflow_hidden .header__locations { padding: 8px 17px 10px; } .overflow_hidden .header__locations span { color: var(--default-color, #1F2123); font-weight: 400; } .overflow_hidden .header__locations svg path { fill: var(--default-color, #1F2123); } .overflow_hidden .header__search { /*display: block; z-index: 999; width: 100%; padding: 10px 0 0 15px;*/ } .overflow_hidden .header__search::before { display: none; } .overflow_hidden .header__search .search__form { display: block; } .search__input { padding: 14px 15px 12px 44px; } .search__submit { width: 44px; height: 44px; padding-right: 5px; } .search__submit svg { width: 15px; } .catalog-btn__dropdown { padding-top: 19px; } .search__mobile { display: block; padding: 0 16px 20px; } .dropdown__nav>.nav__items>.nav__item:first-child { padding-top: 0; } .footer.footer__dropdown { background: transparent; padding: 0 20px 180px; } .footer.footer__dropdown .footer__logo, .footer.footer__dropdown .footer__bottom, .footer.footer__dropdown .footer__yandax { display: none; } .dropdown__nav .footer.footer__dropdown .nav__items>.nav__item>.nav__link { font-weight: 400; border: 0; padding: 0; } .header__contacts { padding-bottom: 0; } .overflow_hidden .header__contacts .locations__select { display: block; } .location__popup-town { -webkit-transform: translate(0, calc(-100% - 55px)); -ms-transform: translate(0, calc(-100% - 55px)); transform: translate(0, calc(-100% - 55px)); width: 443px; padding: 20px 10px; } .overflow_hidden .location__popup-town { -webkit-transform: translate(-50%, 1px); -ms-transform: translate(-50%, 1px); transform: translate(-50%, 1px); width: 100%; } .location__popup-town-title { margin-bottom: 15px; } .location__popup-town .btn { height: 40px; line-height: 38px; } .personal__icons .personal__icon:first-child { display: none; } .about-dilers__brends .brend__link .brend__img { max-width: 110px; max-height: 80px; } .block__stocks.block__about-news .card__img img { max-height: inherit; } .page-about__img-mobile img { min-width: 100%; } .catalog__sections { min-height: 65.05px; } .window__scroll .header__personal { width: 60%; } .window__scroll .header__catalog-btn { width: 20%; } .inner__page .block__ideas.block__ideas-collections .card .card__relative { height: calc(100% - 39px); } .block__advantages .advantages .advantage:nth-child(2) .advantage__icon img { max-width: 62px; margin-left: -3px; } .block__advantages .advantages .advantage:nth-child(3) .advantage__icon img { max-width: 66px; margin-left: -13px; } .pagenavigation__item { margin-bottom: 10px; } .l-cab__profile .subblock+.subblock { margin-top: 30px; } .catalog__line .card__img { width: 150px; } .catalog__line .card__available { right: 8px; top: 48px; } .catalog__line .card__content { width: calc(100% - 240px); } } @media screen and (max-width: 500px) { .idea__popup.idea__popup_active { position: absolute; /*top: 50%; left: 50%;*/ top: 0; left: 0 !important; right: auto; bottom: auto; /*transform: translate(-50%, -50%);*/ z-index: 99; width: 100%; height: 100%; } .idea__block { -webkit-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); top: 50%; left: 50%; bottom: auto; right: auto; max-width: 250px; /*margin-left: 10.5px;*/ margin-left: 0; } .idea__popup.idea__popup_active .idea__ellipse { display: none; } .block__ideas .card__img img { min-height: inherit; } .basket__item .card-item__price { width: 50%; } .basket__item .card-item__all-price { width: 50%; text-align: right; } .basket__item .card-item__count { width: 50%; margin-top: 14px; } .basket__item .card__personal { width: 50%; margin-top: 14px; } .catalog__line .card__personal { right: 12px; top: 10px; } .catalog__line .card__img { width: 100px; height: 130px; } .catalog__line .card__content { width: calc(100% - 110px); padding-top: 10px; } .catalog__line .card__available { right: 0; top: 0; position: relative; padding-right: 0; } .catalog__line .card__title { padding-bottom: 10px; } .catalog__line .card__hidden { width: calc(100% - 100px); } } @media screen and (max-width: 400px) { .sections__filter { width: 100%; margin-bottom: 10px; } .sections__sort { width: 100%; } } /* IN: end adaptive */ /*второе меню в шапке*/ .header__nav_catalog{ max-width: 1340px; margin: 0 auto 20px; } .menu_top_second{ margin-top: 20px; text-align: center; display: flex; justify-content: space-between; } .menu_top_second a{ border: 1px solid #D9D9D9; border-radius: 40px; background: #F9F9F9; padding: 10px; margin: 0 10px; display: inline-block; text-align: center; } .menu_top_second a:hover{ background: #FFFFFF; border: 1px solid #FE3D3D; } /*.menu_top_second.owl-carousel-sections .owl-stage-outer{ width: 100%; } .menu_top_second.owl-carousel-sections.owl-carousel .owl-stage{ margin: 0px auto; display: flex; }*/ .menu_top_second.owl-carousel .owl-dots { margin: 11px 0 0; display: -webkit-box; display: -ms-flexbox; display: flex; } .menu_top_second.owl-carousel .owl-dot { width: 100%; height: auto; margin: 0; border-radius: 0; background: transparent; } .menu_top_second.owl-carousel .owl-dot span { width: 100%; height: 1px; margin: 15px 0; } @media screen and (max-width: 1820px) { .menu_top_second a{ margin: 0; } } /*второе меню в шапке END*/ .advantage:hover{ text-decoration:underline; } h3.red{ color:red } @media screen and (max-width: 991px) { .header__nav_catalog { display: none; } } .block__stickers-card .minpromtorg_detail { position: absolute; left: 10px; top: 530px; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; } .card .block__stickers-card .minpromtorg_detail .sticker__item { width: 80px; height: 60px; } .block__stickers-card.minpromtorg { position: absolute; left: 10px; top: 318px; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; } .block__stickers-card .minpromtorg_detail { position: absolute; left: 10px; top: 650px; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; } .card .block__stickers-card.minpromtorg .sticker__item { width: 95px; height: 20px; } .sale_wrapper.sale { display: flex; align-items: center; justify-content: center; flex-direction: column; width: 100%; margin: 0; padding: 0 20px; } .sale_img { width: 100%; height: 100%; } .sale_img img { width: 100%; object-fit: cover; } .sale_wrapper .sale_img { width: 100%; height: 100%; position: relative; } .detail__stock-content.sale { width: 100%; } .stock__content.sale { max-width: 100%; } @media (max-width: 500px) { .card .block__stickers-card.minpromtorg_detail { display: none; } } @media (max-width: 1820px) { .block__stickers-card .minpromtorg_detail { top: 500px; } } @media (max-width: 1380px) { .block__stickers-card .minpromtorg_detail { top: 525px; } } @media (max-width: 770px) { .block__stickers-card .minpromtorg_detail { top: 320px; left: -10px; } } @media (max-width: 500px) { .card .block__stickers-card.block__sticker--mobile.block__stickers--minpromtorg{ top: 200px; } .card .block__stickers-card.block__sticker--mobile.block__stickers--minpromtorg_only{ top: 225px; } .card .block__stickers-card.block__sticker--mobile.block__stickers--minpromtorg .sticker__item{ width: auto; height: auto; border-radius: 100px; padding: 2px 6px; background: #8D93A5; font-weight: 500; font-size: 12px; color: #ffffff; line-height: normal; } .card .block__stickers-card.block__sticker--mobile.block__stickers--minpromtorg_only .sticker__item{ width: auto; height: auto; border-radius: 100px; padding: 2px 6px; background: #8D93A5; font-weight: 500; font-size: 12px; color: #ffffff; line-height: normal; } .block__stickers-card .minpromtorg_detail { top: 320px; left: 0px; } } .cookie-notice { display: none; position: fixed; bottom: 15px; /* left: 15px; */ right: 15px; background: #fff; border: 1px solid #333; padding: 15px; box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2); z-index: 9999; animation: slideUp 0.5s ease-out; font-family: sans-serif; border-radius: 8px; max-width: calc(50% - 30px); } .cookie-notice.show { display: block; } .cookie-content { display: flex; justify-content: space-between; align-items: center; /* flex-wrap: wrap; */ } .cookie-notice p { margin: 0; font-size: 1rem; /* color: #fff; */ line-height: 1.5; flex: 1; min-width: 200px; } .cookie-notice a { /* color: #ffdd57; */ text-decoration: underline; text-decoration-thickness: 0.0625rem; text-underline-offset: 0.25rem; } /* .cookie-notice a:hover { color: #ffd166; } */ .cookie-btn { background: #FE3D3D; color: #fff; border: none; padding: 10px 20px; border-radius: 8px; cursor: pointer; font-size: 1rem; font-weight: 600; transition: background 0.3s ease; min-width: 120px; text-align: center; margin-left: 15px; display: flex; align-items: center; justify-content: center; } .cookie-btn:hover { background: #f0f0f0; } .hide { display: none; } @media (max-width: 768px) { .cookie-notice { max-width: unset; left: 15px; } .cookie-content { flex-direction: column; text-align: center; } .cookie-btn { margin-top: 10px; width: 100%; min-width: unset; } .cookie-notice p { margin-bottom: 10px; } .cookie-btn { margin-left: 0px; } } .b24-widget-button-wrapper { z-index: 9150!important; } /* End */ /* Start:/local/templates/main/assets/css/custom.css?178481757951267*/ .js-carousel-wrapper { aspect-ratio: 356 / 75; margin: 0 auto; width: 100%; } @media (max-width: 767px) { .js-carousel-wrapper { aspect-ratio: 136 / 143; } .js-carousel-wrapper-two { aspect-ratio: 190 / 143; } } .js-carousel-wrapper--mobile { aspect-ratio: unset !important; } .banner__adv-mobile{ display: none; } .banner__adv-block{ position: absolute; right: 12px; top: 12px; z-index: 11; } .banner__adv-block .item__advert-show{ right: 0; left: unset; } /*Stickers*/ .block__stickers-card{ position: absolute; left: 10px; top: 10px; z-index: 10; display: -webkit-box; display: -ms-flexbox; display: flex; } .block__stickers-card.block__sticker--mobile{ display: none; } .block__stickers-card.block__sticker--vertical{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block__stickers-card.discound--block{ top: 50px; } .block__stickers-card .sticker__item{ width: 129px; height: 129px; position: relative; right: unset; top: unset; left: unset; z-index: 6; } .card .block__stickers-card .sticker__item{ width: 60px; height: 60px; } .block__stickers-card .sticker__item:nth-of-type(2){ -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); z-index: 5; } .block__stickers-card .sticker__item:nth-of-type(3){ -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); z-index: 4; } .block__stickers-card .sticker__item:nth-of-type(4){ -webkit-transform: translateX(-60px); -ms-transform: translateX(-60px); transform: translateX(-60px); z-index: 3; } .block__stickers-card .sticker__item:nth-of-type(5){ -webkit-transform: translateX(-80px); -ms-transform: translateX(-80px); transform: translateX(-80px); z-index: 2; } .card .block__stickers-card .sticker__item:nth-of-type(2){ -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .card .block__stickers-card .sticker__item:nth-of-type(3){ -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } .card .block__stickers-card .sticker__item:nth-of-type(4){ -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } .card .block__stickers-card .sticker__item:nth-of-type(5){ -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(2){ -webkit-transform: translateY(-10px) translateX(0px); -ms-transform: translateY(-10px) translateX(0px); transform: translateY(-10px) translateX(0px); } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(3){ -webkit-transform: translateY(-20px) translateX(0px); -ms-transform: translateY(-20px) translateX(0px); transform: translateY(-20px) translateX(0px); } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(4){ -webkit-transform: translateY(-30px) translateX(0px); -ms-transform: translateY(-30px) translateX(0px); transform: translateY(-30px) translateX(0px); } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(5){ -webkit-transform: translateY(-40px) translateX(0px); -ms-transform: translateY(-40px) translateX(0px); transform: translateY(-40px) translateX(0px); } .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(2){ -webkit-transform: translateY(-10px) translateX(0px); -ms-transform: translateY(-10px) translateX(0px); transform: translateY(-10px) translateX(0px); } .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(3){ -webkit-transform: translateY(-20px) translateX(0px); -ms-transform: translateY(-20px) translateX(0px); transform: translateY(-20px) translateX(0px); } .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(4){ -webkit-transform: translateY(-30px) translateX(0px); -ms-transform: translateY(-30px) translateX(0px); transform: translateY(-30px) translateX(0px); } .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(5){ -webkit-transform: translateY(-40px) translateX(0px); -ms-transform: translateY(-40px) translateX(0px); transform: translateY(-40px) translateX(0px); } #bx-panel { top: -36px; } .section__block-title{ color: #999; font-size: 22px; font-style: normal; font-weight: 400; line-height: normal; display: block; margin-top: 4px; } .block__ideas-collections .card:hover .card__offers.show__card-nal{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .show__card-nal .card__available{ padding-top: 6px; } .block__ideas-collections .card .card__offers.show__card-nal{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; } .search__block--new{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .back__search{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; color: #999; font-size: 16px; font-style: normal; font-weight: 400; line-height: 26px; margin-bottom: 15px; } .search__title-new form{ margin-bottom: 15px; } .search__block--new{ margin-top: 15px; position: relative; } .search__block--new svg{ position: absolute; top: 50%; left: 15px; z-index: 1; background: transparent; border: 0; width: 20px; height: 20px; padding: 0; transform: translateY(-50%); } .search__block--new input{ width: 100%; display: block; background: #FFFFFF; border: 1px solid #D9D9D9; border-radius: 50px; font-weight: 400; font-size: 15px; line-height: 18px; color: var(--color-gray, #999999); padding: 14px 15px 14px 49px; } .dropdown__nav>.nav__items>.nav__item>.nav__link>img { display: inline-block; vertical-align: bottom; margin-right: 10px; } .dropdown__nav .nav__items { position: relative; } .offers__color-mobile{ display: none; } .inner__page.inner__page-content img{ object-fit: cover; } .search__dropdown { display: none !important; position: absolute; top: 100% !important; left: 0 !important; width: 100% !important; } .count__color-new{ font-weight: 400; font-size: 12px; line-height: 14px; color: var(--color-gray); text-decoration: none; } .search__dropdown_active { display: block !important; } .city_serach_res li { width: 100%; display: block; } .loader { position: fixed; top: 0; left: 0; z-index: 9999; width: 100%; height: 100%; background: #ffffff url('/local/templates/main/assets/css/../images/loader.gif') center center no-repeat; opacity: 0.8; } .product__added-item .catalog__line { margin: 0 0 40px; } .product__added-item .catalog__line.row__blocks .card { margin: 0; } .detail__offers { position: relative; } .img-magnifier-glass { position: absolute; bottom: 100%; border: 2px solid var(--default-color, #1F2123); cursor: none; width: 100px; height: 100px; margin-left: 15px; transform: translate(-50%, -10px); background-position: 0 0; background-repeat: no-repeat; background-size: cover; box-shadow: 1px 1px 10px #333; -webkit-transition: all 0.25s ease-out 0s; -moz-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .slider__small-transform-none .slick-track { transform: none !important; } .idea__popup { z-index: 11; } .a-form-email { font-weight: 400; font-size: 14px; line-height: 17px; color: var(--color-gray, #999999); text-align: center; display: block; } .grecaptcha-badge { display: none; } .pageNotFound { text-align: center; padding-top: 42px; padding-bottom: 42px; } .pageNotFound .big { color: #F7F7F7; padding-bottom: 70px; font-size: 12em; font-weight: bold; display: block; } .block__collection-color .card { cursor: auto; } .card__price { color: var(--default-color, #1F2123); } .card__price.card__price-stock { color: var(--color-red, #FE3D3D); } .main__slider .owl-carousel .owl-item .slide__img_all { aspect-ratio: 356 / 75 ; min-height: 260px; } @media(max-width: 767px){ .main__slider .owl-carousel .owl-item .slide__img_all { aspect-ratio: unset ; } } .main__slider .owl-carousel .owl-item .slide__img_all img { /*min-width: 100%; width: auto;*/ /*height: auto;*/ width: 100%; height: auto; } /* Показываем загруженные изображения */ .owl-carousel .owl-item .owl-lazy.loaded, .owl-carousel .owl-item .owl-lazy[src]:not([src=""]) { opacity: 1; } .main__slider .owl-carousel-slider .slide a { text-decoration: none; } body .header__icon-sign { display: none; } .is-admin { margin-top: 39px; } .card__collectionLink { position: absolute; top: 0; left: 0; z-index: 15; width: 100%; height: 100%; } .mobile__banner { display: none; width: 100%; } .mobile__banner img { width: 100% !important; height: auto !important; display: block; } .link__banner_all { position: absolute; top: 0; left: 0; z-index: 10; width: 100%; height: 100%; } .detail__stock-slider .owl-carousel::before, .detail__stock-slider .owl-carousel::after { display: none; } .advantage__title a{ text-decoration: none; color: var(--default-color, #1F2123); } /*new-catalog*/ .new-show__categories--mainblock{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -12px; margin-bottom: 122px; } .block___main--section{ width: calc(20% - 24px); margin: 0 12px; margin-bottom: 40px; } .block__name--count{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block--count__title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; margin-bottom: 12px; text-decoration: none; } .block--count__title h3{ -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .block--count__title h3 span{ margin-right: 5px; } .block--count__title:hover h3{ color: var(--color-red, #FE3D3D); } .block___main--section a .section__title{ display: -webkit-box; display: -ms-flexbox; display: flex; } .block__name--count h3{ margin: 0; color: #1F2123; font-size: 20px; font-weight: 700; } .block__name--count .section__image{ width: 100%; max-height: 220px; min-height: 220px; background-color: #f6f6f6; border-radius: 24px; margin-bottom: 24px; } .block__name--count .section__title-count{ font-size: 20px; display: inline-block; } .block__name--count .section__image img{ width: 100%; max-height: 220px; min-height: 220px; object-fit: unset; border-radius: 24px; height: 100%; } .block__name--count .section__image img.zagluchka{ padding: 75px; } .block___main--section .section__title h3{ color: #1F2123; font-size: 14px; line-height: 18px; font-weight: normal; text-align: left; } .block___main--section .section__title h3{ -webkit-transition: all 0.25s ease-out 0s; -o-transition: all 0.25s ease-out 0s; transition: all 0.25s ease-out 0s; } .block___main--section .section__title:hover h3{ color: var(--color-red, #FE3D3D); } .block___main--section .section__title h3 span{ margin-right: 5px; } .block___main--section .section__title{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; text-decoration: none; } .block___main--section .section__title .section__title-count{ font-size: 14px; font-weight: normal; display: inline-block; } .btn.filter__button-select{ cursor: pointer; } .loginEmailForm .error__message{ color: red; font-size: 16px; } .htitle{ width: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; } .htitle .countCatalog{ font-weight: 700; font-size: 35px; line-height: 42px; color: var(--default-color, #1F2123); margin-left:8px; } .htitle .title__light { text-transform: lowercase; } .card__item-advert{ position: relative; display: flex; z-index: 9; cursor: pointer; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .sale_wrapper .card__item-advert{ position: absolute; display: flex; z-index: 9; top: 5%; right: 1%; cursor: pointer; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .detail__stock--advert .card__item-advert{ position: absolute; top: 12px; left: 12px; } .card__item-advert.card__item--withDate{ padding-top: 10px; } /* .card__price-block.disc { display: flex; flex-direction: column-reverse; } .card__price-block.disc .card__old-price { display: flex; gap: 6px; margin-left: 0px; } */ .item__advert-tab{ background: #1f21237a; border-radius: 24px; padding: 4px 16px; font-weight: 600; font-size: 12px; color: #fff; display: inline-block; line-height: 1; } .item__advert-show{ opacity: 0; pointer-events: none; position: absolute; top: 120%; right: 0; background-color: #fff; font-weight: 400; font-size: 10px; line-height: 150%; color: #231f20; padding: 8px; min-width: 115px; text-align: left; transition: opacity .25s ease; } .card__item-advert:hover .item__advert-show{ opacity: 1; pointer-events: auto; } .card__labels.card__labels--advert{ top: 12px; left: 12px; width: calc(100% - 24px); } .detail__stock-slider.detail__stock--advert{ position: relative; } /*media new-catalog*/ @media(max-width: 1440px){ .block___main--section{ width: calc(25% - 24px); } } @media(max-width: 1100px){ .block___main--section{ width: calc(33.333333% - 24px); } } @media(max-width: 767px){ .banner__adv-block.banner__adv-decstop{ display: none; } .banner__adv-block.banner__adv-mobile{ display: block; } .detail__stock--advert .card__item-advert{ left: 0; } .block__name--count .section__image{ max-height: 170px; min-height: 170px; } .block__name--count .section__image img{ max-height: 170px; min-height: 170px; } .block___main--section .section__title h3{ margin: 0 0 5px; } } @media(max-width: 650px){ .block__name--count .section__image img.zagluchka{ padding: 25px; } .block___main--section{ width: calc(50% - 20px); margin: 0 10px; margin-bottom: 50px; } .new-show__categories--mainblock{ margin: 0 -10px; } } @media(max-width: 500px){ .item__advert-tab{ font-size: 10px; } .item__advert-show{ font-size: 8px; min-width: 100px; } .card .block__stickers-card.block__sticker--mobile.block__stickers--showroom{ top: 225px; } .card .block__stickers-card.block__sticker--mobile.block__stickers--showroom .sticker__item{ width: auto; height: auto; border-radius: 100px; padding: 2px 6px; background: #8f94ff; font-weight: 500; font-size: 12px; color: #ffffff; line-height: normal; } .catalog .row__blocks.block__ideas-collections.color__new-show .card{ margin-bottom: 30px; } .row__blocks.block__ideas.color__new-show .card__offers{ display: block; } .block__hits.color__new-show .card__hidden{ display: block; position: relative; left: unset; top: unset; padding: 0; box-shadow: unset; /* margin-top: 10px; */ margin-top: 15px; margin-bottom: 10px; } .block__hits.color__new-show .card__hidden .card__offer{ border: 1px solid #eee; transition: all .45s ease; } .block__hits.color__new-show .card__button{ display: none; } .row__blocks.block__ideas.color__new-show .content__ideas{ bottom: 75px; } .row__blocks.block__ideas.color__new-show .card__offer{ border: 1px solid #eee; transition: all .45s ease; } .catalog .row__blocks.block__ideas.color__new-show .card__title-link{ text-align: left; } .row__blocks.sections__body.color__new-show .card__title-link { white-space: nowrap; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } .row__blocks.sections__body.color__new-show .card .card__hidden{ display: block; position: relative; left: unset; top: unset; padding: 0; box-shadow: unset; /* margin-top: 10px; */ margin-top: 15px; margin-bottom: 10px; } .row__blocks.sections__body.color__new-show .card__offer{ border: 1px solid #eee; transition: all .45s ease; } .row__blocks.sections__body.color__new-show .card__offer.active, .row__blocks.sections__body.color__new-show .card__offer:hover, .row__blocks.sections__body.color__new-show .card__offer:focus{ border: 1px solid #eee; outline: unset; } .row__blocks.sections__body.color__new-show .card .card__button{ display: none; } .block__name--count .section__image{ max-height: 110px; min-height: 110px; border-radius: 12px; } .block__name--count .section__image img{ max-height: 110px; min-height: 110px; border-radius: 12px; } .block__name--count h3{ font-size: 16px; line-height: 20px; } .block__name--count .section__title-count{ font-size: 16px; } } @media screen and (max-width: 1820px) { #bx-panel { top: -17px; } .basket__item .card-item__delete { width: 25px; } .basket__item .card__personal { width: 75px; } .basket__item .card-item__all-price { width: 90px; } .basket__item .card-item__count { width: 115px; } .basket__item .card-item__article { width: 140px; } .basket__item .card-item__price { width: 90px; } .basket__item .card-item__img { width: 120px; } .basket__item .card-item__content { width: calc(100% - 655px); } } @media screen and (max-width: 1380px) { .block__ideas.block__ideas-collections .card.new__mobile--view{ text-align: left; } .block__ideas .card__img img { max-width: 1024px; } .basket__item .card-item__all-price { width: 80px; } .basket__item .card-item__count { width: 100px; } .basket__item .card-item__article { width: 100px; } .basket__item .card-item__price { width: 80px; } .basket__item .card-item__img { width: 100px; } .basket__item .card-item__content { width: calc(100% - 560px); } } @media screen and (max-width: 1070px) { .block__ideas .card__img img { max-width: 100%; } } @media screen and (max-width: 991px) { .block__stickers-card .sticker__item{ width: 60px; height: 60px; } .block__stickers-card .minpromtorg_detail .sticker__item{ width: 100px; height: 60px; } .block__stickers-card .sticker__item:nth-of-type(2){ -webkit-transform: translateX(-10px); -ms-transform: translateX(-10px); transform: translateX(-10px); } .block__stickers-card .sticker__item:nth-of-type(3){ -webkit-transform: translateX(-20px); -ms-transform: translateX(-20px); transform: translateX(-20px); } .block__stickers-card .sticker__item:nth-of-type(4){ -webkit-transform: translateX(-30px); -ms-transform: translateX(-30px); transform: translateX(-30px); } .block__stickers-card .sticker__item:nth-of-type(5){ -webkit-transform: translateX(-40px); -ms-transform: translateX(-40px); transform: translateX(-40px); } .furniture__img { text-align: right; } .furniture__img .only__mobile { display: inline-block !important; } .basket__item .card-item__delete { width: 38px; } .basket__item .card__personal { width: 25%; } .basket__item .card-item__all-price { width: 25%; } .basket__item .card-item__count { width: 25%; } .basket__item .card-item__article { width: 100%; } .basket__item .card-item__price { width: 25%; } .basket__item .card-item__img { width: 67px; } .basket__item .card-item__content { width: 100%; } .htitle .countCatalog{ font-size: 24px; line-height: 29px; margin-bottom: 20px; } } .mobile__version-search{ display: none; } .card.new__mobile--view .d-flex.flex-wrap.justify-content-between{ position: relative; z-index: 16; } .btn.btn__popup--new{ border-radius: 50px; background: #FE3D3D; border: unset; color: #fff; display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; margin-top: 20px; width: -webkit-max-content; width: -moz-max-content; width: max-content; font-size: 18px; } .block__new-offers{ display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } @media screen and (max-width: 767px) { body .card .card__section{ display: none; } /*body .card .button__in-basket{ display: none; }*/ body .card .card__content{ position: relative; } .button__in-basket{ width: 36px; height: 36px; right: 5px; position: absolute; top: 21px; background: var(--color-red, #FE3D3D) url("/local/templates/main/assets/css/../images/icon_cart.svg") 8px center no-repeat; background-size: 20px 20px; } body .card .card__available{ display: none; } .block__stickers-card{ left: 10px; top: 10px; } body .card__personal{ top: 10px; } .block__new-offers{ -webkit-box-align: baseline; -ms-flex-align: baseline; align-items: baseline; } .block__ideas-collections .new__mobile--view .card__content .card__title{ text-align: left; } .block__ideas-collections .new__mobile--view .card__content{ margin-bottom: 16px; } #title-search-inputsmart1{ padding-right: 35px; } .main.page--new-show{ padding-top: 117px; } .search__title-new .filter__popup{ padding-right: 15px; } .tabs__block-item.acitve--tab{ border: 1px solid #FE3D3D; } .tabs__block-new{ display: none; } .tabs__block-new.acitve--block-show{ display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; gap: 8px; } .tabs__block-item{ padding: 8px 16px; border-radius: 50px; border: 1px solid #D9D9D9; color: #1F2123; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; cursor: pointer; } div#bx-panel { position: fixed !important; top: 0 !important; left: 0 !important; width: 100% !important; z-index: 999999 !important; } .pageNotFound .big { font-size: 8em; padding-bottom: 40px; } .section__icon img { max-width: 28px; max-height: 28px; } .order__delivery .order__form .radio__area .radio__note { padding-right: 50px; } .desktop__banner { display: none; } .mobile__banner { display: block; } .header__search.search.mobile__version-new{ display: block; width: 100%; height: auto; margin-top: 15px; padding-right: 0; } .header__search.search.mobile__version-new::before{ content: unset; } .header__search.search.mobile__version-new .search__form{ display: block; top: unset; left: unset; right: unset; width: 100%; } .mobile__version-search.mobile__version--active{ display: block; position: fixed; left: 0; top: 0; z-index: 9999; width: 100%; height: 100%; background: #fff; } .search__title-new .search__submit svg{ width: 20px; } .search__title-new .search__submit{ height: 48px; } .search__title-new .search__dropdown{ position: relative; border: unset; } .search__title-new .d-flex{ -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .search__title-new .row__blocks .d-flex{ -webkit-box-orient: unset; -webkit-box-direction: unset; -ms-flex-direction: unset; flex-direction: unset; } .search__title-new .sections__head{ display: none; } .search__title-new .pagenavigation__items, .search__title-new .sections__pagenavigation{ display: none; } .search__title-new .search__nav{ width: 100%; padding: 0; } .search__title-new .search__content{ width: 100%; padding: 0; margin-top: 30px; } .search__title-new .search__dropdown .nav__items::before{ content: unset; } .search__title-new .search__close-icon{ display: none; } .search__title-new .search__content .row__blocks .card{ width: 50%; } .search__title-new .search__nav .nav{ margin-top: 32px; margin-bottom: 0; } .search__title-new .search__dropdown .nav__items{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 8px; padding: 0; } .search__title-new .search__dropdown .nav__item{ padding: 8px 16px; border-radius: 50px; border: 1px solid #D9D9D9; -ms-flex-negative: 0; flex-shrink: 0; } .search__title-new .search__dropdown .nav__item a{ color: #1F2123; font-size: 14px; font-style: normal; font-weight: 700; line-height: normal; padding: 0; } .search__title-new .search__nav .nav .nav__items{ overflow-x: auto; } .search__title-new .container{ padding: 0; } .search__title-new .search__nav .nav .nav__items::-webkit-scrollbar { width: 0px; } .search__title-new .search__nav .nav .nav__items::-webkit-scrollbar-track { margin: 0px; } .search__title-new .search__nav .nav .nav__items::-webkit-scrollbar-thumb { border: 1px solid transparent; } .search__title-new .btn.search__content-button{ line-height: 39px; } .search__title-new .scroll-wrapper > .scroll-content{ min-height: calc(var(--vh, 1vh) * 100 - 7rem) !important; max-height: calc(var(--vh, 1vh) * 100 - 7rem) !important; } .search__title-new .scroll-element_size{ background: transparent; } .delete__typing{ width: 20px; height: 20px; position: absolute; right: 12px; top: 50%; z-index: 9999; transform: translateY(-50%); display: none; } .delete__typing.delete__typing--active{ display: block; } } @media screen and (max-width: 500px) { .block__new-offers{ -webkit-box-align: end; -ms-flex-align: end; align-items: flex-end; } .block__ideas-collections .card.new__mobile--view .card__content{ -webkit-box-pack: unset; -ms-flex-pack: unset; justify-content: unset; } .block__ideas-collections .new__mobile--view .card__price{ font-size: 18px; margin-top: 35px; } .block__ideas-collections .card.new__mobile--view .card__content.content__ideas{ width: 100%; bottom: 130px; display: block; } .block__ideas-collections .new__mobile--view .card__content{ margin-bottom: 0; } .block__ideas-collections .card.new__mobile--view .card__content{ width: 50%; } .block__ideas-collections .new__mobile--view .card__content .card__title{ width: 100%; } .basket__item .card__personal { width: 50%; } .basket__item .card-item__all-price { width: 50%; } .basket__item .card-item__count { width: 50%; } .basket__item .card-item__price { width: 50%; } } @media(max-width: 767px) { body .logo__link { position: relative; } body .catalog-btn__title { position: relative; } body .personal__cabinet-link { position: relative; } body .header__icon-sign { display: block; color: #000; background-color: transparent; border: none; font-size: 12px; width: 100%; text-decoration: none; position: absolute; top: 30px; left: 0; line-height: 1; font-weight: 700; } .catalog-btn__title { height: 35px; } .header__logo .logo__link { height: 64%; } .personal__icon-link { line-height: 43px; } .personal__icon-link .personal__icon-count { top: 5px !important; } .personal__cabinet-link { line-height: 32px; } .personal__icon-link svg, .personal__cabinet-link svg { width: 22px; height: 22px; } .header__logo .logo__link { background-size: 22px; } .catalog-btn__title { background-size: 28px; } } @media(max-width: 500px){ .card .block__stickers-card{ display: none; } .card .block__stickers-card.block__sticker--mobile{ display: -webkit-box; display: -ms-flexbox; display: flex; } .block__stickers-card.block__sticker--mobile .sticker__item{ width: 24px; height: 24px; } .block__stickers-card.block__sticker--mobile .sticker__item img{ width: 100%; height: 100%; object-fit: contain; } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(2){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .card .block__stickers-card .sticker__item:nth-of-type(2){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(3){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .card .block__stickers-card .sticker__item:nth-of-type(3){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(4){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .card .block__stickers-card .sticker__item:nth-of-type(4){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .card .block__stickers-card.block__sticker--vertical .sticker__item:nth-of-type(5){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .card .block__stickers-card .sticker__item:nth-of-type(5){ -webkit-transform: unset; -ms-transform: unset; transform: unset; } .block__ideas-collections .card:hover .card__offers.show__card-nal{ display: -webkit-box; display: -ms-flexbox; display: flex; gap: 10px; flex-direction: column; } .block__ideas-collections .card.new__mobile--view .card__content{ flex-direction: column; align-items: baseline; } .section__block-title{ font-size: 14px; } .block__ideas-collections .new__mobile--view .card__content .card__title{ text-align: left; } .block__ideas-collections .card.new__mobile--view .card__content .d-flex{ text-align: left; } .block__ideas-collections .card.new__mobile--view > .d-flex{ flex-wrap: unset; } .show__card-nal .card__available{ padding-top: 5px; } .offers__color-mobile{ display: block; } .offers__color-decstop{ display: none; } } @media(max-width: 440px){ .block__stickers-card .sticker__item{ width: 50px; height: 50px; } .block__stickers-card .sticker__item.detail__label span{ font-size: 8px; line-height: 11px; } .block__ideas-collections .card.new__mobile--view .card__content .d-flex{ width: auto; max-width: 100%; } } @media(max-width: 375px){ .block__ideas-collections .new__mobile--view .card__price{ margin-top: 18px; } } @media(max-width: 374px){ .btn.btn__popup--new{ font-size: 14px; } .block__ideas-collections .new__mobile--view .card__price{ font-size: 14px; } } /* mebel gostinitsa 18.09 */ /**/ .mebel-collection, .mebel-about, .mebel-clients, .mebel-sections, .mebel-quiz, .mebel-stocks, .mebel-form, .mebel-services { margin-bottom: 6.25rem; } .mebel-collection .h1, .mebel-about .h1, .mebel-clients .h1, .mebel-sections .h1, .mebel-quiz .h1, .mebel-form .h1 { margin: 0; font-size: 3.25rem; font-weight: 700; line-height: 1.2; } .mebel-collection .h2, .mebel-about .h2, .mebel-clients .h2, .mebel-sections .h2, .mebel-quiz .h2, .mebel-form .h2, .mebel-services__title { margin: 0; font-size: 2.25rem; font-weight: 700; line-height: 1.2; } .mebel-collection p, .mebel-about p, .mebel-clients p, .mebel-sections p, .mebel-quiz p, .mebel-form p, .mebel-about__item-title { margin: 0; } .slide-custom__slide { display: grid; grid-template-columns: repeat(2, 1fr); align-items: stretch; } .slide-custom__content { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 2.5rem; text-align: center; } .slide-custom__title { font-size: 3.25rem; font-weight: 700; line-height: 1.2; } .slide-custom__title-red { color: var(--color-red, #FE3D3D); } .slide-custom__descr { margin-top: 2rem; font-size: 1.5rem; font-weight: 400; line-height: 1.5; } .slide-custom__button { margin-top: 2rem; } .slide-custom__button .btn { min-width: 14.375rem; line-height: 50px; padding: 0 2rem; font-size: 15px; font-weight: 700; color: #fff; border-color: #FE3D3D; background-color: #FE3D3D; display: inline-flex; align-items: center; justify-content: center; } .slide-custom__img { overflow: hidden; } .slide-custom__img img { width: 100%; height: 100%; object-fit: cover; } /**/ .mebel-sections { margin-top: 2.5rem; margin-left: auto; margin-right: auto; min-height: auto; } .mebel-sections .owl-carousel .owl-dots.disabled, .mebel-sections .owl-carousel .owl-nav.disabled { display: none; } .mebel-sections .owl-stage { margin: 0 auto; } .mebel-sections .owl-carousel-sections .owl-stage-outer { width: auto; } .mebel-collection__title { margin-bottom: 2.5rem !important; } .mebel-collection .block__ideas { margin-bottom: 0; } .mebel-collection .card__img { overflow: hidden; } /**/ .mebel-about { --columns: 2; } .mebel-about__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); background-color: #F1F1F1; } .mebel-about__image { overflow: hidden; height: 100%; } .mebel-about__image img { width: 100%; height: 100%; object-fit: cover; } .mebel-about__content { padding: 2.25rem; display: flex; flex-direction: column; } .mebel-about__title { margin: 0; } .mebel-about__descr { margin-top: 2rem; font-size: 1rem; line-height: 1.5; } .mebel-about__list { padding-top: 2rem; margin-top: auto; display: flex; flex-wrap: wrap; align-items: start; justify-content: space-between; gap: 20px; } .mebel-about__item { width: calc((100% - 40px) / var(--columns)); } ._asend { align-self: flex-end; } .mebel-about__item-title { font-size: 3.75rem; font-weight: 500; line-height: 3.75rem; } .mebel-about__item-title._small { font-size: 2.5rem; } .mebel-about__item-descr { margin-top: 0.25rem; font-size: 1.25rem; font-weight: 700; line-height: 1.3; } /**/ .mebel-clients { --columns: 3; } .mebel-clients__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); } .mebel-clients__content { display: flex; flex-direction: column; justify-content: center; } .mebel-clients__list { display: flex; flex-wrap: wrap; gap: 1.25rem; } .mebel-clients__item { flex-grow: 1; width: calc((100% - (var(--columns) - 1) * 1.25rem) / var(--columns)); display: flex; flex-direction: column; gap: 3px; align-items: center; justify-content: center; padding: 1.5rem 1rem; } .mebel-clients__item img { width: 100%; height: 100%; object-fit: contain; transition: 0.2s all; } .mebel-clients__item svg { max-width: 100%; height: 100%; transition: 0.2s all; } .mebel-clients__item:hover img, .mebel-clients__item:hover svg { transform: scale(1.1); } /**/ .mebel-quiz__wrapper { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1.25rem; } .mebel-quiz__content { display: flex; flex-direction: column; } .mebel-quiz__qiuz { margin-top: auto; padding: 1.25rem; } .mebel-quiz__qiuz-title { font-size: 1.25rem; font-weight: 700; line-height: 1.3; } .mebel-quiz__qiuz-list { margin-top: 2.5rem; } .mebel-quiz__qiuz-bottom { margin-top: 2.5rem; display: flex; align-items: center; gap: 1.25rem; justify-content: space-between; } .mebel-quiz__qiuz-bottom .btn { line-height: 1; min-height: 3rem; background-color: #4776BD; border-color: #4776BD; padding: 0 2rem; font-size: 1rem; font-weight: 700; line-height: 1.19; color: #fff; } .mebel-quiz__qiuz-bottom .btn.disabled { pointer-events: none; background-color: transparent; border-color: #B2B3BE; color: #B2B3BE; } .mebel-quiz__qiuz-list { display: flex; flex-direction: column; gap: 0.25rem; } .mebel-quiz__qiuz-label { cursor: pointer; padding: 0.75rem 0; display: flex; align-items: center; gap: 0.5rem; font-size: 1rem; font-weight: 400; line-height: 1.5; } .mebel-quiz__qiuz-item input { display: none; } .mebel-quiz__qiuz-check { min-width: 1.25rem; width: 1.25rem; min-height: 1.25rem; height: 1.25rem; display: flex; align-items: center; justify-content: center; border-radius: 0.25rem; border: 1px solid #4776BD; background-color: #fff; transition: 0.2s all; } .mebel-quiz__qiuz-check svg { transition: 0.2s all; opacity: 0; color: #fff; } .mebel-quiz__qiuz-item input:checked + .mebel-quiz__qiuz-check { background-color: #4776BD; } .mebel-quiz__qiuz-item input:checked + .mebel-quiz__qiuz-check svg { opacity: 1; } .mebel-quiz__qiuz-counter { font-size: 0.875rem; font-weight: 400; line-height: 1.4; color: #ABA7A7; } .mebel-quiz__qiuz-item:not(._active) { display: none; } .mebel-quiz__image { overflow: hidden; } .mebel-quiz__image img { width: 100%; height: 100%; object-fit: cover; } /**/ .mebel-form { display: flex; flex-direction: column; align-items: center; } .mebel-form .subblock.subblockWebForm.subblockWebFormMini.subblockWebFormMiniLeft { background-color: transparent; width: 100%; max-width: 767px; } .mebel-form .input__area-type-checkbox { position: relative; } .mebel-form .input__area-type-checkbox input { position: absolute; top: 50%; left: 0; transform: translateY(-50%); opacity: 0; pointer-events: none; } .mebel-form .subblock.subblockWebForm.subblockWebFormMini.subblockWebFormMiniLeft .form__title { display: none; } .mebel-form .subblockWebForm .input__area input, .mebel-form .subblockWebForm .input__area .input__textarea { max-width: 100%; } .mebel-form .input__area label { font-size: 1rem; font-weight: 500; line-height: 1.19; } .mebel-form .radio__input:checked + .radio__area .radio__block .radio__title, .mebel-form .radio__area:hover .radio__title, .mebel-form .radio__title { font-size: 0.9375rem; font-weight: 400; line-height: 1.67; } .mebel-form__title { text-align: center; margin-bottom: 2.5rem !important; } .mebel-form__form-finally { margin-top: 1rem; font-size: 1.25rem; font-weight: 600; } .slide-custom__slide, .slide-custom__slide img { max-height: 400px; } .slide-custom__slide img { width: 100% !important; object-fit: cover; } .slider-custom .owl-stage { display: flex; align-items: stretch; } /* mebel-services */ .mebel-services { --columns: 3; --block-offset: 2rem; --icons-size: 5rem; background-color: #F1F1F1; padding: 2.25rem; text-align: center; } .mebel-services__items { display: flex; flex-wrap: wrap; align-items: start; gap: var(--block-offset); margin-top: var(--block-offset); } .mebel-services__item { flex-grow: 1; width: calc((100% - (var(--columns) - 1) * var(--block-offset)) / var(--columns)); display: flex; flex-direction: column; align-items: center; gap: var(--block-offset); padding: var(--block-offset); } .mebel-services__item-icon { border-radius: 50%; width: var(--icons-size); height: var(--icons-size); background-color: #4776BD; overflow: hidden; } .mebel-services__item-icon svg, .mebel-services__item-icon img { width: 100%; height: 100%; } .mebel-services__item-icon img { object-fit: contain; } .mebel-services__item-text { font-size: 1.75rem; font-weight: 700; line-height: 1.19; } .mebel-services__item-text p { margin: 0; } /* media */ @media screen and (max-width: 1439px) { .slide-custom__title, .mebel-about__item-title, .mebel-collection .h1, .mebel-about .h1, .mebel-clients .h1, .mebel-sections .h1, .mebel-quiz .h1, .mebel-form .h1 { font-size: 2.5rem; font-weight: 700; line-height: 1; } .slide-custom__descr { font-size: 1.25rem; } .mebel-about__item-title { hyphens: auto; } .mebel-services { --block-offset: 1.5rem; } .mebel-services__item-text { font-size: 1.5rem; } } @media screen and (max-width: 1199px) { .mebel-about__content, .mebel-clients { --columns: 2; } .mebel-about__content { padding: 1.25rem; } .mebel-about__item-title { font-size: 2rem; } .mebel-clients__item { padding: 0 1.25rem; } .mebel-services__item { padding: 0; } .mebel-services { --icons-size: 4rem; --block-offset: 1.25rem; } .mebel-services__item-text { font-size: 1.25rem; } } @media screen and (max-width: 991px) { .mebel-collection, .mebel-about, .mebel-clients, .mebel-sections, .mebel-quiz, .mebel-stocks, .mebel-form, .mebel-services { margin-bottom: 4rem; } .mebel-about, .mebel-clients { --columns: 3; } .mebel-clients__wrapper { grid-template-columns: 1fr; } .mebel-about__wrapper { grid-template-columns: 1fr; } .mebel-about__image { display: none; } .mebel-collection .h2, .mebel-about .h2, .mebel-clients .h2, .mebel-sections .h2, .mebel-quiz .h2, .mebel-form .h2, .mebel-form__title, .mebel-services__title { margin-bottom: 1.25rem; font-size: 2rem; } .mebel-form__form-finally { font-size: 1rem; } .slide-custom__title, .mebel-about__item-title, .mebel-collection .h1, .mebel-about .h1, .mebel-clients .h1, .mebel-sections .h1, .mebel-quiz .h1, .mebel-form .h1, .mebel-services__title { font-size: 2rem; } .mebel-clients__item { padding: 0; } .mebel-quiz__wrapper { grid-template-columns: 1fr; } .mebel-quiz__image { display: none; } .mebel-form__form .subblock.subblockWebFormMini { padding: 0; } } @media screen and (max-width: 767px) { .mebel-collection, .mebel-about, .mebel-clients, .mebel-sections, .mebel-quiz, .mebel-stocks, .mebel-form, .mebel-services { margin-bottom: 3rem; } .slide-custom__title, .mebel-about__item-title, .mebel-collection .h1, .mebel-about .h1, .mebel-clients .h1, .mebel-sections .h1, .mebel-quiz .h1, .mebel-form .h1, .mebel-collection .h2, .mebel-about .h2, .mebel-clients .h2, .mebel-sections .h2, .mebel-quiz .h2, .mebel-form .h2, .mebel-form__title, .mebel-services__title { font-size: 1.75rem; } .slide-custom__descr { font-size: 1rem; margin-top: 1.25rem; } .mebel-about__descr { margin-top: 0; } .slide-custom__content { padding: 1.25rem; } .mebel-about__item-descr { font-size: 1rem; } .mebel-about__item-title._small { font-size: 1.5rem; } .mebel-services { --icons-size: 3rem; --block-offset: 1rem; } .mebel-services__item-text { font-size: 1rem; } } @media screen and (max-width: 575px) { .mebel-quiz__qiuz { padding: 1.25rem 0; } .slide-custom__slide { grid-template-columns: 1fr; height: 100%; display: flex; flex-direction: column; } .slide-custom__img { margin-top: auto; } .slide-custom__img, .slide-custom__img img { aspect-ratio: 3 / 2; } .mebel-about, .mebel-clients { --columns: 2; } .mebel-quiz__qiuz-bottom, .mebel-quiz__qiuz-list { margin-top: 1.25rem; } .mebel-quiz__qiuz-title { font-size: 1rem; } .mebel-services { --columns: 1; padding: var(--block-offset); } } @media screen and (max-width: 424px) { .mebel-about__content { --columns: 1; } } .back-to-top { position: fixed; bottom: 10px; right: 1%; display: none; cursor: pointer; z-index: 1000; text-decoration: none; color: var(--default-color, #1F2123); border: 1px solid #D9D9D9; background: #F9F9F9; font-size: 24px; padding: 15px; width: 66px; height: 66px; border-radius: 100%; text-align: center; } .back-to-top:hover { color: var(--color-red, #FE3D3D); background: #FFFFFF; border: 1px solid #FE3D3D; } .b24-widget-button-position-bottom-right { right: 1% !important; bottom: 100px !important; } @media screen and (max-width: 480px) { .back-to-top { bottom: 60px; } .b24-widget-button-position-bottom-right { bottom: 150px !important; } } /* 334171 */ .detail__title.title span { display: none; } @media screen and (max-width: 480px) { h1.detail__title.title { display: none; } .detail__title.title span { display: block; } } /* 333952 */ @media screen and (max-width: 1820px) { .header__callback { -webkit-box-ordinal-group: 7; -ms-flex-order: 6; order: 6; } } @media screen and (min-width: 1199px) { .header__catalog-btn { width: 217px; } .header__contacts { width: auto; } .header__nav { width: auto; padding-left: 12px; padding-right: 12px; } .header__email { padding-left: 14px; } .header__email .phone__link { padding-right: 0; } .header__email svg { display: inline-block; vertical-align: middle; } .header__phone .phone__link { padding-right: 14px; } .header__callback { margin: 0 12px; padding-bottom: 10px; } .header__callback button { /* width: 160px; height: 48px; border-radius: 48px; text-decoration: none; border: none; font-size: 14px; font-weight: 700; color: #fff; background: #1F2123; font-family: "SF UI Display"; */ } .header__callback button:hover { /* background: var(--color-red, #FE3D3D); */ } .header__email svg, .work-time svg, .personal__cabinet-link svg { margin-right: 2px; } .header__search { width: 257px; } .search__input { padding: 14px 10px 14px 44px; } } @media screen and (max-width: 1199px) and (min-width: 769px) { .header__email, .header__callback { display: block; } .header__phone, .header__work-time { display: block; } } @media screen and (max-width: 769px) { .header__email, .header__callback, .header__phone, .header__work-time { display: none; } } .header__mobile-callback button { width: 130px; height: 28px; color: #fff; background: #1F2123; border: none; border-radius: 28px; font-size: 12px; font-weight: 500; font-family: "SF UI Display"; } .callback-form { display: none; position: fixed; top: 50%; left: 50%; transform: translate(-50%, -50%); z-index: 100000; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.2); background-color: white; padding: 40px; width: 100%; max-width: 490px; } .callback-form .close__icon{ top: 10px; right: 10px; } .callback-form .callback-form__title { margin-bottom: 20px; color: #1F2123; font-family: "SF UI Display"; font-weight: 700; font-style: Bold; font-size: 24px; line-height: 29px; } .callback-form p { color: #000; margin-bottom: 25px; font-family: "SF UI Display"; font-weight: 400; font-size: 15px; line-height: 21px; } .callback-form .form-group { margin-bottom: 20px; } .callback-form .form-group label { display: block; margin-bottom: 8px; font-weight: bold; color: #444; } .callback-form .form-group input { width: 100%; padding: 12px; border: 1px solid #ddd; border-radius: 3px; box-sizing: border-box; font-family: "SF UI Display"; font-weight: 400; font-size: 15px; line-height: 100%; } .callback-form .agreement { } .callback-form .checkbox-group { display: flex; align-items: flex-start; } .callback-form .checkbox-group input[type="checkbox"] { margin-right: 5px; margin-top: 3px; } .callback-form .checkbox-group label { font-size: 13px; color: #999999; font-weight: normal; line-height: 1.4; } .callback-form .checkbox-group label a { color: #999999; } .callback-form .submit-btn { background-color: #1F2123; color: white; border: none; border-radius: 48px; cursor: pointer; width: 100%; font-family: "SF UI Display"; font-weight: 700; font-size: 14px; line-height: 48px; text-align: center; margin: 25px 0; } .callback-form .submit-btn:hover { background-color: #FE3D3D; } .callback-form .mebel-form__form-finally { text-align: center; color: green; } .card__price-block { display: flex; } .card__price-block-wrapper { display: flex; flex-direction: column-reverse; margin-right: 6px; } @media screen and (min-width: 1025px) { .main { padding-top: 193px; } .header { padding: 20px 0; } .header__nav_catalog { margin: 0 auto; } .header-line-new { justify-content: space-between; align-items: baseline; } .header-line-new .header__nav, .header-line-new .header__nav li a, .header-line-new .header__locations , .header-line-new .phone__link, .header-line-new .header__callback, .header-line-new .header__email { margin: 0; padding: 0; } .header-line-new .header__nav li{ margin-right: 50px; } .header-line-new .header__contacts { gap: 47px; } .header-line { gap: 30px; } .header-line .header__catalog-btn { width: 145px; padding-left: 0; } .header-line .header__personal { width: 305px; gap: 25px; padding-bottom: 12px; } .header-line .header__search { width: calc(100% - 750px); margin-right: 30px; } .header-line .personal__icons { width: 188px; } .header__nav_catalog { max-width: 100%; } .menu_top_second a { border: 0; border-radius: 40px; background: none; /* padding: 0; */ margin: 0; } .menu_top_second a:hover { border: 0; } } @media screen and (max-width: 1024px) and (min-width: 769px) { .main { padding-top: 270px; } } @media screen and (max-width: 1440px) and (min-width: 1024px) { .main { padding-top: 230px; } } .header__mobile-phone_no a { border: 0; } @media screen and (max-width: 767px) { .padding_mob_fix { padding: 0 15px; } .furniture__content .padding_mob_fix .title { max-width: inherit; } } @media screen and (max-width: 1820px) { .header__search .search__form { display: block; right: inherit; width: inherit; } } @media screen and (max-width: 1199px) and (min-width: 1025px) { .header__contacts { width: auto; } } @media screen and (max-width: 1025px) and (min-width: 769px) { .header-line, .header-line-new { justify-content: space-between; } .header-line-new .header__contacts { gap: 25px; width: auto; } .header__search { width: auto; } } /* End */ /* Start:/local/templates/main/components/arturgolubev/search.title/catalog_mobile/style.css?168199886775*/ .title-search-result{ left: 0 !important; width: 100% !important; } /* End */ /* Start:/local/templates/main/components/bitrix/catalog.section.list/new_menu/style.css?173928904885*/ h1.title{ /*display:none;*/ } h2 .title__light{ text-transform: lowercase; } /* End */ /* Start:/local/templates/main/components/arturgolubev/search.title/catalog/style.css?168199886775*/ .title-search-result{ left: 0 !important; width: 100% !important; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/top_second/style.css?1762863674170*/ .nav__link--outlet { background-color: #FFD700 !important; color: #000; } .nav__link--outlet:hover { background-color: #FFC400 !important; color: #000; } /* End */ /* Start:/local/templates/main/template_styles.css?173893316652*/ .catalog__seo-block.seo-block { display: none; } /* End */ /* /local/templates/main/assets/fonts/SFUIDisplay/stylesheet.css?17792571869584 */ /* /local/templates/main/assets/src/OwlCarousel2/owl.carousel.min.css?16819988673351 */ /* /local/templates/main/assets/src/OwlCarousel2/owl.theme.default.min.css?16819988671013 */ /* /local/templates/main/assets/src/Fancybox3/jquery.fancybox.min.css?168199886712795 */ /* /local/templates/main/assets/src/SlickSlider/slick.css?16819988671776 */ /* /local/templates/main/assets/src/SlickSlider/slick-theme.css?16819988673145 */ /* /local/templates/main/assets/src/Scrollbar/includes/prettify/prettify.css?1681998867675 */ /* /local/templates/main/assets/src/Scrollbar/jquery.scrollbar.css?168199886722618 */ /* /local/templates/main/assets/src/jQueryUISlider/jquery-ui.css?16819988676992 */ /* /local/templates/main/assets/css/style.css?1783683246228138 */ /* /local/templates/main/assets/css/custom.css?178481757951267 */ /* /local/templates/main/components/arturgolubev/search.title/catalog_mobile/style.css?168199886775 */ /* /local/templates/main/components/bitrix/catalog.section.list/new_menu/style.css?173928904885 */ /* /local/templates/main/components/arturgolubev/search.title/catalog/style.css?168199886775 */ /* /local/templates/main/components/bitrix/menu/top_second/style.css?1762863674170 */ /* /local/templates/main/template_styles.css?173893316652 */