/* Start:/local/assets/css/owl.carousel.min.css?17320298542936*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .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;-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;cursor:hand;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.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{-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 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/assets/css/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/assets/css/owl.theme.default.min.css?1732029854936*/ /** * Owl Carousel v2.2.1 * Copyright 2013-2017 David Deutsch * Licensed under () */ .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/assets/css/lightslider.min.css?17320298535534*/ /*! lightslider - v1.1.3 - 2015-04-14 * https://github.com/sachinchoolur/lightslider * Copyright (c) 2015 Sachin N; Licensed MIT */.lSSlideWrapper,.lSSlideWrapper .lSFade{position:relative}.lSSlideWrapper .lSSlide,.lSSlideWrapper.usingCss .lSFade>*{-webkit-transition-timing-function:inherit!important;transition-timing-function:inherit!important;-webkit-transition-duration:inherit!important;transition-duration:inherit!important}.lSSlideOuter,.lSSlideOuter .lSPager.lSGallery{-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;-webkit-touch-callout:none;-webkit-user-select:none}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideWrapper>.lightSlider:after{clear:both}.lSSlideOuter{overflow:hidden;user-select:none}.lightSlider:after,.lightSlider:before{content:" ";display:table}.lightSlider{overflow:hidden;margin:0}.lSSlideWrapper{max-width:100%;overflow:hidden}.lSSlideWrapper .lSSlide{-webkit-transform:translate(0,0);-ms-transform:translate(0,0);transform:translate(0,0);-webkit-transition:all 1s;-webkit-transition-property:-webkit-transform,height;-moz-transition-property:-moz-transform,height;transition-property:transform,height}.lSSlideWrapper .lSFade>*{position:absolute!important;top:0;left:0;z-index:9;margin-right:0;width:100%}.lSSlideWrapper.usingCss .lSFade>*{opacity:0;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-property:opacity;transition-property:opacity}.lSSlideWrapper .lSFade>.active{z-index:10}.lSSlideWrapper.usingCss .lSFade>.active{opacity:1}.lSSlideOuter .lSPager.lSpg{margin:10px 0 0;padding:0;text-align:center}.lSSlideOuter .lSPager.lSpg>li{cursor:pointer;display:inline-block;padding:0 5px}.lSSlideOuter .lSPager.lSpg>li a{background-color:#222;border-radius:30px;display:inline-block;height:8px;overflow:hidden;text-indent:-999em;width:8px;position:relative;z-index:99;-webkit-transition:all .5s linear 0s;transition:all .5s linear 0s}.lSSlideOuter .lSPager.lSpg>li.active a,.lSSlideOuter .lSPager.lSpg>li:hover a{background-color:#428bca}.lSSlideOuter .media{opacity:.8}.lSSlideOuter .media.active{opacity:1}.lSSlideOuter .lSPager.lSGallery{list-style:none;padding-left:0;margin:0;overflow:hidden;transform:translate3d(0,0,0);-moz-transform:translate3d(0,0,0);-ms-transform:translate3d(0,0,0);-webkit-transform:translate3d(0,0,0);-o-transform:translate3d(0,0,0);-webkit-transition-property:-webkit-transform;-moz-transition-property:-moz-transform;user-select:none}.lSSlideOuter .lSPager.lSGallery li{overflow:hidden;-webkit-transition:border-radius .12s linear 0s .35s linear 0s;transition:border-radius .12s linear 0s .35s linear 0s}.lSSlideOuter .lSPager.lSGallery li.active,.lSSlideOuter .lSPager.lSGallery li:hover{border-radius:5px}.lSSlideOuter .lSPager.lSGallery img{display:block;height:auto;max-width:100%}.lSSlideOuter .lSPager.lSGallery:after,.lSSlideOuter .lSPager.lSGallery:before{content:" ";display:table}.lSAction>a{width:32px;display:block;top:50%;height:32px;background-image:url(/local/assets/css/../img/controls.png);cursor:pointer;position:absolute;z-index:99;margin-top:-16px;opacity:.5;-webkit-transition:opacity .35s linear 0s;transition:opacity .35s linear 0s}.lSAction>a:hover{opacity:1}.lSAction>.lSPrev{background-position:0 0;left:10px}.lSAction>.lSNext{background-position:-32px 0;right:10px}.lSAction>a.disabled{pointer-events:none}.cS-hidden{height:1px;opacity:0;filter:alpha(opacity=0);overflow:hidden}.lSSlideOuter.vertical{position:relative}.lSSlideOuter.vertical.noPager{padding-right:0!important}.lSSlideOuter.vertical .lSGallery{position:absolute!important;right:0;top:0}.lSSlideOuter.vertical .lightSlider>*{width:100%!important;max-width:none!important}.lSSlideOuter.vertical .lSAction>a{left:50%;margin-left:-14px;margin-top:0}.lSSlideOuter.vertical .lSAction>.lSNext{background-position:31px -31px;bottom:10px;top:auto}.lSSlideOuter.vertical .lSAction>.lSPrev{background-position:0 -31px;bottom:auto;top:10px}.lSSlideOuter.lSrtl{direction:rtl}.lSSlideOuter .lSPager,.lSSlideOuter .lightSlider{padding-left:0;list-style:none}.lSSlideOuter.lSrtl .lSPager,.lSSlideOuter.lSrtl .lightSlider{padding-right:0}.lSSlideOuter .lSGallery li,.lSSlideOuter .lightSlider>*{float:left}.lSSlideOuter.lSrtl .lSGallery li,.lSSlideOuter.lSrtl .lightSlider>*{float:right!important}@-webkit-keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@keyframes rightEnd{0%,100%{left:0}50%{left:-15px}}@-webkit-keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@keyframes topEnd{0%,100%{top:0}50%{top:-15px}}@-webkit-keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@keyframes leftEnd{0%,100%{left:0}50%{left:15px}}@-webkit-keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}@keyframes bottomEnd{0%,100%{bottom:0}50%{bottom:-15px}}.lSSlideOuter .rightEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lSSlideOuter .leftEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.vertical .rightEnd{-webkit-animation:topEnd .3s;animation:topEnd .3s;position:relative}.lSSlideOuter.vertical .leftEnd{-webkit-animation:bottomEnd .3s;animation:bottomEnd .3s;position:relative}.lSSlideOuter.lSrtl .rightEnd{-webkit-animation:leftEnd .3s;animation:leftEnd .3s;position:relative}.lSSlideOuter.lSrtl .leftEnd{-webkit-animation:rightEnd .3s;animation:rightEnd .3s;position:relative}.lightSlider.lsGrab>*{cursor:-webkit-grab;cursor:-moz-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab}.lightSlider.lsGrabbing>*{cursor:move;cursor:-webkit-grabbing;cursor:-moz-grabbing;cursor:-o-grabbing;cursor:-ms-grabbing;cursor:grabbing} /* End */ /* Start:/local/assets/css/jquery.fancybox.min.css?173202985313706*/ @charset "UTF-8";.fancybox-enabled{overflow:hidden}.fancybox-enabled body{overflow:visible;height:100%}.fancybox-is-hidden{position:absolute;top:-9999px;left:-9999px;visibility:hidden}.fancybox-container{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99993;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transform:translateZ(0);transform:translateZ(0)}.fancybox-container~.fancybox-container{z-index:99992}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{position:absolute;top:0;right:0;bottom:0;left:0}.fancybox-outer{overflow-y:auto;-webkit-overflow-scrolling:touch}.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:.87;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption-wrap,.fancybox-infobar,.fancybox-toolbar{position:absolute;direction:ltr;z-index:99997;opacity:0;visibility:hidden;transition:opacity .25s,visibility 0s linear .25s;box-sizing:border-box}.fancybox-show-caption .fancybox-caption-wrap,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;visibility:visible;transition:opacity .25s,visibility 0s}.fancybox-infobar{top:0;left:50%;margin-left:-79px}.fancybox-infobar__body{display:inline-block;width:70px;line-height:44px;font-size:13px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;text-align:center;color:#ddd;background-color:rgba(30,30,30,.7);pointer-events:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-font-smoothing:subpixel-antialiased}.fancybox-toolbar{top:0;right:0}.fancybox-stage{overflow:hidden;direction:ltr;z-index:99994;-webkit-transform:translateZ(0)}.fancybox-slide{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;overflow:auto;outline:none;white-space:normal;box-sizing:border-box;text-align:center;z-index:99994;-webkit-overflow-scrolling:touch;display:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transition-property:opacity,-webkit-transform;transition-property:transform,opacity;transition-property:transform,opacity,-webkit-transform;-webkit-transform-style:preserve-3d;transform-style:preserve-3d}.fancybox-slide:before{content:"";display:inline-block;vertical-align:middle;height:100%;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:visible}.fancybox-slide--image:before{display:none}.fancybox-slide--video .fancybox-content,.fancybox-slide--video iframe{background:#000}.fancybox-slide--map .fancybox-content,.fancybox-slide--map iframe{background:#e5e3df}.fancybox-slide--next{z-index:99995}.fancybox-slide>*{display:inline-block;position:relative;padding:24px;margin:44px 0;border-width:0;vertical-align:middle;text-align:left;background-color:#fff;overflow:auto;box-sizing:border-box}.fancybox-slide .fancybox-image-wrap{position:absolute;top:0;left:0;margin:0;padding:0;border:0;z-index:99995;background:transparent;cursor:default;overflow:visible;-webkit-transform-origin:top left;transform-origin:top left;background-size:100% 100%;background-repeat:no-repeat;-webkit-backface-visibility:hidden;backface-visibility:hidden}.fancybox-can-zoomOut .fancybox-image-wrap{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-image-wrap{cursor:zoom-in}.fancybox-can-drag .fancybox-image-wrap{cursor:-webkit-grab;cursor:grab}.fancybox-is-dragging .fancybox-image-wrap{cursor:-webkit-grabbing;cursor:grabbing}.fancybox-image,.fancybox-spaceball{position:absolute;top:0;left:0;width:100%;height:100%;margin:0;padding:0;border:0;max-width:none;max-height:none}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content{padding:0;width:80%;height:80%;max-width:calc(100% - 100px);max-height:calc(100% - 88px);overflow:visible;background:#fff}.fancybox-iframe{display:block;padding:0;border:0;height:100%}.fancybox-error,.fancybox-iframe{margin:0;width:100%;background:#fff}.fancybox-error{padding:40px;max-width:380px;cursor:default}.fancybox-error p{margin:0;padding:0;color:#444;font:16px/20px Helvetica Neue,Helvetica,Arial,sans-serif}.fancybox-close-small{position:absolute;top:0;right:0;width:44px;height:44px;padding:0;margin:0;border:0;border-radius:0;outline:none;background:transparent;z-index:10;cursor:pointer}.fancybox-close-small:after{content:"×";position:absolute;top:5px;right:5px;width:30px;height:30px;font:20px/30px Arial,Helvetica Neue,Helvetica,sans-serif;color:#888;font-weight:300;text-align:center;border-radius:50%;border-width:0;background:#fff;transition:background .25s;box-sizing:border-box;z-index:2}.fancybox-close-small:focus:after{outline:1px dotted #888}.fancybox-close-small:hover:after{color:#555;background:#eee}.fancybox-slide--iframe .fancybox-close-small{top:0;right:-44px}.fancybox-slide--iframe .fancybox-close-small:after{background:transparent;font-size:35px;color:#aaa}.fancybox-slide--iframe .fancybox-close-small:hover:after{color:#fff}.fancybox-caption-wrap{bottom:0;left:0;right:0;padding:60px 30px 0;background:linear-gradient(180deg,transparent 0,rgba(0,0,0,.1) 20%,rgba(0,0,0,.2) 40%,rgba(0,0,0,.6) 80%,rgba(0,0,0,.8));pointer-events:none}.fancybox-caption{padding:30px 0;border-top:1px solid hsla(0,0%,100%,.4);font-size:14px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;color:#fff;line-height:20px;-webkit-text-size-adjust:none}.fancybox-caption a,.fancybox-caption button,.fancybox-caption select{pointer-events:all}.fancybox-caption a{color:#fff;text-decoration:underline}.fancybox-button{display:inline-block;position:relative;margin:0;padding:0;border:0;width:44px;height:44px;line-height:44px;text-align:center;background:transparent;color:#ddd;border-radius:0;cursor:pointer;vertical-align:top;outline:none}.fancybox-button[disabled]{cursor:default;pointer-events:none}.fancybox-button,.fancybox-infobar__body{background:rgba(30,30,30,.6)}.fancybox-button:hover:not([disabled]){color:#fff;background:rgba(0,0,0,.8)}.fancybox-button:after,.fancybox-button:before{content:"";pointer-events:none;position:absolute;background-color:currentColor;color:currentColor;opacity:.9;box-sizing:border-box;display:inline-block}.fancybox-button[disabled]:after,.fancybox-button[disabled]:before{opacity:.3}.fancybox-button--left:after,.fancybox-button--right:after{top:18px;width:6px;height:6px;background:transparent;border-top:2px solid currentColor;border-right:2px solid currentColor}.fancybox-button--left:after{left:20px;-webkit-transform:rotate(-135deg);transform:rotate(-135deg)}.fancybox-button--right:after{right:20px;-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--left{border-bottom-left-radius:5px}.fancybox-button--right{border-bottom-right-radius:5px}.fancybox-button--close:after,.fancybox-button--close:before{content:"";display:inline-block;position:absolute;height:2px;width:16px;top:calc(50% - 1px);left:calc(50% - 8px)}.fancybox-button--close:before{-webkit-transform:rotate(45deg);transform:rotate(45deg)}.fancybox-button--close:after{-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}.fancybox-arrow{position:absolute;top:50%;margin:-50px 0 0;height:100px;width:54px;padding:0;border:0;outline:none;background:none;cursor:pointer;z-index:99995;opacity:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;transition:opacity .25s}.fancybox-arrow:after{content:"";position:absolute;top:28px;width:44px;height:44px;background-color:rgba(30,30,30,.8);background-image:url(data:image/svg+xml;base64,PHN2ZyBmaWxsPSIjRkZGRkZGIiBoZWlnaHQ9IjQ4IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSI0OCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4gICAgPHBhdGggZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPiAgICA8cGF0aCBkPSJNMTIgNGwtMS40MSAxLjQxTDE2LjE3IDExSDR2MmgxMi4xN2wtNS41OCA1LjU5TDEyIDIwbDgtOHoiLz48L3N2Zz4=);background-repeat:no-repeat;background-position:50%;background-size:24px 24px}.fancybox-arrow--right{right:0}.fancybox-arrow--left{left:0;-webkit-transform:scaleX(-1);transform:scaleX(-1)}.fancybox-arrow--left:after,.fancybox-arrow--right:after{left:0}.fancybox-show-nav .fancybox-arrow{opacity:.6}.fancybox-show-nav .fancybox-arrow[disabled]{opacity:.3}.fancybox-loading{border:6px solid hsla(0,0%,39%,.4);border-top:6px solid hsla(0,0%,100%,.6);border-radius:100%;height:50px;width:50px;-webkit-animation:a .8s infinite linear;animation:a .8s infinite linear;background:transparent;position:absolute;top:50%;left:50%;margin-top:-25px;margin-left:-25px;z-index:99999}@-webkit-keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes a{0%{-webkit-transform:rotate(0deg);transform:rotate(0deg)}to{-webkit-transform:rotate(359deg);transform:rotate(359deg)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0);transform:translate3d(-100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0);transform:translate3d(100%,0,0);opacity:0}.fancybox-fx-slide.fancybox-slide--current{-webkit-transform:translateZ(0);transform:translateZ(0);opacity:1}.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{-webkit-transform:scale3d(1.5,1.5,1.5);transform:scale3d(1.5,1.5,1.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--next{-webkit-transform:scale3d(.5,.5,.5);transform:scale3d(.5,.5,.5);opacity:0}.fancybox-fx-zoom-in-out.fancybox-slide--current{-webkit-transform:scaleX(1);transform:scaleX(1);opacity:1}.fancybox-fx-rotate.fancybox-slide--previous{-webkit-transform:rotate(-1turn);transform:rotate(-1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--next{-webkit-transform:rotate(1turn);transform:rotate(1turn);opacity:0}.fancybox-fx-rotate.fancybox-slide--current{-webkit-transform:rotate(0deg);transform:rotate(0deg);opacity:1}.fancybox-fx-circular.fancybox-slide--previous{-webkit-transform:scale3d(0,0,0) translate3d(-100%,0,0);transform:scale3d(0,0,0) translate3d(-100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--next{-webkit-transform:scale3d(0,0,0) translate3d(100%,0,0);transform:scale3d(0,0,0) translate3d(100%,0,0);opacity:0}.fancybox-fx-circular.fancybox-slide--current{-webkit-transform:scaleX(1) translateZ(0);transform:scaleX(1) translateZ(0);opacity:1}.fancybox-fx-tube.fancybox-slide--previous{-webkit-transform:translate3d(-100%,0,0) scale(.1) skew(-10deg);transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{-webkit-transform:translate3d(100%,0,0) scale(.1) skew(10deg);transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{-webkit-transform:translateZ(0) scale(1);transform:translateZ(0) scale(1)}@media (max-width:800px){.fancybox-infobar{left:0;margin-left:0}.fancybox-button--left,.fancybox-button--right{display:none!important}.fancybox-caption{padding:20px 0;margin:0}}.fancybox-button--fullscreen:before{width:15px;height:11px;left:calc(50% - 7px);top:calc(50% - 6px);border:2px solid;background:none}.fancybox-button--pause:before,.fancybox-button--play:before{top:calc(50% - 6px);left:calc(50% - 4px);background:transparent}.fancybox-button--play:before{width:0;height:0;border-top:6px inset transparent;border-bottom:6px inset transparent;border-left:10px solid;border-radius:1px}.fancybox-button--pause:before{width:7px;height:11px;border-style:solid;border-width:0 2px}.fancybox-button--thumbs,.fancybox-thumbs{display:none}@media (min-width:800px){.fancybox-button--thumbs{display:inline-block}.fancybox-button--thumbs span{font-size:23px}.fancybox-button--thumbs:before{width:3px;height:3px;top:calc(50% - 2px);left:calc(50% - 2px);box-shadow:0 -4px 0,-4px -4px 0,4px -4px 0,inset 0 0 0 32px,-4px 0 0,4px 0 0,0 4px 0,-4px 4px 0,4px 4px 0}.fancybox-thumbs{position:absolute;top:0;right:0;bottom:0;left:auto;width:220px;margin:0;padding:5px 5px 0 0;background:#fff;word-break:normal;-webkit-tap-highlight-color:transparent;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;box-sizing:border-box;z-index:99995}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:220px}.fancybox-thumbs>ul{list-style:none;position:absolute;position:relative;width:100%;height:100%;margin:0;padding:0;overflow-x:hidden;overflow-y:auto;font-size:0}.fancybox-thumbs>ul>li{float:left;overflow:hidden;max-width:50%;padding:0;margin:0;width:105px;height:75px;position:relative;cursor:pointer;outline:none;border:5px solid transparent;border-top-width:0;border-right-width:0;-webkit-tap-highlight-color:transparent;-webkit-backface-visibility:hidden;backface-visibility:hidden;box-sizing:border-box}li.fancybox-thumbs-loading{background:rgba(0,0,0,.1)}.fancybox-thumbs>ul>li>img{position:absolute;top:0;left:0;min-width:100%;min-height:100%;max-width:none;max-height:none;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-thumbs>ul>li:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:2px;border:4px solid #4ea7f9;z-index:99991;opacity:0;transition:all .2s cubic-bezier(.25,.46,.45,.94)}.fancybox-thumbs>ul>li.fancybox-thumbs-active:before{opacity:1}} /* End */ /* Start:/local/templates/.default/components/bitrix/sale.basket.basket/basket/style.css?173202985643227*/ .td.table-name a { color: #333333; text-decoration: none; } .table-flex .thead, .table-flex .tbody { display: block; width: 100%; } th.table-total-price{ display: none; } .custom{ display: none; } .table-flex .product-quantity a{ background-color: #f0f0f0; height: 25px; width: 25px; cursor: pointer; } .table-flex .product-quantity a{ transition: all .5s; font-size: 20px; text-decoration: none; display: block; text-align: center; color: #000; } .table-flex .product-quantity a:hover{ background-color: #0095d5; color: #fff; } .save-smeta{ width: auto !important; } .bx_ordercart .bx_sort_container{ margin-bottom:15px; min-height:32px; color:#919191; vertical-align:middle; font-size:15px; line-height:32px; } .bx_ordercart .bx_sort_container a{ display:inline-block; margin-left:20px; padding:0 20px; border:1px solid #cdcdcd; border-radius:3px; background:#f9f9f9; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlM2UzZTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#e3e3e3)); background:-webkit-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); background: -moz-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#e3e3e3 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#e3e3e3 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#e3e3e3',GradientType=0 ); color:#4f4f4f; text-decoration:none; text-shadow:0 1px 0 rgba(255,255,255,.8); line-height:32px; } .bx_ordercart .bx_sort_container a.current { background-color: #606060; background-image: linear-gradient(to top, rgba(0, 0, 0, 0.09), rgba(255, 255, 255, 0.09)); border: medium none; border-radius: 3px 3px 3px 3px; box-shadow:inset 0 1px 2px 0 #3e3e3e; color: #F2F2F2; text-shadow:0 1px 0 #505050; } .bx_ordercart .bx_sort_container a.current:hover { background: none; } .bx_ordercart .bx_sort_container a:hover{ background:#f9f9f9; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y5ZjlmOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlZGVkZWQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ededed)); background:-webkit-linear-gradient(top, #f9f9f9 0%,#ededed 100%); background: -moz-linear-gradient(top, #f9f9f9 0%,#ededed 100%); background: -ms-linear-gradient(top, #f9f9f9 0%,#ededed 100%); background: -o-linear-gradient(top, #f9f9f9 0%,#ededed 100%); background: linear-gradient(to bottom, #f9f9f9 0%,#ededed 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ededed',GradientType=0 ); } .bx_ordercart .bx_sort_container a:active{ background:#707070; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzcwNzA3MCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhMmEyYTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#707070), color-stop(100%,#a2a2a2)); background:-webkit-linear-gradient(top, #707070 0%,#a2a2a2 100%); background: -moz-linear-gradient(top, #707070 0%,#a2a2a2 100%); background: -ms-linear-gradient(top, #707070 0%,#a2a2a2 100%); background: -o-linear-gradient(top, #707070 0%,#a2a2a2 100%); background: linear-gradient(to bottom, #707070 0%,#a2a2a2 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#707070', endColorstr='#a2a2a2',GradientType=0 ); box-shadow:inset 0 1px 2px 0 #3e3e3e; color:#fff; text-shadow:0 1px 0 #505050; } .bx_ordercart .bx_ordercart_order_table_container{ /*overflow-x:auto; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; width:100%; border:1px solid #c9c9c9; border-radius:3px; font-size:14px;*/ } .bx_ordercart .bx_ordercart_order_table_container table{ /*margin:0; padding:0; min-width:100%; border-collapse:collapse;*/ } .bx_ordercart .bx_ordercart_order_table_container table td{ /* -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; white-space:nowrap;*/ } .bx_ordercart .bx_ordercart_order_table_container table td.margin{ /*padding:0; width:2%; border-bottom:none !important;*/ } .bx_ordercart .bx_ordercart_order_table_container table thead td{ /*padding:0 5px; min-height:39px; background:#f5f5f5; color:#000; font-size:14px; line-height:39px;*/ } .bx_ordercart .bx_ordercart_order_table_container table tbody td{ /*padding:2% 5px; border-bottom:1px solid #e5e5e5; vertical-align:top;*/ } .bx_ordercart .bx_ordercart_order_table_container table tbody td td{ /*padding: 0 1px !important;*/ } .bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child td{border-bottom:none;} .bx_ordercart .bx_ordercart_order_table_container tbody td.itemphoto{width:20%;} .bx_ordercart .bx_ordercart_order_table_container tbody td.item, .bx_ordercart .bx_ordercart_order_table_container tbody td.custom, .bx_ordercart .bx_ordercart_order_table_container tbody td.control, .bx_ordercart .bx_ordercart_order_table_container tbody td.price{ text-align:left; font-size:14px; line-height:22px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.custom span{display:none;} .bx_ordercart .bx_ordercart_order_table_container tbody td.custom a{ color: #327AB7; font-size: 11px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.item{width:70%;} .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{ color:#000; font-weight:bold; font-size:19px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.table-price .old_price{ color:#b8b8b8; text-decoration:line-through; font-size:11px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price{ color:#7f7f7f; font-size:11px; line-height:13px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price_value{ font-size:11px; line-height:13px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.control a{ color:#327ab7; font-size:11px; } .bx_ordercart .bx_ordercart_order_table_container tbody td.control a:hover{text-decoration:none;} .bx_ordercart .bx_ordercart_photo_container{ position:relative; padding-top:100%; min-width:50px; max-width:100%; height:0; border:1px solid #c0cfda; border-radius:2px; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_photo{ position:absolute; top: 4%; right: 4%; bottom:4%; left: 4%; background-position:center; -webkit-background-size:auto 100%; background-size:auto 100%; background-repeat:no-repeat; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand{ position:relative; margin-top:3%; min-width:50px; max-width:100%; border:1px solid #c0cfda; border-radius:2px; line-height:0; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand img{ margin:0; padding:0; width:100%; height:auto; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle{ margin:0; padding:0; white-space:normal; line-height:18px; font-weight:bold; font-size:14px; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a{ color:#000; text-decoration:none; font-weight:bold; font-size:14px; line-height:18px; } .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemart{ margin-bottom:10px; color:#b4b4b4; font-size:13px; } .bx_ordercart .bx_ordercart_order_pay{ -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; margin:20px auto 0; padding:0 20px; } .bx_ordercart .bx_ordercart_order_pay_left{ float:left; width:50%; } .bx_ordercart .bx_ordercart_order_pay_right{ float:left; width:50%; text-align:right; } .bx_ordercart .bx_ordercart_coupon{ position: relative; /* white-space: nowrap; */ margin-bottom: 4px; } .bx_ordercart .bx_ordercart_coupon span{ display:block; margin-bottom:13px; color:#7f7f7f; font-size:13px; } /* .bx_ordercart .bx_ordercart_coupon input{ height:34px; border:1px solid #bababa; border-radius:3px; box-shadow:inset 0 1px 2px 0 rgba(0,0,0,.21); color:#000; text-align:left; font-weight:bold; font-size:16px; vertical-align: middle; outline: none !important; }*/ .bx_ordercart .bx_ordercart_coupon span.good, .bx_ordercart .bx_ordercart_coupon span.bad, .bx_ordercart .bx_ordercart_coupon span.disabled{ display: inline-block; width:22px; height:34px; vertical-align: middle; margin: 0 0 0 5px; cursor: pointer; } .bx_ordercart .bx_ordercart_coupon span.disabled:hover{cursor:pointer} .bx_ordercart .bx_ordercart_coupon input.good{ position: relative; border:1px solid #59a62a; background:rgba(89,166,42,.16); box-shadow:0 0 2px 0 rgba(89,166,42,.8); } .bx_ordercart .bx_ordercart_coupon span.good{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABEAAAANCAYAAABPeYUaAAAAoklEQVQ4y2NgIBOUb7JkY6AEAA0wBuJHQGxHrgFWQPwBiP8D8WcgliTVAHuoRpAB/4A4E10BDwED3ID4K9SAP0CciK7ACYhfg2gcBvgA8Q8kA6LQFQgB8Seogq/oBgH5QUD8EyoPooNwOTUMagOKQSAbkcRBLvEhFGjoBvWi8V2JDX1kg2AY5FV7UqMR2SBQerAkN0GBDHoJSpmUJm1uYtUCAMzalTMY8Lf6AAAAAElFTkSuQmCC") no-repeat center; } .bx_ordercart .bx_ordercart_coupon input.bad{ border:1px solid #e16565; background:rgba(225,101,101,.16); box-shadow:0 0 2px 0 rgba(225,101,101,.8); } .bx_ordercart .bx_ordercart_coupon span.good:hover, .bx_ordercart .bx_ordercart_coupon span.bad, .bx_ordercart .bx_ordercart_coupon span.disabled{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NjA2QzFEQUU3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NjA2QzFEQUY3QTJEMTFFNEJFMTJEMjJGMUE4MkZDRkYiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2MDZDMURBQzdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2MDZDMURBRDdBMkQxMUU0QkUxMkQyMkYxQTgyRkNGRiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PuRKTjMAAAC1SURBVHjaXJAhEsIwEEWTDiCoAa6CBtUKEAxHwAfHGSpxySWqUFQUh+YG3AEMOvxlfmf+kJmXnXRftr/1McaDc+4M9iGEu5OVUlqhXMCpwNaABejYUKljrxlh24EbmFHeomZKJXiZ43POdnsp8odDB6lGpMdP5KtUdirZoZDsNmEs5wmYDoeC09YoV8pvUuoHevyef6nikB7MmXljE1sJXlkm5qr5zHqtiQE8Nbgtka13/AowAFzKRSz6AcYPAAAAAElFTkSuQmCC") no-repeat center; } .bx_ordercart .bx_ordercart_coupon span.bad:hover{ background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAXCAMAAAA4Nk+sAAAA1VBMVEXVLy/VMTHWMjLWMzPWNDTWNjbXODjXOjrXOzvYPT3YPz/ZQUHZQ0PaRkbaR0faSEjbTEzbTU3bTk7bT0/dWFjdWVneW1veXV3fYWHfYmLgY2PgZGTgZWXgZmbibW3ib2/jc3Pjd3flfX3lf3/mgYHojo7oj4/rm5vrnZ3soKDtpKTtpqbuqanura3wsrLxuLjxurr42tr43Nz43t754uL54+P76ur76+v77Oz87u787+/88PD88fH88vL99PT99fX99vb++Pj++fn++vr+/Pz//f3////hD3ITAAAA4klEQVQoU2XR2VrCMBRF4YWCAwIiGg1OYHGsI1qrNalGpef9H8mLNvlKXTfJ/m8P4iusWYRB+bxeH7ShvX+V1Nier1DVmhnP8wG1hs8lzzdZauNFBPnaodEwF+SiqXApfHQAIqMBtIkAOim3AKTiNGgnKQA3nAKgcnFj7cQqAE7YJnhQeqwRPCgt1qvf2Ik4XY1VRkHzPPiAs6BKWe8THgB4F6tAWXkD4B7XBZgmCkAlU4DuJxLzr1iQQtPo8FcQyXaXdZSVZ8iO6nps/NGKu57HrXhRO/HP00z1+3vR43e5/wBykDHWjqbzywAAAABJRU5ErkJggg==") no-repeat center; } .bx_ordercart .bx_ordercart_coupon input.disabled{ color: #9a9a9a; } .bx_ordercart .bx_ordercart_coupon_notes{ -webkit-transition: opacity .3s ease-out; -moz-transition: opacity .3s ease-out; -ms-transition: opacity .3s ease-out; -o-transition: opacity .3s ease-out; transition: opacity .3s ease-out; display: none; opacity: 0; white-space: normal; border: 1px solid #ddd; position: absolute; top: 100%; left: 0; max-width: 270px; padding: 10px; background: #fff; z-index: 1010; border-radius: 5px; font-size: 13px; line-height: 17px; box-shadow: 0 3px 7px 0 rgba(0,0,0,.05) } .bx_ordercart .bx_ordercart_coupon:hover .bx_ordercart_coupon_notes{ display: block; opacity: 1; } .bx-touch .bx_ordercart .bx_ordercart_coupon_notes{ display: block; opacity: 1; position: relative; top: auto; left: auto; margin: 10px auto; box-shadow: none } .bx_ordercart .bx_ordercart_order_sum{float:right;} .bx_ordercart .bx_ordercart_order_sum tr{ } .bx_ordercart .bx_ordercart_order_sum tr td{ padding:1px; text-align:right; font-size:13px; } .bx_ordercart .bx_ordercart_order_sum tr td.custom_t1{width:100%;} .bx_ordercart .bx_ordercart_order_sum tr td.custom_t2{white-space:nowrap;} .bx_ordercart .bx_ordercart_order_sum tr td.fwb{font-weight:bold;} .bx_ordercart .bx_ordercart_order_pay_center{ margin-top:20px; padding-top:20px; border-top:1px solid #e4e6e8; text-align:right; } .bx_ordercart .bx_ordercart_order_pay_center span, .bx_ordercart .bx_ordercart_order_pay_center a{ vertical-align:top; line-height:53px; } .bx_ordercart .bx_ordercart_order_pay_center span{ margin:0 30px; font-weight:bold; font-size:17px; } .bx_ordercart .bx_ordercart_order_pay_center .checkout{ position:relative; top:-9px; display:inline-block; padding:0 18px; border-radius:3px; background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -moz-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -ms-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -o-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: linear-gradient(to bottom, #00a2df 0%,#006fcb 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#006fcb',GradientType=0 ); color:#fff; vertical-align:bottom; text-decoration:none; text-shadow:0 1px 0 #0075b6; font-weight:bold; line-height:36px; } .bx_ordercart .bx_ordercart_order_pay_center .checkout:hover{ background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwYTdkZGQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#0a7ddd)); background:-webkit-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: -moz-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: -ms-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: -o-linear-gradient(top, #00a2df 0%,#0a7ddd 100%); background: linear-gradient(to bottom, #00a2df 0%,#0a7ddd 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#0a7ddd',GradientType=0 ); } .bx_ordercart .bx_ordercart_order_pay_center .checkout:active{ background:#0a7ddd; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzBhN2RkZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#0a7ddd), color-stop(100%,#00a2df)); background:-webkit-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: -moz-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: -ms-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: -o-linear-gradient(top, #0a7ddd 0%,#00a2df 100%); background: linear-gradient(to bottom, #0a7ddd 0%,#00a2df 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0a7ddd', endColorstr='#00a2df',GradientType=0 ); box-shadow:inset 0 3px 2px 1px rgba(0,0,0,.22); } .bx_ordercart .bx_ordercart_order_pay_center .refresh { margin-right:15px; } .bx_ordercart .bx_bt_button{ display:inline-block; border-radius:3px; text-align:center; border: none; vertical-align: middle; text-decoration:none; font-size:14px; cursor:pointer; } .bx_ordercart .bx_bt_button { background:#00a2df; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwYTJkZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#00a2df), color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -moz-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -ms-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: -o-linear-gradient(top, #00a2df 0%,#006fcb 100%); background: linear-gradient(to bottom, #00a2df 0%,#006fcb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#00a2df', endColorstr='#006fcb',GradientType=0 ); color:#fff; text-shadow:0 1px 0 #006cae; } .bx_ordercart .bx_bt_button:hover { background:#21afe4; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzIxYWZlNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMDZmY2IiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#21afe4), color-stop(100%,#006fcb)); background:-webkit-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: -moz-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: -ms-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: -o-linear-gradient(top, #21afe4 0%,#006fcb 100%); background: linear-gradient(to bottom, #21afe4 0%,#006fcb 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#21afe4', endColorstr='#006fcb',GradientType=0 ); } .bx_ordercart .bx_bt_button:active { background:#006fcb; background:url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNmZjYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMwMGEyZGYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#006fcb), color-stop(100%,#00a2df)); background:-webkit-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: -moz-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: -ms-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: -o-linear-gradient(top, #006fcb 0%,#00a2df 100%); background: linear-gradient(to bottom, #006fcb 0%,#00a2df 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#006fcb', endColorstr='#00a2df',GradientType=0 ); box-shadow:inset 0 3px 5px 0 rgba(0,0,0,.21); } .bx_ordercart .bx_small.bx_bt_button{ display:inline-block; min-width:20px; line-height:20px; } .bx_ordercart .bx_medium.bx_bt_button { padding:0 13px; font-weight:bold; height:27px; line-height:27px; } .bx_big.bx_bt_button{ padding:0 13px; font-weight:bold; height:36px; line-height:36px; } @media (min-width:451px){ .formDeleteItemsContainer{ text-align: unset; padding: unset; width: unset; background: unset; } #basket_items_list .table-name{ position: unset; right: unset; top: unset; } #basket_items_list .table-total-price{ top: unset; } #basket_items_list .table-cash-back-container{ right: unset; position: unset; } .table-cash-back-container-text{ display: none; width: unset; margin-right: unset; } } @media (max-width:699px){ .formDeleteItemsContainer{ text-align: right; padding: 10px; width: 100%; background: white; } } @media (max-width:450px){ .formDeleteItemsContainer{ text-align: right; padding: 10px; width: 100%; background: white; } #basket_items_list .table-name{ position: absolute; left: 140px; top: 30px; } #basket_items_list .table-total-price{ top: 150px; } #basket_items_list .table-cash-back-container{ right: 0; position: absolute; } #basket_items_list .table-cash-back-container-text{ display: unset; width: auto; margin-right: 10px; } } #basket_items_list .table-remove-product a{ z-index: 2; } /* @media (max-width:980px){ .bx-touch .bx_ordercart .bx_sort_container span{display:block;} .bx-touch .bx_ordercart .bx_sort_container a{margin:0 20px 10px 0;} .bx_ordercart .bx_ordercart_order_table_container table thead td{font-size:13px;} .bx_ordercart .bx_ordercart_order_table_container tbody td.custom, .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{font-size:14px;} } @media (max-width:680px){ .bx_ordercart .bx_ordercart_order_table_container table thead td{font-size:12px;} .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{font-size:12px;} } @media (max-width:600px){ .bx-touch .bx_ordercart .bx_ordercart_order_pay{width:100%;} .bx-touch .bx_ordercart .bx_ordercart_order_pay_left, .bx-touch .bx_ordercart .bx_ordercart_order_pay_right{ float:none; width:100%; text-align:center; } .bx-touch .bx_ordercart .bx_ordercart_order_sum{ float:none; margin-top:20px; width:100%; } } @media (max-width:530px){ .bx-touch .bx_ordercart .bx_sort_container{ margin:10px 0; text-align:left; line-height:13px; } .bx-touch .bx_ordercart .bx_sort_container a{ display:inline; margin:0 10px 0 0; padding:0; border:none; background:none !important; color:#327ab7; text-decoration:underline; font-size:13px; box-shadow: none; text-shadow:none; } .bx-touch .bx_ordercart .bx_sort_container a:hover{text-decoration:none;background:none;} .bx-touch .bx_ordercart .bx_ordercart_order_table_container table, .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody, .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr, .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td{display:block} .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td{padding:2% 6%} .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr{ margin-bottom:20px; border-bottom:3px double #c9c9c9; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr:last-child{ margin-bottom:0; border-bottom:none; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container table thead{display:none;} .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item, .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.itemphoto{width:100%;} .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody tr td.item{padding-bottom:20px;} .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.item .bx_item_detail_size_small_noadaptive, .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.item .bx_item_detail_scu_small_noadaptive{margin:5px auto !important;} .bx-touch .bx_ordercart .bx_ordercart_photo_container{ margin:0 auto; padding-top:50%; max-width:250px; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand { border:none; text-align:center; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_brand img { max-width:100%; width:auto; border-radius:2px; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container table tbody td{border:none} .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.custom span{ display:inline-block; margin-right:10px; font-weight:bold; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.control{text-align:center;word-spacing:15px;} .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.control a{word-spacing:normal;} .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.control br{display:none} .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price{ padding-top:20px; text-align:center; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price{ margin-top:10px; margin-bottom:10px; font-size:28px; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .old_price{ margin-left:10px; font-size:19px; } .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price, .bx-touch .bx_ordercart .bx_ordercart_order_table_container tbody td.price .type_price_value{display:inline-block;} } @media (max-width:490px){ .bx-touch .bx_ordercart .bx_ordercart_order_pay_center{ margin-bottom:40px; text-align:center; } .bx-touch .bx_ordercart .bx_ordercart_order_pay_center span{display:block;} .bx-touch .bx_ordercart .bx_ordercart_order_pay_center .checkout{top:0;} }*/ /* .bx_ordercart .bx_ordercart_order_pay, .bx_ordercart .bx_ordercart_order_sum, .bx_ordercart .bx_ordercart_order_pay_left, .bx_ordercart .bx_ordercart_order_pay_right, .bx_ordercart .bx_ordercart_order_pay_center, .bx_ordercart .bx_ordercart_order_pay_center span, .bx_ordercart .bx_ordercart_order_pay_center .checkout, .bx_ordercart .bx_ordercart_order_table_container table, .bx_ordercart .bx_ordercart_order_table_container table tbody, .bx_ordercart .bx_ordercart_order_table_container table tbody tr, .bx_ordercart .bx_ordercart_order_table_container table tbody tr td, .bx_ordercart .bx_ordercart_order_table_container .bx_ordercart_itemtitle a, .bx_ordercart .bx_ordercart_order_table_container tbody td.price .current_price { -webkit-transition:all 0.3s ease; -moz-transition:all 0.3s ease; -ms-transition:all 0.3s ease; -o-transition:all 0.3s ease; transition:all 0.3s ease; font-size: 14px; }*/ /* quantity control table */ table.counter{ min-width: 0% !important; } table.counter td { border: none !important; vertical-align: middle; } table.counter tbody tr td#quantity_control { text-align: left; } .basket_quantity_control { display: inline-block; left: 0; margin: 0; padding: 0; } .basket_quantity_control a { background: url("/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/arrows.png") no-repeat scroll 0 0 transparent; border: 1px solid #D8D8D8; display: block; height: 10px; text-align: center; width: 11px; } .basket_quantity_control a.plus { background-position: 0px 0px; border-radius: 5px 5px 0 0; } .basket_quantity_control a.minus { background-position: 0px -20px; border-radius: 0 0 5px 5px; margin-top: -1px; } .flat { display: inline; } .centered { text-align: center; } .bt2{ color:#3f3f3f; font-size:13px; text-align:center; padding:7px 16px; text-decoration:none; box-shadow:0 1px 2px 1px rgba(0,0,0,0.4); border-radius:3px; font-weight:bold; text-shadow:0 1px 1px #fff; background:#fff; background:-moz-linear-gradient(top,#fff 0%,#eee 100%); background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#eee)); background:-webkit-linear-gradient(top,#fff 0%,#eee 100%); background:-o-linear-gradient(top,#fff 0%,#eee 100%); background:-ms-linear-gradient(top,#fff 0%,#eee 100%); background:linear-gradient(to bottom,#fff 0%,#eee 100%); } .bt2:hover{ color:#3f3f3f; background:#fbfbfb; text-decoration:none !important } .bt2:active{ color:#3f3f3f; text-shadow:none; text-shadow:0 2px 1px white; background:#fbfbfb; background:-webkit-gradient(radial,center center,0px,center center,100%,color-stop(0%,#fbfbfb),color-stop(100%,#eaeaea)); background:-webkit-radial-gradient(center,ellipse cover,#fbfbfb 0%,#eaeaea 100%); background:-o-radial-gradient(center,ellipse cover,#fbfbfb 0%,#eaeaea 100%); background:-ms-radial-gradient(center,ellipse cover,#fbfbfb 0%,#eaeaea 100%); background:radial-gradient(ellipse at center,#fbfbfb 0%,#eaeaea 100%); box-shadow:none; padding:6px 15px; border:1px solid #d2d2d2 } input.bt2{border:none} input.bt2:active{border:1px solid #d2d2d2} /* size */ .bx_ordercart .bx_item_detail_size_small_noadaptive{ position: relative; margin-bottom: 10px; padding: 0; width:192px; } .bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive.full { position: relative; margin-left: -5%; padding: 0 5%; } /*----*/ .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px; } /*----*/ .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size_scroller_container{ position: relative; margin-top:5px; margin-left:10px; } .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size{ position: relative; overflow: hidden; margin: 0; width: 100%; } .bx_ordercart .bx_item_detail_size_small_noadaptive ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size{overflow-x: auto;} .bx_ordercart .bx_item_detail_size_small_noadaptive ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap; } .bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_size ul{margin-left: 0 !important;} .bx_ordercart .bx_item_detail_size_small_noadaptive ul li{ position: relative; display: block; float: left; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; height: 25px; } .bx_ordercart .bx_item_detail_size_small_noadaptive ul li a{ position: absolute; top: 0; right: 2px; bottom: 2px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; color: #3f3f3f; text-align: center; text-decoration: none; font-weight: normal; font-size: 10px; line-height: 22px; } .bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive ul li a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 stretch; border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 fill stretch; } .bx_ordercart .bx_item_detail_size_small_noadaptive ul li:hover a{border: 1px solid #006cc0} .bx_ordercart .bx_item_detail_size_small_noadaptive ul li:active a, .bx_ordercart .bx_item_detail_size_small_noadaptive ul li.bx_active a{ /*padding: 3px;*/ border: 2px solid #006cc0; } .bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive ul li.bx_active a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 fill stretch; } /*----*/ .bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left, .bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right {opacity:0.8} .bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left:hover, .bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right:hover {opacity:1.0} .bx_ordercart .bx_item_detail_size_small_noadaptive.full .bx_slide_left, .bx_ordercart .bx_item_detail_size_small_noadaptive.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left {left: -5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right{right:-5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_left {left: 0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_ordercart .bx_item_detail_size_small_noadaptive .bx_slide_right{right: 0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* end of size */ /* sku */ .bx_ordercart .bx_item_detail_scu_small_noadaptive{ position: relative; margin-bottom: 10px; padding: 0; max-width: 100%; width:193px; } .bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive.full { position: relative; margin-left: -5%; padding: 0 5% } /*----*/ .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_item_section_name_gray{ color: #9e9e9e; vertical-align: middle; font-size: 11px; line-height: 11px } /*----*/ .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu_scroller_container{ position: relative; margin-top:5px; margin-left:10px; } .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu{ position: relative; overflow: hidden; margin: 0; width: 100% } .bx-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu{overflow-x: auto} .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul{ position: relative; display: block; margin: 0; padding: 0; width: 100%; white-space: nowrap } .bx-retina .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul{margin-left: 0 !important} .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li{ position: relative; display: block; float: left; padding-top: 10%; height: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a{ position: absolute; top: 0; right: 2px; bottom: 4px; left:2px; display: block; overflow: hidden; border: 1px solid #c0cfda; background: #fff; } .bx-retina .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 stretch; -moz-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 stretch; -o-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 stretch; border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border.png) 2 fill stretch; } .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li:hover a{border: 1px solid #006cc0} .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li:active a, .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a{ padding: 3px; border: 2px solid #006cc0; } .bx-retina .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li.bx_active a{ border: none; border-style: solid; border-width: 1px; -webkit-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 stretch; -moz-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 stretch; -o-border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 stretch; border-image: url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/x2border_active.png) 2 fill stretch; } .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a span{ position: absolute; top: 6%; right: 6%; bottom:6%; left: 6%; background-size: 100% auto; background-repeat: no-repeat; } .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_scu ul li a span img{ width: auto; height: 25px; } /*----*/ .bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left, .bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right {opacity:0.8} .bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left:hover, .bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right:hover{opacity:1.0} .bx_ordercart .bx_item_detail_scu_small_noadaptive.full .bx_slide_left, .bx_ordercart .bx_item_detail_scu_small_noadaptive.full .bx_slide_right{ position: absolute; top: 0; bottom:4px; width :5%; max-width:11px; cursor: pointer; } .bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left {left: -5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/arr_left.png) no-repeat left center;background-size: 100% auto} .bx-no-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right{right:-5%;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/arr_right.png) no-repeat right center;background-size: 100% auto} .bx-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_left {left: 0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/fade_left.png) repeat-y left center;background-size: 100% auto} .bx-touch .bx_ordercart .bx_item_detail_scu_small_noadaptive .bx_slide_right{right: 0;background:url(/local/templates/.default/components/bitrix/sale.basket.basket/basket/images/fade_right.png) repeat-y right center;background-size: 100% auto} /* end of sku */ #warning_message { color: red; } .bx-touch .quantity_control{ display: none; } #basket_items input {line-height: normal;} .tr .th, .tr .td { text-align: left; } .clear-basket-wrap-n-m{ display: flex; justify-content: center; align-items: flex-end; } .clear-basket-wrap-n-m a{ display: flex; align-items: flex-end; color: #333333; } .clear-basket-wrap-n-m a img{ height: 20px; width: auto; margin-right: 20px; } .clear-basket-wrap-main{ display: flex; justify-content: space-between; align-items: center; } @media (min-width:700px) { .clear-basket-wrap-main{ flex-direction: row; } .clear-basket-wrap-n-m a{ justify-content: flex-start; font-size: 15px; } .clear-basket-wrap-n-m{ flex-direction: row; flex-wrap: wrap !important; } .clear-basket-wrap{ flex-direction: row !important; flex-wrap: wrap !important; } } @media (max-width:699px) { .clear-basket-wrap-main{ flex-direction: column; } .clear-basket-wrap-n-m a{ justify-content: center; font-size: 0; } .clear-basket-wrap-n-m{ flex-direction: row; flex-wrap: nowrap !important; } .clear-basket-wrap{ flex-direction: row !important; flex-wrap: nowrap !important; } } @media (min-width:991px) { .bonus__total--block {display: flex; align-items: flex-end; justify-content: space-between;} } @media (max-width:990px) { .total {padding-top: 20px;} } .container-input-bonus{ display: none; } .container-input-bonus.active{ display: block; } /* End */ /* Start:/local/assets/css/main.css?1759091673207897*/ @charset 'UTH-8'; .text-description ul { list-style: inherit; } @font-face { font-display: swap; font-family: "GothamProRegular"; src: url("/local/assets/css/../fonts/GothamPro/GothamProRegular.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProRegular.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProRegular.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProRegular.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProBold"; src: url("/local/assets/css/../fonts/GothamPro/GothamProBold.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProBold.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProBold.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProBold.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProBlack"; src: url("/local/assets/css/../fonts/GothamPro/GothamProBlack.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProBlack.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProBlack.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProBlack.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProItalic"; src: url("/local/assets/css/../fonts/GothamPro/GothamProItalic.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProItalic.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProItalic.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProMedium"; src: url("/local/assets/css/../fonts/GothamPro/GothamProMedium.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProMedium.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProMedium.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProMedium.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProLight"; src: url("/local/assets/css/../fonts/GothamPro/GothamProLight.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProLight.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProLight.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProLight.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProMediumItalic"; src: url("/local/assets/css/../fonts/GothamPro/GothamProMediumItalic.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProMediumItalic.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProMediumItalic.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProMediumItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProLightItalic"; src: url("/local/assets/css/../fonts/GothamPro/GothamProLightItalic.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProLightItalic.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProLightItalic.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProLightItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProBoldItalic"; src: url("/local/assets/css/../fonts/GothamPro/GothamProBoldItalic.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProBoldItalic.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProBoldItalic.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProBoldItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } @font-face { font-display: swap; font-family: "GothamProBlackItalic"; src: url("/local/assets/css/../fonts/GothamPro/GothamProBlackItalic.eot"); src: url("/local/assets/css/../fonts/GothamPro/GothamProBlackItalic.eot?#iefix")format("embedded-opentype"), url("/local/assets/css/../fonts/GothamPro/GothamProBlackItalic.woff") format("woff"), url("/local/assets/css/../fonts/GothamPro/GothamProBlackItalic.ttf") format("truetype"); font-style: normal; font-weight: normal; } *::after, *::before, * { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; box-sizing: border-box; box-shadow: none; } .h3Text { font-weight: bold; } input, select, .form-control { border: 0; } sup { vertical-align: super; font-size: 0.8em; } article, aside, details, figcaption, figure, footer, header, menu, nav, section { display: block; } section { border-bottom: 1px solid rgba(0, 0, 0, 0); } ol, ul { list-style: none; } table { border-collapse: collapse; border-spacing: 0; } html { height: 100%; } body { font: 15px/1.2 "GothamProRegular", sans-serif; height: 100%; color: #333333; } a, a:hover, input, input:focus, button, button:focus, select:focus { outline: none; } p { margin: 0 0 15px; } .message--limit_count { padding-top: 30px; color: #0096d4; font-size: 12px; text-align: justify; line-height: 19px; } .message--limit_count a { color: #0096d4; } .buyoneclick { color: #0095d5; } .wrapper { min-height: 100%; height: auto !important; width: 100%; overflow: hidden; } .thumb { position: relative; overflow: hidden; display: block; } .thumb>img { display: block; max-width: 100%; margin: 0 auto; max-height: 150px; } .section-sale .sale-slide .thumb>img, .one-usefulness .thumb>img, .one-article .thumb>img, .sidebar-body .thumb>img, .h2Text + .thumb>img { max-height: 100%; } .bg-gray { background-color: #f2f2f2 !important; } .no-pad { padding: 0 !important; } .select { font-size: 12px; display: block; width: 100%; height: 32px; max-width: 185px; background: #fff url(/local/assets/css/../img/carret.png) no-repeat center right 10px; padding: 0 25px 0 12px; -webkit-appearance: none; -moz-appearance: none; appearance: none; cursor: pointer; } .checkbox { position: relative; display: flex; justify-content: space-between; align-items: flex-start; font-weight: 400; outline: none; cursor: pointer; margin: 0 0 15px; padding: 2px 0 2px 25px; } #bx-soa-orderSave .checkbox { padding: 2px 0 2px 0px; } .checkbox>input { display: none; } .checkbox>span, .checkbox>b { font-size: 14px; color: #979797; transition: all .5s; position: relative; font-weight: 400; } .checkbox:hover>span, .checkbox:hover>b { color: #0095d5; } .checkbox .quality { font-size: 12px; margin: 2px 0 0; } .checkbox>span::before, .checkbox>span::after { content: ''; position: absolute; left: 0; display: block; transition: all .1s; } .checkbox>span::before { top: 0; left: -25px; width: 14px; height: 14px; border: 1px solid #979797; } .checkbox>span::after { top: 4px; left: -23px; width: 0; height: 0; border-left: 1px solid #0095d5; border-bottom: 1px solid #0095d5; transform: rotate(-45deg); opacity: 0; } .checkbox>input:checked+span::after { width: 11px; height: 4px; opacity: 1; } .radio { position: relative; display: flex; justify-content: space-between; align-items: flex-start; font-weight: 400; outline: none; cursor: pointer; margin: 0 0 15px; padding: 2px 0 2px 25px; } .radio>input { display: none; } .radio>span { font-size: 14px; color: #979797; transition: all .5s; } .radio:hover>span { color: #0095d5; } .radio>span::before, .radio>span::after { content: ''; position: absolute; left: 0; display: block; transition: all .1s; } .radio>span::before { bottom: 5px; width: 14px; height: 14px; border: 1px solid #979797; border-radius: 50%; } .radio>span::after { bottom: 15px; left: 7px; width: 0; height: 0; opacity: 0; border-radius: 50%; } .radio>input:checked+span { color: #0095d5; } .radio>input:checked+span::after { width: 8px; height: 8px; opacity: 1; bottom: 8px; background-color: #0095d5; left: 3px; } .group-upload { margin: 0 0 25px; } .group-upload>span { font-size: 14px; color: #979797; } .upload { background: transparent url(/local/assets/css/../img/svg/static/clip.svg) no-repeat left center; display: inline-block; margin: 0 15px 0 0; } .upload>span { color: #0095d5; } .upload>span::before, .upload>span::after { content: none; } .default-style-editor>* { margin: 0 0 25px; line-height: 1.4; } .default-style-editor h2 { font-size: 24px; font-family: 'GothamProMedium'; font-weight: normal; } .default-style-editor h3 { font-size: 18px; } .default-style-editor h4 { font-size: 18px; } .default-style-editor p { font-size: 16px; color: #979797; } .default-style-editor ul { list-style: disc; padding: 0 0 0 15px; } .default-style-editor table { width: 100%; margin: 0 0 25px; } .default-style-editor table td, .default-style-editor table th { height: 40px; vertical-align: middle; font-size: 12px; color: #979797; text-align: center; } .default-style-editor table th { color: #333; font-size: 14px; } .section-default-layout { padding: 0 0 30px; } .svg { fill: #000; width: 20px; height: 20px; transition: all .5s; } .svg-header { width: 27px; height: 27px; transition: all .5s; } .modal-header {margin: 10px;} .overflow { overflow: hidden; } .modal, .modal-shadow { left: 0; top: 0; position: fixed; display: flex; width: 100%; height: 100vh; transition: all .5s; z-index: 888; } .modal { transform: translateY(-100%); } .modal.modal-open { transform: translateY(0); z-index: 999; } .modal-shadow { z-index: 2; background: rgba(0, 0, 0, 0); transition: all 1s; } .modal.modal-open .modal-shadow { background: rgba(0, 0, 0, .3); } .modal-body { margin: auto; width: 100%; max-width: 700px; background-color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, .4); z-index: 5; position: relative; padding: 40px; overflow-x: hidden; overflow-y: auto; max-height: 100%; } .modal-left .modal-body { max-width: 630px; margin-left: calc(100% - 630px); border-left: 3px solid #00509b; height: 100vh; padding: 30px 35px 20px 45px; } .modal-left .modal-body .table-flex { flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; } .modal-left .modal-body .table-flex .table-name { flex: 0 0 45%; max-width: 45%; } .modal-left .modal-body .table-flex .table-remove-product { flex: 0 0 5%; max-width: 5%; text-align: center; } #modal-payment, #modal-product-list, #modal-compare, #modal-calc { transform: translate(100%, 0); transition: all .9s; } #modal-product-list.modal-open, #modal-compare.modal-open { transform: translate(0, 0); } #my_iframe_link{ text-align: center; } .iframe_wrap{ padding: 30px 0px; } #modal-payment .btn-fixed{ transform: translateY(-150px); display: flex; justify-content: center; align-items: center; } #modal-product-list .btn-fixed { transform: translateY(-50px); } #modal-compare .btn-fixed { transform: translateY(50px); } #modal-calc .btn-fixed{ transform: translateY(150px); display: flex; justify-content: center; align-items: center; } #modal-payment div svg, #modal-calc div svg{ fill: #fff; width: 50%; height: 50%; } #modal-payment-form .modal-body { max-width: 373px; padding: 40px 20px; } #modal-payment-form form{ display: flex; } #modal-payment-form form input{ border: 1px solid #444444; padding: 8px 10px; font-size: 14px; color: #333333; width: 50%; line-height: 18px; margin-right: 10px; } #modal-payment-form form button[type="submit"]{ display: inline-block; color: #fff; text-decoration: none; -webkit-appearance: none; background: #009fe3; border-radius: 0; border: none; outline: none; padding: 8px 15px; font-size: 14px; line-height: 18px; cursor: pointer; border: 1px solid #009fe3; width: 50%; } @media all and (max-width: 380px) { #modal-payment-form form{ flex-wrap: wrap; } #modal-payment-form form button[type="submit"], #modal-payment-form form input{ width: 100%; margin: 0 0 10px; } } #counter-calc-mobile{ display: none; cursor: pointer; outline: none; text-decoration: none; font: 18px/1.2 "GothamProRegular", sans-serif; width: 100%; text-align: center; padding: 15px 10px; border: 2px solid transparent; transition: all .5s; background-color: #0095d5; border-color: #0095d5; color: #fff; align-items: center; justify-content: center; margin-bottom: 20px; flex-wrap: wrap; } #counter-calc-mobile p{ width: 100%; margin-bottom: 2px; } #counter-calc-mobile span{ width: 100%; font-style: italic; font-size: 12px; } @media all and (max-width: 768px) { #counter-calc-mobile{ display: flex; } } .smart-search { overflow: hidden; visibility: hidden; opacity: 0; height: 0; transition: all .5s; } .smart-search.open { width: 100%; position: absolute; top: 210px; left: 0; background: rgba(0, 0, 0, .3); padding: 0 0 30px; height: calc(100vh - 210px); visibility: visible; opacity: 1; } .smart-search.fixed.open { top: 85px; position: fixed; height: calc(100vh - 85px); visibility: visible; opacity: 1; } .modal-search-body { background: #fff; padding: 30px; overflow-x: hidden; overflow-y: auto; max-height: calc(100vh - 210px); } .catalog-products-wrapper-modal { margin: 0 0 50px; } .modal-search-body .catalog-product { border: 0; border-bottom: 1px solid #ddd; display: flex; align-items: center; } .modal-search-body .catalog-products>div { flex: 0 0 33.333%; max-width: 33.333%; } .modal-search-body .catalog-product .thumb { margin: 0; flex: 0 0 150px; max-width: 150px; } .modal-search-body .catalog-product .thumb>img { max-height: 125px; } .modal-search-body .news { padding: 0; max-width: 50%; } .modal-big .modal-body { max-width: 1200px; } .close { position: absolute; cursor: pointer; right: 10px; top: 10px; width: 30px; height: 30px; background: transparent url(/local/assets/css/../img/svg/static/clear-button.svg)no-repeat center; } .modal-form { display: flex; flex-flow: row wrap; } .modal-title { margin: 0 0 30px; color: #0095d5; font-size: 30px; } .modal-subtitle { margin: 0 0 30px; font-size: 16px; font-weight: 400; } .modal-body>p { color: #979797; font-size: 16px; } .modal-body>p>b { color: #333; } .modal-input { height: 40px; position: relative; background-color: #fafafa; width: 100%; color: #979797; max-width: 380px; margin: 0 0 10px; font-size: 14px; padding: 0 10px 0 20px; } textarea.modal-input { padding: 10px 10px 10px 20px; resize: none; margin-bottom: 20px; min-height: 140px; outline: none; max-width: 100%; } .modal .privacy-policy>span { font-size: 14px; } .modal-group-input { display: flex; flex-flow: row wrap; width: 100%; } .modal-group-input>input { width: auto; min-width: 0; } .modal-group-input>input:first-child { flex: 0 0 100%; max-width: 380px; margin: 0 15px 0 0; } .modal-group-input>input:last-child { flex: 1 0; } .modal-form .box-rating { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px; } .modal-form .star-quantity { margin: 0 20px 0 0; } .modal-body .section-carousel { padding: 0 35px; } .modal-body .form-basket { padding: 0; display: flex; flex-flow: row wrap; } .modal-body .table-flex { flex: 0 0 55%; max-width: 55%; padding: 0 10px 0 0; } .modal-body .bonus-wrap { flex: 0 0 45%; max-width: 45%; } .modal-body .total { flex: 0 0 100%; max-width: 100%; background-color: #f2f2f2; padding: 15px 18px; } .modal-body .tr .td { flex: 0 0 25%; max-width: 25%; } .modal-body .tr .table-name { flex: 0 0 32%; max-width: 32%; } .modal-body .tr .table-total-price { flex: 0 0 18%; max-width: 18%; } .modal-body .total-text .total-text-title { flex: 0 0 100%; } .title-compare { font-size: 24px; margin: 0 0 30px; } .group-nav-list { display: flex; flex-flow: row wrap; } .group-nav-list>div { flex: 0 0 50%; max-width: 50%; } .group-nav-list p { color: #979797; font-size: 12px; margin: 0 0 20px; } .group-nav-list .btn-wrap, .group-nav-list .link-wrap { text-align: left; } .group-nav-list .btn { margin: 0 0 25px; } .group-nav-list .total-price { margin: 0 0 50px; } .total-price b { font-size: 12px; color: #333; font-weight: 700; } .group-nav-list .link-wrap .link-underline { margin: 0 0 15px; } .compare-link p { font-size: 12px; color: #979797; } .calculator { display: flex; flex-flow: row wrap; align-items: flex-start; } .calculator .group-input { display: flex; flex-flow: row wrap; align-items: center; margin: 0 0 25px; flex: 0 0 190px; max-width: 190px; } .calculator .wh { flex: 0 0 calc(100% - 190px); max-width: calc(100% - 190px); max-height: 17px; overflow: hidden; transition: all .5s; } .calculator .wh .calc-title { margin: 0 0 4px; } .calculator .wh.open { max-height: 120px; } .calculator .btn-wrap { flex: 0 0 100%; max-width: 100%; } .calculator .group-input>input { flex: 0 0 100px; max-width: 100px; background-color: #f6f4f4; padding: 0 7px; } .calculator .group-input>span { font-size: 16px; color: #979797; margin: 0 20px 0 10px; } .calc-title { flex: 0 0 100%; max-width: 100%; margin: 0 0 5px; } .calculator .wh .calc-title>span { color: #0095d5; border-bottom: 1px dotted #0095d5; display: inline-block; cursor: pointer; } .result { margin: 0 0 20px; padding: 20px; background-color: #FAFAFA; overflow: hidden; max-height: 0; opacity: 0; visibility: hidden; transition: all .5s; } .result.open { max-height: 142px; opacity: 1; visibility: visible; } .result h3 { line-height: 1.5; font-size: 16px; text-transform: uppercase; } .result p { line-height: 1.5; font-size: 14px; } .text.__cols2.__free { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; } .section-seo-text { padding-bottom: 55px; } @media screen and (max-width: 999px) { .modal-body .table-flex { flex: 0 0 100%; max-width: 100%; padding: 0 0 20px; } .modal-body .bonus-wrap { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 630px) { .article-el4 .pagination-items { flex-wrap: wrap !important; } .article-el4 .paginator-item { flex: 0 0 50% !important; max-width: 50% !important; } .modal-left .modal-body { margin-left: 0; } } @media screen and (max-width: 599px) { .modal-input, .modal-group-input>input { flex: 0 0 100% !important; max-width: 100% !important; margin: 0 0 10px !important; } } @media screen and (max-width: 479px) { .catalog-price-variable>li { width: 100%; display: block; } .catalog-price-variable { flex-wrap: wrap; } .modal-body { padding: 40px 15px; } #modal-calc-form{ overflow-y: scroll !important; height: 100% !important; } } .tooltip { position: absolute; display: block; width: auto; padding: 8px 10px; background-color: #fff; transform: translate(0, -120%); transition: all .5s; box-shadow: 3px 3px 10px 0 rgba(0, 0, 0, .2); z-index: 888; } .tooltip h3 { font-size: 12px; font-weight: 700; color: #979797; } .tooltip p { font-size: 14px; margin: 0 0 10px; } .scroll-top { overflow: hidden; position: fixed; right: 20px; bottom: 50px; display: flex; z-index: 888; opacity: 0; transition: all 1s; background: #f2f2f2; width: 59px; height: 59px; } .scroll-top:hover { background: #0095d5; } .scroll-top>svg { width: 20px; height: 20px; fill: #333; margin: auto; transition: all .5s; } .scroll-top:hover>svg { fill: #fff; -webkit-animation: jump 1.5s ease 0s infinite normal; animation: jump 1.5s ease 0s infinite normal; } @keyframes jump { 0% { transform: translateY(0); } 20% { transform: translateY(0); } 40% { transform: translateY(-10px); } 50% { transform: translateY(0); } 60% { transform: translateY(-5px); } 80% { transform: translateY(0); } 100% { transform: translateY(0); } } @media screen and (max-width: 549px) { .scroll-top { right: 0; width: 55px; height: 50px; } } .title-big { font-size: 30px; font-weight: 600; padding: 15px 0 15px; display: block; } .title-black { font-size: 45px; font-weight: 400; padding: 0 0 29px; } .description ul { display: block; list-style: unset; padding-left: 30px; } @media screen and (max-width: 767px) { .title-black { font-size: 35px; } } @media screen and (max-width: 549px) { .title-black { font-size: 25px; } } .breadcrumbs { display: flex; flex-flow: row wrap; padding: 31px 0 21px; } .subbredcrumbs .breadcrumbs { padding-top: 0; } .breadcrumbs a, .breadcrumbs span { font-size: 12px; /*text-transform: lowercase;*/ display: block; text-decoration: none; color: #333; background-color: #fff; padding: 3px 9px; margin: 0 5px 5px 0; min-height: 20px; transition: all .5s; } .breadcrumbs .link-name { padding: 0px; margin: 0; min-height: auto; } .breadcrumbs a:hover { color: #0095d5; } .breadcrumbs>li:first-child>a { background: #fff url(/local/assets/css/../img/svg/static/home.svg) no-repeat center; min-width: 30px; } .breadcrumbs>li:first-child>a span { display: none !important; } .subbredcrumbs .breadcrumbs>li:first-child>a { background: #fff; width: auto; } .btn-wrap, .link-wrap { text-align: center; } .btn { cursor: pointer; outline: none; text-decoration: none; font: 15px/1.2 "GothamProRegular", sans-serif; width: 180px; text-align: center; padding: 15px 10px; border: 2px solid transparent; transition: all .5s; display: block; } .sale-paysystem-wrapper .btn.btn-default.btn-buy.btn-md { background: #49ad43; color: #ffffff; position: relative; text-indent: -20000px; } .sale-paysystem-button-container { position: relative; } .sale-paysystem-button-container + p { display: none; } .sale-paysystem-button-container:after { content: 'Оплатить'; position: absolute; top: 37%; color: #ffffff; width: 180px; text-align: center; } .sale-paysystem-wrapper { padding: 30px 40px 25px 40px !important; } .btn-blue { background-color: #0095d5; border-color: #0095d5; color: #fff; } .btn-blue:hover { background-color: #00509b; border-color: #00509b; } .btn-gray { background-color: #f2f2f2; border-color: #f2f2f2; color: #333333; } .btn-gray:hover { background-color: #0095d5; border-color: #0095d5; color: #fff; } .btn-border { background-color: transparent; border-color: #0095d5; color: #333333; } .btn-border:hover { background-color: #0095d5; border-color: #0095d5; color: #fff; } .btn-white { background-color: transparent; border-color: transparent; color: #979797; text-transform: uppercase; font-weight: 700; font-size: 12px; } .btn-white:hover, .btn-white.active { background-color: #fff; border-color: #fff; color: #0095d5; } .link { color: #979797; font-size: 12px; display: inline-block; transition: all .5s; } .link:hover { color: #0095d5; } .link-underline { color: #0095d5; font-size: 15px; display: inline-block; transition: all .5s; position: relative; padding: 0 10px 0 0; text-decoration: none; font-weight: 400; } .link-underline::before, .link-underline::after { content: ''; display: block; position: absolute; transition: all .5s; } .link-underline::before { width: calc(100% - 10px); height: 1px; background-color: #0095d5; bottom: 0; right: 10px; } .link-underline:hover::before { width: 0; } .link-underline::after { right: 0; top: 6px; width: 8px; height: 8px; border-bottom: 2px solid #0095d5; border-right: 2px solid #0095d5; transform: rotate(-45deg); } .link-underline-dot { display: inline-block; padding: 0 0 1px; border-bottom: 1px dotted #0095d5; color: #0095d5; font-size: 12px; text-decoration: none; cursor: pointer; background-color: transparent; } .btn-play::after { content: ''; position: absolute; display: block; width: 50px; height: 50px; background: transparent url(/local/assets/css/../img/svg/static/play-button.svg) no-repeat center left 17px; right: 10px; bottom: 10px; border-radius: 50%; border: 1px solid #fff; } .btn-view { background-color: #fff; transition: all .5s; display: block; width: 32px; height: 32px; cursor: pointer; margin: 0 5px 0 0; } .btn-view .svg { fill: #e1e1e1; transition: all .5s; } .btn-view.active, .btn-view:hover { background-color: #0095d5; } .btn-view.active .svg, .btn-view:hover .svg { fill: #fff; } .btn-horizontal { padding: 3px 0 0; } .btn-horizontal .svg { width: 18px; height: 18px; } .btn-vertical { padding: 4px 0 0; } .btn-vertical .svg { width: 17px; height: 17px; } .btn-fixed { position: fixed; z-index: 888; display: flex; height: 70px; width: 75px; background-color: #00509b; right: 100%; top: 50%; transform: translateY(50px); cursor: pointer; } .btn-fixed .svg { fill: #fff; margin: auto; } .btn-fixed>span { position: absolute; right: 10px; top: 10px; border-radius: 50%; width: 20px; height: 20px; padding: 2px 0; text-align: center; border: 1px solid #fff; color: #fff; font-size: 12px; } .modal-open .btn-fixed { top: 50%; right: 630px; } .btn-edit { background-color: transparent; background-position: center; background-repeat: no-repeat; display: block; width: 22px; height: 22px; cursor: pointer; } .icon-edit { background-image: url(/local/assets/css/../img/svg/static/lk/edit.svg); } .icon-delete { background-image: url(/local/assets/css/../img/svg/static/lk/delete.svg); } .icon-xlsx { background-image: url(/local/assets/css/../img/svg/static/lk/xlsx.svg); } @media screen and (max-width: 1024px) { .btn-fixed { height: 50px; width: 55px; } .btn-fixed>span { right: 3px; top: 3px; } #modal-payment .btn-fixed { transform: translateY(-125px); } #modal-compare .btn-fixed { transform: translateY(25px); } #modal-calc .btn-fixed { transform: translateY(100px); } } .drop-down-catalog {} .drop-down-body-shadow { background-color: rgba(0, 0, 0, .2); position: absolute; left: 0; top: 100%; width: 100%; transition: all .5s; } .drop-down-body-shadow .container { position: relative; max-width: 1200px; padding: 0; } .drop-down-body { width: 295px; background-color: #fff; border: 1px solid transparent; border-top: 0; max-height: 0; overflow: hidden; transition: all .5s; opacity: 0; visibility: hidden; } .drop-down-catalog.drop-home .drop-down-body:hover { position: static; } .drop-down-catalog.not-main-page .drop-down-body:hover { position: static; } .drop-down-catalog.not-main-page .drop-down-body, .drop-down-catalog.drop-home .drop-down-body { position: absolute; top: 100%; left: 0; transition: all.5s; } .drop-down-catalog.drop-home .drop-catalog-list { height: 625px; } .drop-down-catalog.drop-home .drop-down-body, .drop-down-catalog.open .drop-down-body { max-height: 100vh; border-color: #00509b; opacity: 1; visibility: visible; } .drop-down-catalog.open .drop-down-body-shadow { height: calc(100vh - 210px); } .drop-down-body .link-wrap { padding: 20px 0; text-align: left; } .drop-down-body .link-wrap { padding: 20px 25px 20px 30px; text-align: left; } .drop-down-body>.link-wrap>.link-underline { font: 500 12px/1 'Rubik', sans-serif; padding: 2px 0; letter-spacing: 0.09em; } .drop-catalog-list { overflow-y: auto; max-height: 625px; padding-top: 23px; direction: rtl; } .drop-catalog-list>li>a { font-size: 12px; color: #333; padding: 5px 20px 5px 30px; margin: 0 0 16px; display: block; position: relative; text-align: left; } .drop-catalog-list>li>a:hover { color: #0095d5; } .drop-catalog-list>li>a::after { content: ''; display: block; position: absolute; transition: all .5s; right: 15px; top: 8px; width: 7px; height: 7px; border-bottom: 1px solid #333; border-right: 1px solid #333; transform: rotate(-45deg); } .drop-catalog-list>li>a:hover::after { border-bottom: 1px solid #0095d5; border-right: 1px solid #0095d5; } .drop-lvl2 { position: absolute; width: 0; opacity: 0; visibility: hidden; height: 100%; left: 295px; top: 0; border-right: 1px solid transparent; border-bottom: 1px solid transparent; transition: all .3s; overflow: auto; background-color: #fff; text-align: left; direction: ltr; } .drop-lvl2::-webkit-scrollbar-track{ background-color: #fff; box-shadow: 0 0 3px #fff inset; } .drop-lvl2::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background-color: #0095d5; box-shadow: 0 1px 1px #fff inset; background-image: url(https://yraaa.ru/_pu/24/59610063.png); background-position: center; background-repeat: no-repeat; } .drop-lvl2::-webkit-scrollbar-button { background-image: none; background-repeat: no-repeat; width: 6px; height: 0; } .drop-lvl2::-webkit-scrollbar { width: 5px; } .drop-catalog-list::-webkit-resizer { background-image: none; background-repeat: no-repeat; width: 7px; height: 0; } @media (min-width: 1000px) { .drop-catalog-list>li.open .drop-lvl2, .drop-catalog-list>li:hover .drop-lvl2 { border-color: #00509b; width: calc(100% - 295px); opacity: 1; visibility: visible; } } .box-brands { display: flex; align-items: center; justify-content: space-between; height: 60px; padding: 0 20px 0 40px; } .drop-lvl2-body { padding: 20px 20px 20px 40px; } .box-partner { display: flex; align-items: center; } .box-partner img { max-height: 35px; } .box-partner>div { padding: 0 5px; } .box-subcategory-list { display: flex; flex-flow: row wrap; position: relative; } .box-subcategory-list>div { flex: 0 0 33.333%; max-width: 33.333%; } .box-subcategory-list.banner-active { padding: 0 33.333% 0 0; } .box-subcategory-list.banner-active>div { flex: 0 0 50%; max-width: 50%; } .subcategory-list { font-size: 12px; margin: 0 0 45px; } .subcategory-list h3 { margin: 0 0 15px; } .subcategory-list h3>a { color: #333; } .subcategory-list .link-underline { font-size: 12px; display: inline-block; } .subcategory-list .link-underline::after { top: 4px; } .subcategory-list ul { margin: 0 0 5px; } .subcategory-list ul a { display: inline-block; color: #979797; margin: 0 0 10px; transition: all .5s; } .subcategory-list ul a:hover { color: #0095d5; } .banner-here { position: absolute; right: 0; top: 0; width: 33.333%; } .drop-tree .drop-tree { display: block; overflow: hidden; max-height: 0; transition: all .5s; padding: 0 0 0 30px; } .drop-tree a { text-decoration: none; color: #979797; font-size: 12px; display: inline-block; padding: 3px 0 3px 30px; transition: all .5s; margin: 0 0 15px; position: relative; } .drop-tree a:hover { color: #0095d5; } .drop-tree .current { position: relative; width: 20px; height: 10px; display: inline-block; cursor: pointer; } .drop-tree .current::after { content: ''; display: block; position: absolute; transition: all .5s; left: 50%; top: 50%; width: 7px; height: 7px; border-bottom: 1px solid #979797; border-right: 1px solid #979797; transform: translate(-50%, -4px) rotate(45deg); } .drop-tree>li.open>.current::after { transform: translate(-50%, -2px) rotate(-135deg); } .drop-tree.last a::after { content: ''; display: block; position: absolute; transition: all .5s; right: auto; left: 15px; top: 50%; width: 7px; height: 1px; border: none; background-color: #979797; transform: translateY(0) rotate(0deg) !important; } .drop-tree li.open>.drop-tree { max-height: 100vh; } .mob-nav-submenu { display: none; align-items: center; justify-content: center; position: relative; } .mob-nav-submenu>h3 { padding: 10px 0; font-size: 20px; text-transform: uppercase; font-weight: 700; } .mob-nav-submenu>.back { position: absolute; display: flex; justify-content: center; align-items: center; left: 18px; top: 0; width: 50px; height: 100%; z-index: 5; } .mob-nav-submenu .svg { width: 20px; height: 20px; transition: all .5s; } .mob-nav-submenu .back:hover .svg { fill: #0095d5; } @media screen and (max-width: 1250px) { .drop-down-catalog:hover .drop-down-body, .drop-down-catalog.open .drop-down-body { max-height: 70vh; } .drop-catalog-list { max-height: calc(70vh - 56px); } } @media screen and (max-width: 999px) { .drop-down-body-shadow { background-color: #fff; position: fixed; left: 0; top: 76px; width: 100%; z-index: 999; overflow: hidden; } .drop-down-catalog.drop-home:hover .drop-down-body-shadow, .drop-down-catalog:hover .drop-down-body { max-height: 0; opacity: 0; visibility: hidden; } .drop-down-catalog.open .drop-down-body-shadow, .drop-down-catalog.open .drop-down-body { height: 100%; min-height: 60rem !important; width: 100% !important; border: none !important; opacity: 1 !important; visibility: visible !important; } .drop-down-catalog.drop-home .drop-catalog-list { height: calc(100vh - 180px); max-height: calc(100vh - 180px); padding-top: 10px; } .mob-nav-submenu { display: flex; } .drop-catalog-list>li.open .drop-lvl2 { border-color: #00509b; width: calc(100% - 295px); opacity: 1; visibility: visible; width: 100%; left: 0; background-color: #fff; z-index: 999; overflow-y: auto; } } @media screen and (max-width: 767px) { .box-brands { display: none; } .box-subcategory-list>div { flex: 0 0 50%; max-width: 50%; } .box-subcategory-list.banner-active { padding: 0 50% 0 0; } .box-subcategory-list.banner-active>div { flex: 0 0 100%; max-width: 100%; } .banner-here { width: 50%; } } @media screen and (max-width: 549px) { .drop-lvl2-body { padding: 20px 15px; } .box-subcategory-list>div { flex: 0 0 100%; max-width: 100%; } .box-subcategory-list.banner-active { padding: 0; } .banner-here { width: 100%; } .banner-here { position: relative; } .section-seo-text .text.__cols2.__free { -webkit-column-count: 1; -moz-column-count: 1; column-count: 1; } .section-seo-text .text.__cols2.__free p { padding-right: 0!important; } } .header { min-height: 210px; display: flex; flex-flow: row wrap; align-content: space-between; align-items: center; position: relative; /*z-index: 999;*/ z-index: 887; } .header.fixed { position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); z-index: 999; height: auto; } .header>div { flex: 0 0 100%; max-width: 100%; } .header .container { display: flex; align-items: center; justify-content: space-between; } .header button, .header a { text-decoration: none; display: block; background-color: transparent; cursor: pointer; transition: all .5s; } .header-top { background-color: #f2f2f2; } .fixed .header-top { display: none; } .header-top .container { height: 40px; } .group-content, .group-registration { display: flex; align-items: center; font-size: 12px; } .group-content>li { margin: 0 30px 0 0; } .group-content>li:last-child { margin: 0; } .group-content a { text-transform: uppercase; color: #333333; } .group-content a:hover { color: #0095d5; } .slogan { color: #979797; letter-spacing: 0.047em; } .header-email { padding: 3px 0 2px 22px; margin: -2px 0 0; background: transparent url(/local/assets/css/../img/svg/static/e-mail-header.svg) no-repeat center left; } .header-tel { padding: 3px 0 2px 20px; margin: -2px 0 0; background: transparent url(/local/assets/css/../img/svg/static/phone-header.svg) no-repeat center left; font-size: 20px; } .group-registration { margin: 0 -10px; } .fixed .group-registration { display: block !important; } .group-registration>li { padding: 0 9px 0; } .group-registration>li:nth-child(2) { border-right: 1px solid #333333; } .group-registration a, .group-registration button { padding: 1px 0; border-bottom: 1px dashed #333333; letter-spacing: 0.11em; } .group-registration>li:last-child a, .group-registration>li:last-child button {} .group-registration a:hover, .group-registration button:hover { color: #0095d5 !important; border-bottom: 1px dashed #0095d5 !important; } .entity { display: flex; align-items: center; margin: 0 30px 0 0; } .entity .svg { margin: 0 0 0 5px; width: 16px; height: 16px; fill: #333; transition: all .5s; } .entity:hover .svg { fill: #0095d5; } .header-middle { transition: all .5s; background-color: #fff; } .header-middle.fixed { position: fixed; left: 0; top: 0; width: 100%; box-shadow: 0 0 10px 0 rgba(0, 0, 0, .5); z-index: 999; } .fixed .header-middle .container { height: 75px; } .header-middle.fixed .container { height: 85px; } .header-middle .container { height: 120px; } .group-logo { display: flex; align-items: center; flex: 0 0 76%; max-width: 76%; justify-content: space-between; transition: all .5s; } .fixed .group-logo { flex: 0 0 60%; max-width: 60%; } .header .logo, .footer .logo { display: flex; align-items: center; color: #333333; font-size: 16px; text-decoration: none; } .logo span { margin: 0 0 0 17px; flex: 0 0 140px; } .fixed .logo span { display: none; } .logo .thumb { position: relative; width: 76px; flex: 0 0 76px; height: 87px; } .logo img { position: absolute; left: 50%; top: 50%; display: block; transform: translate(-50%, -50%); transition: all 1s; } .logo img:first-child { width: 100%; } .logo:hover img:first-child { transform: translate(-50%, -50%) rotate(180deg); } .form-search { display: flex; flex: 0 0 100%; max-width: 615px; } .form-search { display: flex; margin: 0 0 0 30px; width: 100%; max-width: 615px; } .form-search>input { height: 45px; display: block; border: 1px solid #dadada; color: #979797; flex: 1 0; min-width: 0; background: #fff url(/local/assets/css/../img/svg/static/search.svg) no-repeat center left 14px; padding: 0 10px 0 40px; } .form-search>button { width: 100px; background-color: #f2f2f2; text-transform: uppercase; margin: 0 0 0 10px; padding: 13px 0 12px; } .header .cart { display: flex; align-items: flex-end; } .group-cart { display: flex; align-items: flex-end; } .cart>.svg { width: 37px; height: 37px; margin: 0 12px 0 0; } .fixed .cart>.svg { margin: 0 12px 0; } .cart>p { font-size: 12px; color: #979797; max-width: 80px; min-width: 70px; margin: 0; position: relative; } .cart .quality { position: absolute; bottom: calc(100% + 3px); left: -20px; top: -20px; display: block; border-radius: 50px; height: 20px; padding: 3px 4px; text-align: center; min-width: 20px; color: #fff; background-color: #0095d5; } .cart .quality.test-header { top: -40px; } .fixed-content { display: none; } .fixed .fixed-content { display: block; padding: 0 0 0 10px; } .fixed .group-registration li { text-align: right; border-right: none !important; } .fixed .group-registration a, .fixed .group-registration button { letter-spacing: 0; display: inline-block; } .fixed .header-tel { padding: 1px 0 1px 20px; margin: 0; color: #333333; font-size: 20px; border-bottom: 0; } .fixed .header-tel:hover { border-bottom: 0 !important; } .fixed .logo .thumb { width: 61px; flex: 0 0 61px; height: 70px; overflow: visible; } .fixed .header-bottom { height: auto; } .fixed .header-bottom .container { flex-flow: row wrap; align-items: flex-start; justify-content: flex-start; } .header-bottom { background-color: #00509b; height: 50px; display: flex; } .group-adge .adgecompany { display: flex; align-items: center; padding-left: 10px; } .group-adge .adgecompany img { width: 130px; } @media screen and (max-width: 767px) { .group-adge .adgecompany { display: none; } } .catalog, .nav-menu a { text-transform: uppercase; color: #fff; position: relative; } .header .drop-down-catalog { flex: 0 0 295px; max-width: 295px; } .header .catalog { text-align: center; border-left: 1px solid #80a8cd; border-right: 1px solid #80a8cd; display: flex; align-items: center; justify-content: center; padding: 16px 0; } .fixed .drop-down-catalog { flex: 0 0 100%; max-width: 100%; } .fixed .catalog { border-left: none; border-right: none; justify-content: flex-end; } .catalog>.svg { margin: -3px 10px 0 0; fill: #fff; } .nav-menu { display: flex; width: 75%; flex: 0 0 75%; justify-content: space-between; padding: 0 0 0 46px; } .nav-menu a { font-size: 12px; padding: 17px 0; position: relative; } .nav-menu a::after { content: ''; position: absolute; bottom: 0; left: 50%; width: 0; height: 2px; background-color: #fff; transition: all .5s; } .nav-menu a.active::after, .nav-menu a:hover::after { left: 0; width: 100%; } .header-bottom .form-search { display: none; } .menu-toggle { position: relative; cursor: pointer; margin: 0 0 0 15px; display: none; } .menu-toggle span { display: block; width: 35px; height: 3px; background: #222; margin: 5px 0; -webkit-transform: rotate(0deg); -moz-transform: rotate(0deg); -ms-transform: rotate(0deg); -o-transform: rotate(0deg); transform: rotate(0deg); -webkit-transition: .5s all ease; -o-transition: .5s all ease; -moz-transition: .5s all ease; transition: .5s all ease; opacity: 1; } .header.open .menu-toggle span:nth-child(1) { -webkit-transform: rotate(45deg) translateY(11px); -moz-transform: rotate(45deg) translateY(11px); -ms-transform: rotate(45deg) translateY(11px); -o-transform: rotate(45deg) translateY(11px); transform: rotate(45deg) translateY(11px); } .header.open .menu-toggle span:nth-child(2) { opacity: 0; } .header.open .menu-toggle span:nth-child(3) { -webkit-transform: rotate(-45deg) translateY(-11px); -moz-transform: rotate(-45deg) translateY(-11px); -ms-transform: rotate(-45deg) translateY(-11px); -o-transform: rotate(-45deg) translateY(-11px); transform: rotate(-45deg) translateY(-11px); } @media screen and (max-width: 1250px) { .fixed .group-logo { flex: 0 0 50%; max-width: 50%; } .form-search { flex: 1 0; } .nav-menu { display: flex; max-width: calc(75% - 15px); flex: 0 0 calc(75% - 15px); justify-content: center; padding: 0; } .nav-menu>li { margin: 0 10px; } .slogan { display: none; } } @media screen and (max-width: 999px) { .menu-toggle { display: block; } .fixed .group-logo { flex: 1 0; max-width: 100%; justify-content: flex-start; } .fixed-content .group-registration>li:first-child { display: none; } .header-bottom { background-color: #fff; border-top: 1px solid rgba(0, 0, 0, .1); transition: all .5s; max-height: 0; overflow: hidden; opacity: 0; visibility: hidden; } .header.open .header-bottom { overflow-y: auto; max-height: 80vh; opacity: 1; visibility: visible; } .catalog, .nav-menu a { color: #333; } .catalog>.svg { fill: #333; } .nav-menu { display: flex; max-width: 100%; flex: 0 0 100%; flex-flow: row wrap; } .nav-menu>li { flex: 0 0 100%; max-width: 100%; } .nav-menu a { text-align: right; padding: 10px 0; } .nav-menu a.active::after { width: 0; } .nav-menu a.active:hover::after { width: 100%; } .fixed .form-search { max-width: 400px; } } @media screen and (max-width: 767px) { .header-middle .group-logo .form-search { display: none; } .header-bottom .form-search { margin: 10px 0 15px; display: flex; max-width: 100%; } } .content { padding: 0 0 531px; margin: 0 auto; } .container { max-width: 1230px; padding: 0 15px; width: 100%; margin: 0 auto; } @media screen and (max-width: 999px) { .content { padding: 76px 0 531px; } } .footer { margin: -531px auto 0; position: relative; border-top: 2px solid #e0e0e0; padding: 44px 0 0; } .footer-top { padding: 0 0 10px; } .footer .container { display: flex; flex-flow: row wrap; align-items: flex-start; } .footer-left { flex: 0 0 41%; max-width: 41%; flex-flow: row wrap; } .footer .logo { margin: 0 0 24px; } .footer .logo .thumb { width: 61px; flex: 0 0 61px; height: 70px; margin: 0 15px 0 0; } .footer .logo h2 { text-transform: uppercase; margin: 0 0 7px; } .h2Text { margin: 0 0 7px; font-weight: bold; } .footer .logo p { font-size: 12px; color: #979797; line-height: 1.5; } .footer-card-contact { padding: 20px 39px 0 19px; flex: 0 0 100%; border: 1px solid #d6d6d6; } .group-contact { margin: 0 0 20px; } .group-contact h2 { margin: 0 0 15px; } .group-contact p { color: #979797; font-size: 12px; margin: 0 0 6px; } .group-contact-body { margin: 0 0 15px; } .show-map { display: flex; } .show-map a { font-size: 12px; color: #333333; transition: all .5s; } .show-map a:hover { color: #0095d5; } .show-map p { flex: 1 0; } .footer-center { flex: 0 0 35%; max-width: 35%; } .footer-menu { padding: 0 0 0 27%; } .footer-menu a { color: #979797; display: inline-block; transition: all .5s; text-decoration: none; font-size: 12px; padding: 5px 0; margin: 3px 0; } .footer-menu a:hover { color: #0095d5; } .footer-right { flex: 0 0 24%; max-width: 24%; } .footer-banner { margin: 0 0 35px; } .footer-banner>img { display: block; width: 100%; } .footer-link { margin: 0 0 25px; } .footer-link h2 { margin: 0 0 10px; } .footer-link ul { display: flex; flex-flow: row wrap; } .footer-link li { margin: 0 15px 0 0; } .footer-bottom { background-color: #333; padding: 15px 0; } .footer-bottom .container { justify-content: space-between; align-items: center; } .footer-bottom a, .footer-bottom p { color: #f2f2f2; text-decoration: none; font-size: 9px; letter-spacing: 0.1em; } .footer-bottom .copy { margin: 0; } .footer-email { padding: 3px 0 2px 22px; background: transparent url(/local/assets/css/../img/svg/static/e-mail-footer.svg) no-repeat center left; } .agreement { flex: 0 0 100%; max-width: 100%; line-height: 2; margin: 10px 0 0; padding-right: 30%; font-size: 8px !important; } @media screen and (max-width: 767px) { .footer-left { flex: 0 0 100%; max-width: 100%; margin: 0 0 30px; } .footer-center, .footer-right { flex: 0 0 50%; max-width: 50%; } .footer-menu { padding: 0 0 0 27%; } .agreement { padding-right: 0; } } @media screen and (max-width: 479px) { .modal-body .tr .td {} .footer-card-contact { padding: 20px 15px 0 15px; } .footer-center { display: none; } .footer-right { flex: 0 0 100%; max-width: 100%; } } .section-sale { padding: 20px 0 27px; min-height: 439px; } .section-sale .container { padding-left: 320px; } .sale-slider .owl-item { overflow: hidden; } .sale-slider .owl-nav.disabled+.owl-dots { margin-top: 0; position: absolute; left: 9px; bottom: 11px; } .sale-slider .owl-dots .owl-dot span { width: 8px; height: 8px; margin: 20px 10px; background: #fff; display: block; border-radius: 0; border: 1px solid #979797; box-shadow: none; transition: all .5s; } .sale-slider .owl-dots .owl-dot.active span, .sale-slider .owl-dots .owl-dot:hover span { background-color: #0095d5; box-shadow: 0 0 0 2px #0095d5; border-color: #0095d5; } .sale-slide { position: relative; } .sale-variable { font: 500 14px/1 'Rubik', sans-serif; color: #00509b; position: absolute; display: inline-block; left: 19px; top: 29px; text-transform: uppercase; } .sale-body { position: absolute; display: block; right: 20px; padding: 21px 20px 32px 36px; line-height: 1.3; top: 20px; max-width: 410px; background-color: rgba(255, 255, 255, .9); box-shadow: 2px 2px 10px 0 rgba(0, 0, 0, .4); } .sale-title { color: #0095d5; font-size: 30px; font-weight: 600; margin: 0 0 30px; display: block; } .sale-title>span { text-transform: uppercase; font-weight: 700; } .sale-body p { font-size: 12px; } .section-bestsellers { /*padding: 0 0 5px;*/ min-height: 600px; } .news-offers .title-big { padding: 0px 0 15px; } @media screen and (max-width: 767px) { .sale-title { font-size: 22px; margin: 0 0 20px; } .sale-body { padding: 20px; } } @media screen and (max-width: 549px) { .sale-slide .thumb { display: none; } .sale-body { position: relative; right: 0; top: 0; max-width: 100%; padding-bottom: 50px; } } .catalog-products { display: flex; flex-flow: row wrap; margin: 0 -5px; } .lSSlideOuter .catalog-products { display: inline-block; height: auto !important; /* min-height: 55.9rem !important; */ } .lSSlideOuter .catalog-product .thumb { height: 100px; min-height: auto; } .lSSlideOuter .slider-vertical .thumb>img { max-height: 100%; object-fit: contain; } .catalog-products.owl-catalog { display: block; margin: 0; } .section-bestsellers:not(.offers-tabs-ajax) .catalog-products.owl-catalog .catalog-product{ height: 459px; } .catalog-products.horizontal { display: block; margin: 0; } .catalog-products>div { flex: 0 0 25%; max-width: 25%; padding: 0 5px; } .slider-vertical>div { flex: 0 0 100%; max-width: 100%; padding: 0 5px; height: auto !important; } .catalog-products.owl-catalog>div, .catalog-products.horizontal>div { flex: 0 0 100% !important; max-width: 100% !important; padding: 0; margin: 0; } .owl-catalog .owl-item img { width: auto; max-height: 180px; } .owl-catalog .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 70px; height: 70px; border-radius: 0; transform: translateY(-50%); background-color: transparent; box-shadow: 3px 3px 5px 0 rgba(0, 0, 0, .1); transition: all .5s; overflow: hidden; text-indent: 999px; opacity: 0; visibility: hidden; } .section-carousel:hover .owl-catalog .owl-nav [class*=owl-] { visibility: visible; opacity: 1; } .section-carousel { position: relative; z-index: 777; } .owl-carousel .owl-nav .owl-next { left: 100%; background: #fff url(/local/assets/css/../img/svg/static/arrow-right.svg) no-repeat center; } .owl-carousel .owl-nav .owl-prev { right: 100%; background: #fff url(/local/assets/css/../img/svg/static/arrow-left.svg) no-repeat center; } .owl-carousel .owl-nav .owl-prev { right: 100%; background: #fff url(/local/assets/css/../img/svg/static/arrow-left.svg) no-repeat center; } .owl-carousel .owl-nav .owl-next:hover { background: #0095d5 url(/local/assets/css/../img/svg/static/arrow-right-white.svg) no-repeat center; } .owl-carousel .owl-nav .owl-prev:hover { background: #0095d5 url(/local/assets/css/../img/svg/static/arrow-left-white.svg) no-repeat center; } .catalog-product { background-color: #fff; border: 1px solid #dddddd; padding: 8px 10px 12px 10px; margin: 0 0 20px; } .lSSlideOuter .catalog-product { margin: 0; } .lSSlideOuter .lslide { margin-bottom: 0 !important; } .box-top { display: flex; justify-content: space-between; align-items: center; color: #979797; font-size: 12px; margin: 0 0 15px; } .catalog-product .product-article>span { transition: all .5s; } .catalog-product:hover .product-article>span { color: #0095d5; } .in-stock { padding-left: 18px; background: transparent url(/local/assets/css/../img/svg/static/check-symbol.svg) no-repeat left center; } .stickers { height: 0; display: flex; margin: 0 -2px; position: relative; z-index: 5; transform: translateX(-4px); } .stickers>div { padding: 0 2px; } .sticker { background-color: transparent; background-repeat: no-repeat; background-position: center; display: block; width: 25px; height: 25px; } .sticker-new { background-image: url(/local/assets/css/../img/svg/stickers/new.svg); width: 35px; height: 35px; background-size: cover; } .sticker-increased-cashback { width: 35px; height: 35px; background-size: contain; background-position: center left; background-image: url(/local/assets/css/../img/svg/stickers/increased-cashback.svg); } .sticker-product-day { width: 35px; height: 35px; background-size: cover; background-image: url(/local/assets/css/../img/svg/stickers/product-day.svg); } .sticker-like-user { width: 35px; height: 35px; background-size: cover; background-image: url(/local/assets/css/../img/svg/stickers/like-user.svg); } .sticker-sale { width: 35px; height: 35px; background-size: cover; background-image: url(/local/assets/css/../img/svg/stickers/sale.svg); } .catalog-product .thumb { z-index: 2; margin: 0 0 13px; } .box-features { display: flex; align-items: center; justify-content: space-between; margin: 0 0 21px; } .box-features .group-button { display: flex; align-items: center; margin: 0 -5px; } .box-features .group-button>button { background-color: transparent; cursor: pointer; margin: 0 5px; } .box-features .svg { fill: #979797; } .box-features .chart { width: 18px; height: 18px; } .box-features .group-button:not(.dont-fill)>button:hover>svg { fill: #0095d5; } .product-rating { display: flex; margin: 0 -1px; } .product-rating input { display: none; } .product-rating span { margin: 0 1px; width: 12px; height: 12px; display: block; background: transparent url(/local/assets/css/../img/svg/static/star-blue.svg) no-repeat center; } .product-rating span.disable, .product-rating span.disable-hover { background: transparent url(/local/assets/css/../img/svg/static/star-gray.svg) no-repeat center; } .review-rating span { cursor: pointer; } .catalog-product-title { font-size: 12px; line-height: 1.5; margin: 0 0 24px; transition: all .5s; display: block; text-decoration: none; color: #333333; height: 36px; overflow: hidden; } .lSSlideOuter .catalog-product-title { height: auto; min-height: 36px; margin-bottom: 10px; } .lSSlideWrapper.usingCss { min-height: 74.2rem !important; } .catalog-product:hover .catalog-product-title { color: #0095d5; } .product-colors { padding: 7px 7px 3px; display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; } .product-colors li { display: inline-block; } .product-colors span { display: block; width: 30px; height: 30px; overflow: hidden; background-color: #fff; border-radius: 50%; margin: 0 5px; cursor: pointer; transition: all .5s; } .product-colors li:first-child span { margin-left: 0; } .product-colors span.active { box-shadow: 0 0 0 2px #d1d1d1 inset; } .product-colors .box-filter { flex: 0 0 100px; max-width: 100px; } .product-colors .box-filter .select { flex: 0 0 100%; max-width: 100%; } .box-price { position: relative; } .catalog-price-variable { display: flex; margin: 0 -10px 10px; } .catalog-price-variable>li { margin: 0 10px; } .catalog-price-variable span { font-size: 12px; color: #979797; transition: all .5s; cursor: pointer; } .catalog-price-variable span:hover, .catalog-price-variable span.active { color: #0095d5; } .catalog-price-per { display: none; overflow: hidden; min-height: 43px; } .catalog-price-per.active { display: block; } .catalog-price { font-size: 18px; color: #0095d5; font-weight: 600; display: flex; flex-flow: row wrap; align-items: center; gap: 0 10px; } .catalog-product-sale { font-size: 12px; font-weight: 400; color: #979797; /* margin: 0 0 0 5px; */ /* transform: translateY(-1px); */ } .catalog-product-sale>b { color: #333; margin: 0 0 0 3px; } .catalog-old-price { text-decoration: line-through; font-size: 15px; color: #979797; /* margin: 0 0 4px; */ /* margin: 0 0 0 10px; */ font-weight: 600; } .catalog-old-price .rur { font-family: Arial, sans-serif; font-weight: 400; } .box-cart { display: flex; flex-flow: row wrap; align-items: flex-end; justify-content: space-between; } .product-quantity { display: flex; align-items: flex-end; } .product-quantity>li>span { transform: translateY(3px); margin: 0 0 0 2px; display: none; font-size: 12px; } .product-quantity>li>span.active { display: block; } .product-quantity input, .product-quantity button { background-color: #f0f0f0; height: 25px; width: 25px; cursor: pointer; } .product-quantity button { transition: all .5s; font-size: 20px; } .product-quantity button:hover { background-color: #0095d5; color: #fff; } .product-quantity input { width: 40px; text-align: center; border: 1px solid #c0c0c0; margin: 0 2px; } input[type='number'] { -moz-appearance: textfield; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { -webkit-appearance: none; } .add-cart { width: 120px; height: 40px; background: #0095d5; line-height:normal; padding:5px; } .add-cart_text { background: #0095d5; padding: 10px 10px; } .add-cart_text.added { color: #00509b; font-size: 0; } .add-cart-min { width: 120px; height: 40px; background: #0095d5 url(/local/assets/css/../img/svg/static/online-shopping-cart.svg) no-repeat center; } .add-cart.added { border-color: #00509b; background: #00509b url(/local/assets/css/../img/svg/static/online-check-symbol.svg) no-repeat center !important; color: #00509b; font-size: 0 !important; } .add-cart-min.added { border-color: #00509b; background: #00509b url(/local/assets/css/../img/svg/static/online-check-symbol.svg) no-repeat center; } .el5 .add-cart, .el6 .add-cart { width: 45px; } .el5 .add-cart-min, .el6 .add-cart-min { width: 45px; } .el5 .thumb>img, .el6 .thumb>img { max-height: 130px; } .horizontal .catalog-product { display: flex; position: relative; padding: 15px 15px 15px 35px; align-items: flex-end; min-height: 50px; } .horizontal .stickers { height: auto; position: absolute; left: 15px; top: 18px; transform: translateX(0); } .horizontal .product-article { position: absolute; left: calc(20% + 25px); top: 19px; } .horizontal .product-status { position: absolute; left: 60.5%; top: 19px; } .horizontal .catalog-product .thumb { margin: 0; flex: 0 0 20%; max-width: 20%; } .horizontal .box-middle-content { display: flex; flex-flow: row wrap-reverse; align-content: flex-start; flex: 1 0; } .horizontal .box-features { flex-flow: row wrap; margin: 0; } .horizontal .product-rating { margin: 0 0 20px; } .horizontal .box-features .group-button { flex: 0 0 100%; max-width: 100%; } .horizontal .box-price { flex: 0 0 40%; max-width: 40%; } @media screen and (max-width: 1360px) { .owl-catalog .owl-nav [class*=owl-] { transform: translateY(-160px); } .owl-carousel .owl-nav .owl-next { left: auto; right: 0; } .owl-carousel .owl-nav .owl-prev { right: auto; left: 0; } } /*Кнопки купить/купить в 1 клик на Главной*/ @media(max-width:1220px){ .byoneclick{ margin: 5px 0 0 auto!important; } .catalog-product .product-quantity{ width: 50% } } @media screen and (max-width: 1200px) { .catalog-products>div { /* flex:0 0 33.333%; */ max-width: 33.333%; } } @media screen and (max-width: 849px) { .catalog-products>div { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 599px) { .catalog-products>div { flex: 0 0 100%; max-width: 100%; } .catalog-product .product-quantity{ width: 57% } } @media(max-width: 480px){ .byoneclick{ margin: 5px auto 0 0!important; } } @media screen and (max-width: 404px) { .simple-timer { justify-content: flex-end !important; } .product-day-timer { flex: 0 0 100%; max-width: 100%; position: absolute; right: 10px; z-index: 888; top: 323px !important; margin-top: 0 !important; text-align: right !important; display: none; } .sidebar-body { padding: 0 0 0px !important; } .sidebar { display: block !important; position: static !important; margin-bottom: 20px !important; width: 100% !important; } .tabs-product .tab-filter { /* display: none; */ } .section-bestsellers { display: none; } .default-style-editor p { font-size: 14px; } .section-usefulness { display: none; } .banner { background-image: none !important; } .timer { width: 30px !important; height: 30px !important; font-size: 14px !important; } .timer-title { font-size: 13px !important; } .fixed .group-registration li { word-break: break-all; } .cart>.svg { width: 30px; height: 30px; } .empty_card_text { display: none; } .product-colors>ul { margin: 0 0 15px; } } .section-product-day { padding: 8px 0 20px; } .section-product-day .container { padding-left: 320px; } .card-product-day { border: 3px solid #0095d5; display: flex; align-items: center; padding: 28px 0 18px; position: relative; height: 235px; } .card-product-day .thumb { flex: 0 0 242px; max-width: 242px; } .product-day-body { flex: 0 0 342px; max-width: 342px; } .product-day-sticker span { font-size: 20px; text-transform: uppercase; font-weight: 600; padding: 0 0 0 30px; margin: 0 0 21px; display: block; } .product-day-body .catalog-product-title { margin: 0 0 26px; } .product-day-body .catalog-price-variable { margin: 0 -10px 3px; } .product-day-body .catalog-price { font-size: 25px; } .product-day-body .catalog-product-sale { margin: 0 0 0 19px; transform: translateY(-3px); } .product-day-body .box-cart { position: absolute; left: 100%; bottom: 0; width: calc(100% - 80px); } @media screen and (max-width: 1250px) {} @media screen and (max-width: 1200px) { .drop-down-catalog.drop-home .drop-down-body { left: 15px; } } @media screen and (max-width: 999px) { .section-sale .container, .section-product-day .container { padding-left: 15px; } .product-day-body { flex: 0 0 40%; max-width: 40%; } .card-product-day { height: auto; flex-flow: row wrap-reverse; } .product-day-body { flex: 1 0; max-width: 100%; padding: 0 15px 0 0; } .product-day-body .box-cart { position: relative; left: 0; bottom: 0; width: 100%; } .timer-title { display: none; } } @media screen and (max-width: 599px) { .card-product-day { flex-flow: row wrap; padding: 20px 15px; } .card-product-day>div, .card-product-day>.thumb { flex: 0 0 100%; max-width: 100%; padding: 0; } } .section-special-offers { padding: 0 0 44px; } .section-special-offers .title-big { padding-bottom: 18px; } .tab-filter { display: flex; flex-flow: row wrap; margin: 0 -20px 27px; } .tab-filter>div { padding: 0 20px; } .tab-filter a { font-size: 12px; text-transform: uppercase; color: #979797; transition: all .5s; text-decoration: none; } .tab-filter a.active, .tab-filter a:hover { color: #0095d5; } .tab-body [data-tab] { display: none; } .tab-body [data-tab].open { display: block; } .section-banner { padding: 0 0 55px; } .banner { background-repeat: no-repeat; background-position: center top; background-color: rgba(0, 0, 0, 0); padding: 16px 0 66px 65px; } .title-banner { font-size: 50px; max-width: 500px; line-height: 1; display: block; } .banner-cashback { padding: 45px 6.5% 45px 25%; display: flex; align-items: center; justify-content: space-between; } .banner-cashback .title-banner { color: #fff; /*font-size: 25px;*/ font-size: 30px; font-weight: 400; padding: 0; padding-left: 20%; } .banner-cashback .title-banner>span { /*font-size: 40px;*/ font-size: 30px; padding-left: 30px; font-weight: 700; display: block; text-transform: uppercase; } @media screen and (max-width: 999px) { .banner-cashback { padding: 45px 20px; } } @media screen and (max-width: 639px) { .section-banner { padding: 0 0 30px; } .banner { padding: 0 20px 20px 20px; } .banner-cashback { padding: 20px; display: flex; flex-flow: row wrap; justify-content: center; background-color: #0095d5; } .banner-cashback .title-banner { flex: 0 0 100%; text-align: center; margin: 0 0 20px; } } @media screen and (max-width: 479px) { .title-banner { font-size: 40px; } } .section-usefulness { padding: 0 0 28px; } .box-usefulness { display: flex; margin: 0 -5px; } .box-usefulness>div { flex: 0 0 50%; max-width: 50%; padding: 0 5px; } .box-usefulness .title-big { padding: 14px 0 11px; } .box-usefulness .title-big .link-underline { transform: translateY(-2px); margin: 0 0 0 10px; } .usefulness-list { display: flex; flex-flow: row wrap; margin: 0 -5px; } .usefulness-list>div { flex: 0 0 50%; max-width: 50%; padding: 0 5px; } .one-usefulness { display: block; text-decoration: none; margin: 0 0 20px; background-color: #fff; } .one-usefulness .thumb>img { width: 100%; } .usefulness-body { padding: 20px 10px 20px 20px; } .box-date { display: flex; justify-content: space-between; font-size: 12px; color: #979797; margin: 0 0 13px; } .usefulness-body p { color: #333333; transition: all .5s; min-height: 36px; } .one-usefulness:hover .usefulness-body p { color: #0095d5; } .video-blog-list { background-color: #fff; padding: 32px 30px 18px 29px; display: flex; flex-flow: row wrap; } @media screen and (max-width: 999px) { .video-blog-list { display: none; } .side-subscribe { display: none; } .sidebar-filters { display: none; } .section-advantages { display: none; } .bx_ordercart .bx_ordercart_order_table_container table { overflow-x: scroll; } } .video-blog-list .usefulness-list.big { flex: 0 0 56%; max-width: 56%; margin: 0 5% 0 0; } .video-blog-list .usefulness-list.small { flex: 0 0 40%; max-width: 40%; } .usefulness-list.small .btn-play::after { width: 40px; height: 40px; background: transparent url(/local/assets/css/../img/svg/static/play-button.svg) no-repeat center left 11px; } .video-blog-list>p { flex: 0 0 100%; max-width: 100%; line-height: 1.3; margin: 0 0 26px; } .usefulness-list.column>div { flex: 0 0 100%; max-width: 100%; } .usefulness-list.column .usefulness-body { padding: 20px 0; } .usefulness-list.small .usefulness-body { padding: 8px 0 0; } .usefulness-list.small .usefulness-body p { font-size: 12px; margin: 0; } @media screen and (max-width: 999px) { .box-usefulness { flex-flow: row wrap; margin: 0; } .box-usefulness>div { flex: 0 0 100%; max-width: 100%; padding: 0; } } @media screen and (max-width: 479px) { .usefulness-list>div { flex: 0 0 100%; max-width: 100%; } .video-blog-list .usefulness-list.big, .video-blog-list .usefulness-list.small { flex: 0 0 100%; max-width: 100%; margin: 0; } .video-blog-list { padding: 15px; } } .section-service-news { padding: 0 0 55px; } .box-sn { display: flex; flex-flow: row wrap; } .box-sn>div { flex: 0 0 50%; max-width: 50%; } .box-sn .title-big { padding: 48px 0 33px; } .service-list { display: flex; flex-flow: row wrap; margin: 0 -5px 25px; } .service-list>div { flex: 0 0 33.333%; max-width: 33.333%; padding: 0 5px; } .one-service { display: block; text-decoration: none; color: #333333; text-align: center; border: 1px dotted #adadad; min-height: 190px; } .one-service>.thumb { display: flex; align-items: flex-end; justify-content: center; height: 80px; } .one-service>p { display: flex; align-items: center; justify-content: center; padding: 15px 15px 10px; margin: 0; min-height: 105px; line-height: 1.3; } .news { padding: 0 0 0 103px; } .one-new { text-decoration: none; color: #333333; border-bottom: 1px solid #d6d6d6; display: block; margin: 0 0 23px; } .one-new>p { transition: all .5s; } .one-new:hover>p { color: #0095d5; } .one-new .date { color: #979797; font-size: 12px; margin: 0 0 11px; } @media screen and (max-width: 999px) { .box-sn>div { flex: 0 0 100%; max-width: 100%; } .news { padding: 0; } } @media screen and (max-width: 549px) { .service-list { justify-content: center; } .service-list>div { flex: 0 0 50%; max-width: 50%; margin: 0 0 10px; } } @media screen and (max-width: 449px) { .service-list>div { flex: 0 0 100%; max-width: 100%; } } .partner { padding: 20px 20px 20px; } .title-partner { font-size: 20px; text-align: center; line-height: 1.5; margin: 0 0 43px; } .owl-partner .owl-stage { display: flex; align-items: center; } .owl-partner .owl-item { display: flex; justify-content: center; } .owl-partner .owl-item img { filter: grayscale(1); transition: all .5s; } .owl-partner .owl-item img:hover { filter: grayscale(0); } .owl-partner .owl-nav.disabled+.owl-dots { margin-top: 5px; } .owl-partner .owl-dots .owl-dot span { width: 7px; height: 7px; margin: 5px 3px; background: #c8c8c8; display: block; transition: all .5s; border-radius: 0; } .owl-partner .owl-dots .owl-dot.active span, .owl-partner .owl-dots .owl-dot:hover span { background: #0095d5; } @media screen and (max-width: 449px) { .title-partner { font-size: 16px; } } .section-advantages { padding: 15px 0 45px; } .advantages { display: flex; flex-flow: row wrap; border: 1px solid #e0e0e0; padding: 26px 0 10px; margin: 0 0 35px; } .advantages>div { flex: 0 0 25%; max-width: 25%; padding: 0 20px; } .advantage .thumb { margin: 0 0 16px; } .advantage-title { text-align: center; line-height: 1.3; font-weight: 400; } @media screen and (max-width: 767px) { .advantages>div { flex: 0 0 50%; max-width: 50%; margin: 0 0 35px; } } @media screen and (max-width: 479px) { .advantages>div { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px; } } .section-social { padding: 50px 0; } .box-social { display: flex; flex-flow: row wrap; margin: 0 -5px; } .box-social>div { flex: 0 0 25%; max-width: 25%; padding: 0 5px; } .one-social { background-color: #fff; padding: 10px; min-height: 312px; } .one-social .thumb, .one-social .social-body { height: 245px; overflow-y: auto; text-align: center; } .box-social-title { display: flex; align-items: center; justify-content: space-between; margin: 0 0 15px; } .box-social-title>h2 { display: flex; align-items: flex-end; } .box-social-title .svg { margin: 0 8px 0 0; } .box-social-title .vk { width: 25px; height: 25px; } .box-social-title .btn { width: 100px; text-transform: uppercase; border: 1px solid #e1e1e1; border-radius: 3px; padding: 10px 0; font-size: 11px; } .social-body { border: 1px dotted #e5e3e3; padding: 10px 10px 0 10px; } .logo-group { display: flex; align-items: center; margin: 0 0 15px; } .logo-group .thumb { flex: 0 0 40px; max-width: 40px; margin: 0 20px 0 0; } .logo-group>p { font-size: 12px; } .social-body>p { font-size: 12px; } @media screen and (max-width: 999px) { .box-social>div { flex: 0 0 50%; max-width: 50%; margin: 0 0 10px; } } @media screen and (max-width: 549px) { .box-social>div { flex: 0 0 100%; max-width: 100%; } } .sidebar { position: absolute; top: 0; left: 15px; z-index: 10; display: none; width: 280px; margin-bottom: 100px; } .sidebar-active .sidebar { display: block; } .sidebar-body { width: 100%; padding: 0 0 20px; } .brand_catalog{ /*margin-top: 147px;*/ } @media screen and (max-width: 960px) { .brand_catalog{ margin-top: 0px; } } .info_flex{ display: flex; height: 100%; align-items: center; } .popup_shipping{ width: 50%; height: auto; border: 1px solid #0095d5; margin-right: 50px; } .popup_shipping.visible{ display: block !important; } #delivery_info.visible{ display: block !important; } #payment_info.visible{ display: block !important; } .shipping_tab{ cursor: pointer; } .close_popup_shipping{ float: right; padding-right: 10px; cursor: pointer; width: 20px; height: 20px; background: #fff; } .close_popup_shipping span{ width: 10px; height: 1px; border-bottom: 1px solid #FF0000; position: absolute; } .close_popup_shipping span:nth-child(1){ transform: rotate(45deg); } .close_popup_shipping span:nth-child(2){ transform: rotate(-45deg); } #delivery_info, #payment_info{ padding: 5px; font-size: 12px; margin: 0; text-align: center; } .box-shipping{ display: flex; justify-content: space-between; } @media screen and (max-width: 567px) { .box-shipping{ display: block; } .popup_shipping{ width: 80%; } #delivery_info, #payment_info{ padding: 15px; } } .sidebar-body>a { text-decoration: none; display: block; } .sidebar-active { /*padding: 0 !important;*/ padding-bottom: 20px; } .sidebar-active > .container { padding-left: 315px; position: relative; max-height: none; } .sidebar-active .catalog-category-list>div, .sidebar-active .catalog-products>div { flex: 0 0 33.333%; max-width: 33.333%; } .sidebar-catalog { background-color: #fff; padding: 29px 0 15px; margin: 0 0 10px; } .sidebar-catalog>.h2Text { color: #0095d5; font-size: 20px; font-weight: 700; text-transform: uppercase; padding: 0 0 0 30px; margin: 0 0 29px; padding-left: 30px; padding-right: 10px; } .sidebar-catalog-list a { text-decoration: none; color: #979797; font-size: 12px; display: block; padding: 3px 10px 3px 31px; margin: 0 0 20px; transition: all .5s; } .sidebar-catalog-list a:hover { color: #0095d5; } .sidebar-catalog h2 { padding-left: 30px; padding-right: 10px; } .sidebar .video-blog-list { background-color: transparent; padding: 0; } .sidebar .video-blog-list>.h2Text { font-size: 20px; margin: 0 0 15px; } .sidebar .one-usefulness { background-color: transparent; } .sidebar .usefulness-list.column .usefulness-body { padding: 10px 0 0; } .sidebar .usefulness-body .box-date { margin: 0 0 7px; } .sidebar .usefulness-body p { font-size: 12px; line-height: 1.3; } .banner-sale { background-color: #fff; border: 1px solid #0095d5; margin: 0 0 20px; } .banner-sale .h2Text { font-weight: 700; color: #0095d5; font-size: 18px; background-color: #fff; /* padding: 15px;*/ } .banner-sale h2>span { text-transform: uppercase; } .side-subscribe { background-color: #fff; padding: 20px 20px 25px 20px; margin: 0 0 20px; } .side-subscribe>h2 { font-size: 16px; font-weight: 700; margin: 0 0 15px; } .form-side-subscribe>input { background-color: transparent; font-size: 12px; height: 22px; border-bottom: 1px solid #979797; margin: 0 0 20px; display: block; width: 100%; } .form-side-subscribe .btn { width: 100%; } .sidebar-filters { background-color: #fff; border: 1px solid #0095d5; position: relative; padding: 20px; margin: 0 0 20px; } .selected-filters { border-bottom: 1px solid #e0e0e0; } .selected-filters>h2 { font-size: 16px; margin: 0 0 15px; } .filter-parameters { display: flex; flex-flow: row wrap; align-items: center; margin: 0 0 5px; } .filter-parameters>div { margin: 0 10px 10px 0; } .filter-parameters .filter-title { font-size: 12px; color: #979797; } .one-filter { display: flex; align-items: center; overflow: hidden; cursor: pointer; } .one-filter .filter-name { font-size: 12px; color: #0095d5; font-weight: 700; text-transform: uppercase; margin: 0 2px 0 0; } .one-filter .clear-filter { display: flex; background: transparent url(/local/assets/css/../img/svg/static/clear-button.svg)no-repeat center; color: #979797; width: 14px; height: 12px; overflow: hidden; line-height: .5; font-size: 25px; transition: all .5s; cursor: pointer; } .filters>h2 { font-size: 14px; text-transform: uppercase; color: #0095d5; font-weight: 700; padding: 20px 0; } .filter { margin: 0 0 40px; } .filter-price { margin: 0; padding: 0 0 40px; } .filter>h3 { font-size: 14px; margin: 0 0 13px; } .filter>.link-underline { font-size: 14px; } .filter>.link-underline::after { top: 5px; } .sidebar-filters .btn-gray { width: 100%; } .advanced-filter { overflow: hidden; visibility: hidden; max-height: 0; transition: all .5s; } .advanced-filter.open { visibility: visible; max-height: 1200px; } #slider-start { display: block; margin: 20px 0 0; } .noUi-target, .noUi-target * { -webkit-touch-callout: none; -webkit-tap-highlight-color: transparent; -webkit-user-select: none; -ms-touch-action: none; touch-action: none; -ms-user-select: none; -moz-user-select: none; user-select: none; -moz-box-sizing: border-box; box-sizing: border-box } .noUi-target { position: relative; direction: ltr } .noUi-base { width: 100%; height: 100%; position: relative; z-index: 1 } .noUi-connect { position: absolute; right: 0; top: 0; left: 0; bottom: 0 } .noUi-origin { position: absolute; height: 0; width: 0 } .noUi-handle { position: relative; z-index: 1 } .noUi-state-tap .noUi-connect, .noUi-state-tap .noUi-origin { -webkit-transition: top .3s, right .3s, bottom .3s, left .3s; transition: top .3s, right .3s, bottom .3s, left .3s } .noUi-state-drag * { cursor: inherit !important } .noUi-base, .noUi-handle { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0) } .noUi-horizontal { height: 3px; } .noUi-horizontal .noUi-handle { width: 10px; height: 10px; left: -5px; top: -3px; outline: none; cursor: pointer; } .noUi-vertical { width: 18px } .noUi-vertical .noUi-handle { width: 28px; height: 34px; left: -6px; top: -17px; outline: none; } .noUi-target { background: #FAFAFA; } .noUi-connect { background: #0095d5; -webkit-transition: background 450ms; transition: background 450ms } .noUi-draggable { cursor: ew-resize } .noUi-vertical .noUi-draggable { cursor: ns-resize } .noUi-handle { background: #0095d5; cursor: default; } .noUi-active {} .noUi-handle:after, .noUi-handle:before { content: none; display: block; position: absolute; height: 14px; width: 1px; background: #E8E7E6; left: 14px; top: 6px } .noUi-handle:after { left: 17px } .noUi-vertical .noUi-handle:after, .noUi-vertical .noUi-handle:before { width: 14px; height: 1px; left: 6px; top: 14px } .noUi-vertical .noUi-handle:after { top: 17px } [disabled] .noUi-connect { background: #B8B8B8 } [disabled] .noUi-handle, [disabled].noUi-handle, [disabled].noUi-target { cursor: not-allowed } .noUi-pips, .noUi-pips * { -moz-box-sizing: border-box; box-sizing: border-box } .noUi-pips { position: absolute; color: #999 } .noUi-value { position: absolute; white-space: nowrap; text-align: center } .noUi-value-sub { color: #ccc; font-size: 10px } .noUi-marker { position: absolute; background: #CCC } .noUi-marker-large, .noUi-marker-sub { background: #AAA } .noUi-pips-horizontal { padding: 10px 0; height: 80px; top: 100%; left: 0; width: 100% } .noUi-value-horizontal { -webkit-transform: translate3d(-50%, 50%, 0); transform: translate3d(-50%, 50%, 0) } .noUi-marker-horizontal.noUi-marker { margin-left: -1px; width: 2px; height: 5px } .noUi-marker-horizontal.noUi-marker-sub { height: 10px } .noUi-marker-horizontal.noUi-marker-large { height: 15px } .noUi-pips-vertical { padding: 0 10px; height: 100%; top: 0; left: 100% } .noUi-value-vertical { -webkit-transform: translate3d(0, 50%, 0); transform: translate3d(0, 50%, 0); padding-left: 25px } .noUi-marker-vertical.noUi-marker { width: 5px; height: 2px; margin-top: -1px } .noUi-marker-vertical.noUi-marker-sub { width: 10px } .noUi-marker-vertical.noUi-marker-large { width: 15px } .noUi-tooltip { display: block; position: absolute; border: 1px solid #D9D9D9; border-radius: 3px; background: #fff; color: #000; padding: 5px; text-align: center; white-space: nowrap } .noUi-horizontal .noUi-tooltip { -webkit-transform: translate(-50%, 0); transform: translate(-50%, 0); left: 50%; bottom: 120% } .noUi-vertical .noUi-tooltip { -webkit-transform: translate(0, -50%); transform: translate(0, -50%); top: 50%; right: 120% } .catalog-category-list { display: flex; flex-flow: row wrap; margin: 0 -5px; padding: 0 0 35px; } .catalog-category-list>div { flex: 0 0 25%; max-width: 25%; padding: 0 5px; margin: 0 0 20px; display: flex; } .catalog-category { position: relative; border-top: 3px solid #0095d5; background-color: #fff; overflow: hidden; padding: 26px 20px 185px 19px; width: 100%; } .catalog-category-title { font-size: 18px; text-transform: uppercase; font-weight: 700; line-height: 1.3; margin: 0 0 20px; min-height: 52px; position: relative; text-decoration: none; color: #333333; display: block; } .catalog-category-title::after { content: none; position: absolute; display: block; width: 35px; height: 35px; right: 0; top: -5px; border-radius: 50%; border: 1px solid #0095d5; background: transparent url(/local/assets/css/../img/svg/static/arrow-catalog-category.svg) no-repeat center; } .catalog-category-link { display: block; width: 100%; } .catalog-category-link a { display: inline-block; color: #979797; padding: 2px 0; margin: 0 0 8px; transition: all .5s; text-decoration: none; } .catalog-category-link a:hover { color: #0095d5; } .catalog-category .thumb { position: absolute; right: 0; bottom: -3px; max-height: 200px; max-width: 70%; } .section-seo { padding: 0 0 43px; } .small .catalog-category { min-height: 310px; } .small .catalog-category-title:after { content: ''; } @media screen and (max-width: 999px) { .catalog-category-list>div { flex: 0 0 33.333%; max-width: 33.333%; } } @media screen and (max-width: 999px) { .catalog-category-list>div { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 499px) { .catalog-category-list>div { flex: 0 0 100%; max-width: 100%; } } .catalog-products-filter-view { display: flex; align-items: center; align-content: center; justify-content: space-between; border-top: 1px solid #d7d7d7; border-bottom: 1px solid #d7d7d7; padding: 18px 0; margin: 0 0 20px; } .visible-element>span, .box-filter-view span { font-size: 12px; color: #979797; } .box-filter-view, .box-filter, .box-view { display: flex; align-items: center; } .box-filter-view { flex: 1 0; max-width: 600px; justify-content: space-between; } .box-filter-view span { display: inline-block; margin: 0 10px 0 0; } .box-filter { flex: 1 0; } .box-filter .select { flex: 0 0 185px; max-width: 185px; } .show-more { text-align: center; margin: 0 0 30px; } .show-more .btn { width: 240px; display: inline-block; } .box-print-section { } .box-print-section .btn { display: flex; align-items: center; color: #333333; justify-content: flex-start; font-size: 12px; position: relative; left: 15px; } .box-print-section .btn img { height: 20px; width: auto; margin-right: 10px; } @media screen and (max-width: 1070px) and (min-width: 1024px) { .box-filter-view .box-view { left: 40px; position: relative; } .box-print-section .btn { left: 40px; } } @media screen and (max-width: 767px) { .box-print-section { display: none; } } @media screen and (max-width: 599px) { .visible-element { display: none; } .box-filter-view { max-width: 100%; } } @media screen and (max-width: 479px) { .box-filter-view span { display: none; } } .product-card, .product-view { display: flex; } .product-card { background-color: #fff; padding: 44px 47px 40px 40px; } .product-view { flex: 1 0; display: inline-block; width: 100%; } .product-buy { flex: 0 0 240px; max-width: 240px; } .product-preview { flex: 0 0 345px; max-width: 345px; display: inline-block; width: 34%; vertical-align: top; } .product-preview .thumb>img { max-height: 100%; } .product-description { flex: 1 0; padding: 0 40px 0 48px; border-right: 1px solid #eaeaea; display: inline-block; width: 65%; vertical-align: top; } .box-brand { position: relative; padding-right: 135px; } .box-brand>.thumb { position: absolute; right: 0; top: 0; max-width: 175px; } .product-preview .stickers { height: auto; } .product-description .catalog-price-variable { padding: 7px 0 0; transform: translateX(-10px); } .product-description .catalog-price-variable span { padding: 5px 10px; font-size: 15px; display: inline-block; } .product-description .catalog-price-variable span:hover, .product-description .catalog-price-variable span.active { background-color: #fafafa; } .product-description .catalog-price-per.active { display: flex; align-items: flex-end; justify-content: flex-start; margin: 0 0 20px; } .product-description .catalog-price-per p { margin: 0; flex: 0 0 100%; font-size: 12px; color: #333333; } .product-description .catalog-price { font-size: 25px; color: #333; flex: 1 0; } .product-description .catalog-old-price { font-size: 16px; color: #333; margin: 0; text-decoration: none; font-weight: 700; } .buy-one-click { display: block; padding: 2px 0; color: #0095d5; border-bottom: 1px dashed #0095d5; text-decoration: none; transition: all .5s; } .buy-one-click:hover { border-bottom: 1px dashed transparent; } .product-description .box-cart { align-items: center; padding: 20px 0; border-top: 1px solid #eaeaea; border-bottom: 1px solid #eaeaea; } .product-description .add-cart { width: 180px; padding: 15px 30px 15px 25px; height: auto; font-size: 16px; //background-image: url(/local/assets/css/../img/svg/static/online-shopping-cart.svg); background-position: center left 46px; min-height: 50px; } .product-description .add-cart-min { width: 180px; padding: 15px 66px 15px 76px; height: auto; font-size: 16px; background-image: url(/local/assets/css/../img/svg/static/online-shopping-cart.svg); background-position: center left 46px; } .box-points { font-size: 10px; background: rgba(0, 0, 0, 0) url(/local/assets/css/../img/svg/static/warning.svg) no-repeat center left 8px; color: #979797; padding: 6px 5px 5px 30px; border: 1px dashed #979797; margin: 0 0 15px; display: inline-block; } .product-description .box-features { flex-flow: row wrap; justify-content: flex-start; } .product-description .product-rating { flex: 0 0 35%; margin: 0 0 10px; } .product-description .quality-reviews { flex: 0 0 65%; margin: 0 0 10px; } .product-description .product-article { flex: 0 0 50%; font-size: 12px; color: #979797; } .product-preview ul { display: flex; flex-flow: row wrap; margin: 0 0 20px; } .product-preview li { flex: 0 0 33.333%; max-width: 33.333%; } .product-preview ul .thumb { width: 100px; height: 100px; border: 1px solid #cbcbcb; transition: all .5s; } .product-preview ul .thumb:hover { border: 1px solid #0095d5; } .custom-features { display: flex; margin-bottom: 20px; flex-flow: row wrap; } .custom-features>li { flex: 0 0 50%; max-width: 50%; color: #979797; font-size: 14px; padding: 13px 0 10px 40px; display: flex; align-items: center; cursor: pointer; } .custom-features .icon-calc { background: transparent url(/local/assets/css/../img/svg/static/calculator.svg) no-repeat center left; } .custom-features .icon-house { background: transparent url(/local/assets/css/../img/svg/static/house.svg) no-repeat center left; padding-right: 57px; } .des-bottom { margin: 0 0 20px; } .des-bottom>.h2Text { font-size: 14px; color: #0095d5; margin: 0 0 5px; } .des-bottom>p { font-size: 12px; margin: 0 0 5px; } .product-preview .btn-play::before { content: ''; position: absolute; display: block; width: 100%; height: 100%; background: rgba(0, 0, 0, .4); right: 0; bottom: 0; } .box-shipping>.h3text { font-size: 14px; margin: 0 0 12px; } .shipping { display: flex; } .shipping .icon { display: block; width: 35px; height: 35px; margin: 0 20px 0 0; } .icon-delivery { background: transparent url(/local/assets/css/../img/svg/static/shipping/delivery-truck.svg) no-repeat center left; } .icon-delivery2 { background: transparent url(/local/assets/css/../img/svg/static/shipping/delivery-truck.svg) no-repeat center left; } .icon-list { background: transparent url(/local/assets/css/../img/svg/static/shipping/list_2.svg) no-repeat center left; } .product-buy { padding: 0 0 0 40px; position: relative; } .product-buy-title { font-size: 16px; line-height: 1.5; margin: 0 0 10px; padding: 0 30px 0 0; } .slider-vertical .add-cart { width: 45px; } .slider-vertical .add-cart-min { width: 45px; } .slider-vertical .thumb>img { max-height: 130px; } .control-slider { position: absolute; right: 0; width: 30px; height: 31px; background: transparent url(/local/assets/css/../img/svg/static/arrow-up.svg) no-repeat center; cursor: pointer; } .slide-prev { transform: rotate(90deg); top: -10px; } .slide-next { transform: rotate(-90deg); top: 20px; } .tabs-product { background-color: #fff; padding: 0 30px 20px; } .tabs-product .tab-filter { justify-content: center; border-bottom: 1px solid #d6d6d6; margin: 0 0 45px; } .tabs-product .tab-filter a { font-size: 16px; color: #333; font-weight: 700; padding: 5px 0; display: block; position: relative; } .tabs-product .tab-filter a::after { width: 0; content: ''; height: 3px; background-color: #0095d5; bottom: -2px; left: 50%; display: block; transition: all .5s; position: absolute; } .tabs-product .tab-filter a:hover::after, .tabs-product .tab-filter a.active::after { width: 100%; left: 0; } .extended-product-title { margin: 0 0 15px; font-size: 16px; font-weight: 700; } .extended-description { display: flex; flex-flow: row wrap; margin: 0 -25px; } .extended-description>div { flex: 0 0 50%; max-width: 50%; padding: 0 25px; margin: 0 0 20px; } .box-info { margin: 0 0 40px; } .box-info p, .box-info ul li { font-size: 12px; color: #979797; line-height: 1.5; } .box-info.text-description p, .box-info.text-description ul li { font-size: 12px; color: #000; line-height: 1.5; } .group-certificate { display: flex; } .group-certificate .thumb { margin: 0 20px 0 0; display: block; } .product-advantage ul li::before { content: '• '; } .table td { height: 40px; vertical-align: middle; width: 50%; font-size: 12px; } .table td { color: #979797; padding-left: 10px; word-break: break-word; } .table tr:nth-child(odd) { background-color: #fafafa; } .rating-product { display: flex; flex-flow: row wrap; padding: 0 0 30px; } .rating-product>div { flex: 0 0 33.333%; max-width: 33.333%; } .rating-product-title { font-size: 16px; margin: 0 0 25px; } .box-rating { display: flex; align-items: center; margin: 0 0 3px; } .star-quantity { font-size: 13px; margin: 0 0 0 15px; } .rating-description { padding: 15px 0 0; color: #979797; font-size: 12px; } .rating-product>div:last-child { display: flex; align-items: flex-end; } .rating-filter-view { max-width: 100%; height: 50px; padding: 0 20px; margin: 0 0 30px; } .rating-filter-view .box-filter { flex: 0 0 280px; } .review-block .btn-wrap { padding: 30px 0 15px; text-align: center; } .review-block .btn-wrap .btn { display: inline-block; width: auto; } .user-reviews { margin: 0 0 50px; } .box-user-name { display: flex; flex-flow: row wrap; padding: 0 0 10px; margin: 0 0 15px; border-bottom: 1px solid #f2f2f2; justify-content: space-between; align-items: center; } .user-name { font-size: 12px; } .user-reviews .link-underline { font-size: 13px; margin: 0 0 35px; } .box-reviews>div { position: relative; margin: 0 0 10px; display: flex; align-items: flex-start; } .box-reviews>div::before { content: ''; position: relative; background-color: #f2f2f2; border-radius: 50%; display: flex; justify-content: center; align-items: center; width: 30px; flex: 0 0 30px; height: 30px; font-size: 22px; line-height: 1; color: #333; } .box-reviews>.review-advantage::before { content: '+'; } .box-reviews>.review-imperfection::before { content: '-'; } .box-reviews>.review-default::before { content: '❝'; } .box-reviews p { padding: 9px 0 0 20px; font-size: 12px; margin: 0; color: #979797; } .review-usefulness { text-align: right; font-size: 12px; font-weight: 700; } .review-usefulness>button { color: #0095d5; background-color: transparent; cursor: pointer; } .ask-question { padding: 0 0 40px; } .ask-question>h3 { font-size: 16px; margin: 0 0 30px; } @media screen and (max-width: 1200px) { .product-card { background-color: #fff; padding: 30px 20px 30px; flex-wrap: wrap; } .product-buy { display: none; width: 100%; flex: 0 0 100%; max-width: 100%; /*display: flex;*/ flex-wrap: wrap; padding: 0; } .product-description { border-right: none; padding: 0 0 0 48px; } .tabs-product { background-color: #fff; padding: 0 20px 20px; } } @media screen and (max-width: 899px) { .product-preview { flex: 0 0 200px; max-width: 200px; } .product-preview ul .thumb { width: 55px; height: 55px; } .product-preview ul .btn-play::after { right: 2px; bottom: 2px; } } @media screen and (max-width: 767px) { .product-view { flex-flow: row wrap; } .product-description { padding: 0; width: 100%; } .tabs-product .tab-filter a { font-size: 12px; } .tab-filter>div { padding: 0 10px; } .product-preview { flex: 0 0 100%; max-width: 100%; width: 100%; } .product-preview li { flex: 0 0 auto; max-width: 100%; } .product-preview ul .thumb { width: 100px; height: 100px; margin: 0 15px 0 0; } .extended-description>div { flex: 0 0 100%; max-width: 100%; } .rating-product>div { flex: 0 0 50%; max-width: 50%; } .rating-product>div:last-child { flex: 0 0 100%; max-width: 100%; padding: 20px 0 0; } } @media screen and (max-width: 767px) { .tabs-product .tab-filter>div a { width: 50px; height: 50px; color: transparent; font-size: 0; background-color: transparent; background-repeat: no-repeat; background-position: center; } .tabs-product .tab-filter>div:nth-child(1) a { background-image: url(/local/assets/css/../img/svg/static/product/customer-reviews.svg); } .tabs-product .tab-filter>div:nth-child(2) a { background-image: url(/local/assets/css/../img/svg/static/product/discuss-issue.svg); } .tabs-product .tab-filter>div:nth-child(3) a { background-image: url(/local/assets/css/../img/svg/static/product/note-2.svg); } .tabs-product .tab-filter>div:nth-child(4) a { background-image: url(/local/assets/css/../img/svg/static/product/us.svg); } } @media screen and (max-width: 549px) { .box-brand { padding-right: 0; } .box-brand>.thumb { display: none; } .product-description .box-cart { margin: 0 0 15px; } .custom-features { margin-bottom: 0; } .custom-features>li { flex: 0 0 100%; max-width: 100%; margin: 0 0 15px; } .tab-filter>div { padding: 0 5px; } .box-cart>* { margin: 0 0 15px; } } .brands { display: flex; flex-flow: row wrap; margin: 0 auto; } .brands>div { flex: 0 0 16.666%; max-width: 16.666%; padding: 0 5px; margin: 0 0 10px; } .brand { height: 190px; background-color: #fff; text-decoration: none; color: #333; min-height: 192px; display: block; } .brand-title { text-align: center; width: 100%; display: block; transition: all .5s; } .brand:hover .brand-title { color: #0095d5; } .brand .thumb { height: 140px; display: flex; } .brand .thumb>img { margin: auto; } @media screen and (max-width: 1199px) { .card-product-day { align-items: flex-start; } .product-day-timer { margin-top: 23px; display: none; visibility: hidden; opacity: 0; } .product-quantity { margin-bottom: 15px; } .product-day-body .box-cart { /* flex-flow: row; */ } .product-day-body { flex: 0 0 300px; max-width: 300px; } .product-day-timer .timer { width: 40px; height: 35px; font-size: 20px; } .product-day-timer .timer-title { font-size: 14px; } .control-slider { left: 0 !important; } .slide-prev { transform: rotate(0deg) !important; top: 30px !important; } .slide-next { transform: rotate(180deg) !important; top: 30px !important; left: 37px !important; } .product-buy-title { margin: 0 0 50px !important; } .slider-vertical>div { float: none !important; display: inline-block; flex: auto; } .slider-vertical.catalog-products { /* width: 100% !important; */ flex-flow: row; } .brands { max-width: 950px; } .brands>div { flex: 0 0 20%; max-width: 20%; } } @media screen and (max-width: 959px) { .simple-timer { /* justify-content: flex-start !important; */ /* width: 100%; */ } .product-day-timer { /* display: inline-flex !important; */ /* width: auto !important; */ /* flex-wrap: wrap; */ } .brands { max-width: 768px; } .brands>div { flex: 0 0 25%; max-width: 25%; } } @media screen and (max-width: 767px) { .brands { max-width: 768px; } .brands>div { flex: 0 0 33.333%; max-width: 33.333%; } } @media screen and (max-width: 639px) { .brands { max-width: 640px; } .brands>div { flex: 0 0 50%; max-width: 50%; } } @media screen and (max-width: 449px) { .group-nav-list>div { flex: 0 0 100%; max-width: 100%; } .brands { max-width: 100%; } .brands>div { flex: 0 0 100%; max-width: 100%; padding: 0; } } .mark-product { padding: 0 0 20px; transform: translateY(-6px); } .brand-description { display: flex; flex-flow: row wrap; } .brand-ico { flex: 0 0 300px; max-width: 300px; } .brand-ico .thumb { width: 190px; height: 190px; background-color: #fff; display: flex; } .brand-ico .thumb>img { margin: auto; } .brand-body { flex: 1 0; display: flex; flex-flow: row wrap; } .brand-certificate { flex: 140px; max-width: 140px; margin: 0 30px 0 0; } .brand-body-des { flex: 1 0; } .brand-body-des>p { color: #979797; line-height: 1.5; font-size: 12px; margin: 0 0 25px; } .brand-body-des>.link-underline { font-size: 13px; } .brand-description { margin: 0 0 40px; } @media screen and (max-width: 767px) { .brand-description>div { flex: 0 0 100%; max-width: 100%; } .brand-ico { display: none; } } @media screen and (max-width: 549px) { .brand-body>div { flex: 0 0 100%; max-width: 100%; } .brand-certificate { margin: 0 0 30px; } } .form-search-result { width: 100%; margin: 0 0 50px; } .form-search-result, .form-search-result>div { display: flex; } .group-button { margin: 0 20px 0 0; } .group-input { flex: 1 0; position: relative; } .group-input>input { width: 100%; display: block; border: 1px solid #d6d6d6; padding: 0 50px 0 20px; height: 46px; } .group-input>button { height: calc(100% - 2px); width: 45px; z-index: 2; display: block; position: absolute; right: 1px; top: 1px; background: #fff url(/local/assets/css/../img/svg/static/search-blue.svg) no-repeat center; cursor: pointer; } .btn-radio { display: block; } .btn-radio>input { display: none; } .btn-radio>input:checked+.btn { background-color: #fff; border-color: #fff; color: #0095d5; } @media screen and (max-width: 767px) { .form-search-result { flex-flow: row wrap; } .form-search-result>div { flex: 0 0 100%; max-width: 100%; } .group-button { /* margin: 0 0 25px; */ margin: 0 0 10px; justify-content: center; flex-flow: row wrap; } } .article-el4 { margin: 0 0 20px; } .article-el4>div { flex: 0 0 100%; max-width: 100%; padding: 0; } .article-el4 .pagination-items { display: flex; flex-flow: row wrap; margin: 0 -5px; } .article-el4 .paginator-item { flex: 0 0 25%; max-width: 25%; padding: 0 5px; } .section-subscribe { padding: 30px 0 50px; } .card-subscribe { max-width: 600px; margin: 0 auto; background-color: #fff; padding: 35px 40px 20px; } .card-subscribe>.h2Text { margin: 0 0 25px; font-size: 18px; } .group-subscribe-input { display: flex; flex-flow: row wrap; margin: 0 -15px; } .group-subscribe-input label { flex: 0 0 50%; max-width: 50%; padding: 0 15px; display: block; margin: 0 0 25px; } .group-subscribe-input input { font-size: 12px; height: 40px; border-bottom: 1px solid #979797; display: block; width: 100%; } .group-subscribe-input .btn-blue { width: 250px; } .privacy-policy>span::before { bottom: auto; top: 0; } .privacy-policy>span::after { bottom: auto; top: 5px; } .privacy-policy .filter-name>a { color: #979797; } .one-article { display: flex; flex-flow: row wrap; align-items: flex-start; margin: 0 0 50px; } .one-article .thumb { flex: 0 0 600px; max-width: 600px; margin: 0 45px 0 0; border: 2px solid #ffffff; } .one-article .thumb>img { width: 100%; } .one-article .btn-play::after { transform: scale(1.7); right: 35px; bottom: 35px; } .article-body { flex: 1 0; max-width: 100%; } .article-body>p, .article-body>* { margin: 15px 10px; font-size: 14px; color: #333; } .article-body h2 { font-size: 20pt; text-align: center; margin: 20px 10px; } .article-body h3 { font-size: 14pt; text-align: center; margin: 20px 10px; } .article-body ol { list-style-type: decimal; padding: 0 0 0 30px; } .article-body ol li { color: rgb(51, 51, 51); line-height: 1.5; padding: 0 0 0 5px; margin: 0 0 10px; } .group-nav { margin: 0 0 60px; } .group-nav .link-prev { padding: 0 0 0 10px; margin: 0 20px 0 0; } .group-nav .link-prev::after { right: auto; left: 0; transform: rotate(135deg); } .group-nav .link-prev::before { left: 10px; right: auto; } .group-nav .link-prev:hover::before { width: 0; } @media screen and (max-width: 999px) { .one-article .thumb { flex: 0 0 400px; max-width: 400px; } } @media screen and (max-width: 767px) { .group-nav .link-underline>span { display: none; } .one-article .thumb { flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; } } @media screen and (max-width: 479px) { .one-article .btn-play::after { transform: scale(1); right: 15px; bottom: 15px; } } .clear-basket-wrap { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; margin: 0 0 20px; } .clear-basket { color: #979797; font-size: 14px; display: inline-block; padding: 1px 0; border-bottom: 1px dotted #979797; background-color: transparent; cursor: pointer; } .form-basket { display: block; background-color: #fff; padding: 40px 30px 30px; margin: 0 0 30px; } .table-flex { display: block; position: relative; /*min-width: 600px;*/ /* overflow-x: auto; */ } .mob-table-flex .thead, .mob-table-flex .tbody { min-width: 750px; } .thead { border-bottom: 2px solid #333; padding: 0 0 20px; margin: 0 0 5px; } .tbody .tr { border-bottom: 1px solid #eaeaea; padding: 5px 0; } .tr { display: flex; flex-flow: row nowrap; justify-content: space-between; align-items: center; } .tr .th, .tr .td { max-width: 12.5%; flex: 0 0 12.5%; font-size: 12px; line-height: 1.3; padding: 0 10px; } .th { text-transform: uppercase; color: #979797; } .td h2 { margin: 0 0 15px; } .td span { color: #979797; display: block; width: 100%; } .table-flex .table-number { flex: 0 0 2.5%; max-width: 2.5%; text-align: center; } .table-flex .table-preview { flex: 0 0 19.5%; max-width: 19.5%; text-align: center; } .table-flex .table-name { flex: 0 0 22.5%; max-width: 22.5%; } .table-flex .table-remove-product { flex: 0 0 5.5%; max-width: 5.5%; text-align: center; } .td .thumb { max-width: 140px; margin: 0 auto; height: 160px; background-position: 50% 50%; background-repeat: no-repeat; } .remove-product { background: rgba(0, 0, 0, 0) url(/local/assets/css/../img/svg/static/clear-button.svg)no-repeat center; width: 20px; height: 20px; cursor: pointer; } .td .product-quantity { margin: 0 0 10px; } .td .product-price { font-size: 16px; font-weight: 700; white-space: nowrap; } .bonus-wrap { display: flex; flex-flow: row wrap; } .bonus-cards { flex: 0 0 45%; max-width: 45%; margin: 0 5% 0 0; } .total { flex: 0 0 50%; max-width: 400px; } .bonus-card.user--unauthorised { border: 1px solid #b2b2b2; padding: 20px; margin: 0 0 15px; border-radius: 25px; } .total__row { display: flex; align-items: end; } .divider { flex-grow: 1; border-bottom: 2px dotted #333; } .bonus-card > h2 { font-size: 19px; text-transform: none; } .bonus-card.user--unauthorised > h2 { margin: 0 0 20px; font-weight: 400; opacity: .8; } .bonus-card>h3 { font-size: 16px; margin: 0 0 3px; } .bonus-card>h3>span { text-transform: uppercase; } .bonus-card>h3>span, .bonus-card>p>span { color: #0095d5; font-weight: 700; } .bonus-card>p { font-size: 12px; } .bonus-card__content { margin: 15px 0; display: grid; grid-template-columns: 1fr; gap: 15px; } .bonus-card .btn-wrap { display: flex; flex-flow: row wrap; align-items: center; } .bonus-card .btn-wrap .product-quantity { margin: 0 20px 0 0; } .bonus-card .btn { text-transform: uppercase; padding: 10px 25px; font-size: 12px; width: auto; } .bonus-card .group-input { display: flex; margin: 0 0 15px; } .bonus-card.user--unauthorised .group-input { flex-flow: column wrap; gap: 10px; margin: 0; } .bonus-card .group-input > input { flex: 1 0; max-width: 150px; margin: 0 15px 0 0; height: 34px; background-color: transparent; padding: 0 10px; } .bonus-card.user--unauthorised .group-input > input { padding-left: 0; padding-bottom: 10px; font-size: 19px; max-width: 220px; border: unset; border-bottom: 2px solid #333; } .bonus-card__desc { font-style: italic; opacity: .8; } .bonus-card__number, .bonus-card__note { font-size: 12px; opacity: .8; } .bonus-card__note { font-style: italic; } .bonus-card__row { display: flex; align-items: end; } .bonus-card__btns { display: flex; justify-content: space-between; align-items: center; } .bonus-card__btn { cursor: pointer; color: #0095d5; } .bonus-card .savings { font-size: 16px; font-weight: 700; margin: 0; } .total-text { display: flex; flex-flow: column wrap; font-size: 16px; margin: 0 0 20px; width: 100%; gap: 15px; } .total-text>b, .total-text>span { display: inline-block; margin: 0 5px; } .total-text .total-text-title { font-size: 16px; text-transform: uppercase; font-weight: 700; margin-left: 0; } .total-price { font-size: 16px; } .saved-price { font-size: 15px; color: #979797; font-weight: 400; text-decoration: line-through; } .group-radio { display: flex; margin: 0 0 5px; } .group-radio>li { margin: 0 30px 0 0; } .total .group-button { display: flex; flex-flow: row wrap; margin: 0 0 15px; } .total .group-button .btn { margin: 0 10px 0 0; } .total .btn-wrap { text-align: left; } .total .buy-one-click { display: inline-block; } @media screen and (max-width: 767px) { .bonus-cards, .total { flex: 0 0 100%; max-width: 100%; } .bonus-cards { margin: 0 0 20px; } .total-text { justify-content: center; } .byclick { text-align: center; } } .compare { background-color: #fff; padding: 20px 15px 20px 20px; display: flex; margin: 0 0 50px; } .compare.long .compare-titles { padding-bottom: 18px; } .compare-titles { flex: 0 0 200px; max-width: 200px; border-right: 1px solid #ddd; display: flex; flex-flow: row wrap; align-items: flex-start; align-content: space-between; } .compare-titles>div { flex: 0 0 100%; max-width: 100%; } .compare-title { font-size: 16px; margin: 0 0 25px; text-transform: uppercase; } .compare .group-radio { flex-flow: row wrap; margin: 0; } .compare .group-radio>li { flex: 0 0 100%; max-width: 100%; margin: 0; } .compare .radio>span { letter-spacing: -0.023em; } .table-default { width: 100%; } .table-default tr:nth-child(odd) td { background-color: #fafafa; } .table-default th, .table-default td { height: 40px; padding: 0 5px 0 15px; vertical-align: middle; font-size: 12px; } .compare-titles .table-default td { color: #979797; } .compare-body { display: flex; flex: 1 0; overflow-y: hidden; overflow-x: auto; padding: 0 0 0 15px; } .compare-body>div { flex: 0 0 calc(20% - 0.1px); max-width: calc(20% - 0.1px); } .compare-body .add-cart { /* width: 45px; */ margin-top: 10px; } .compare-body .add-cart-min { width: 45px; } .compare-body .table-default { transform: translateX(-15px); width: calc(100% + 1px); } .compare-body .catalog-product { border-right: 0; } @media screen and (max-width: 1229px) { .compare-body>div { flex: 0 0 calc(25% - 0.2px); max-width: calc(25% - 0.2px); } } @media screen and (max-width: 1023px) { .sidebar-checkout .sidebar { display: flex; position: static; width: 100% !important; } .simple-timer { justify-content: center; } .product-day-timer { width: 100%; text-align: center; display: block; margin-top: 61px; padding-left: 40px; padding-bottom: 20px; display: none; } .card-product-day { flex-wrap: wrap; height: auto; } .compare-body>div { flex: 0 0 calc(33.333% - 0.2px); max-width: calc(33.333% - 0.2px); } } @media screen and (max-width: 849px) { .compare-body>div { flex: 0 0 calc(50% - 0.2px); max-width: calc(50% - 0.2px); } } @media screen and (max-width: 659px) { .compare-body>div { flex: 0 0 calc(100% - 1px); max-width: calc(100% - 1px); } } .box-404 { background: rgba(0, 0, 0, 0) url(/local/assets/css/../img/404.png) no-repeat top; padding: 350px 0 0; margin: 100px 0 70px; } .box-404 h2 { font-size: 30px; text-align: center; margin: 0 0 30px; } .box-404 .btn-wrap { text-align: center; } .box-404 .btn { display: inline-block; width: auto; } .formed-order p a { text-decoration: none; color: #0095d5; } .icon-payment { display: inline-block; margin: 0 0 50px; } .card-payment { padding: 30px 40px; border: 1px solid #0095d5; max-width: 650px; margin: 0 0 50px; } .group-payment { display: flex; flex-flow: row wrap; align-items: center; } .group-payment a { display: inline-block; font-size: 14px; flex: 0 0 100px; max-width: 100px; padding: 10px 10px; text-align: center; background-color: #ed9534; color: #fff; text-decoration: none; border-radius: 3px; margin: 0 15px 0 0; } .group-payment span { flex: 1 0; max-width: 100%; font-size: 12px; color: #979797; } .group-payment .ps { flex: 0 0 100%; max-width: 100%; font-size: 12px; color: #979797; padding: 30px 0 0; margin: 0; } .section-checkout .sidebar-body { padding-bottom: 0; } .section-checkout .tab-filter { margin: 0 0 50px; } .section-contact .tab-filter { margin: 0 0 15px; } .section-contact .tab-filter>div, .section-checkout .tab-filter>div { padding: 0; } .section-checkout .tab-filter .btn-white, .section-contact .tab-filter .btn-white { display: flex; padding: 0 25px; height: 46px; align-items: center; font-size: 16px; justify-content: center; width: auto; font-weight: 500; } .section-checkout .tab-filter .svg { margin: 0 10px 0 0; fill: #979797; width: 30px; height: 30px; } .section-checkout .tab-filter .btn-white.active .svg, .section-checkout .tab-filter .btn-white:hover .svg { fill: #0095d5; } .checkout-card { border-top: 3px solid #18a0d0; background-color: #fff; padding: 0 20px 20px 20px; margin: 0 0 10px; } .checkout-card-title { line-height: 1.5; display: flex; width: 100%; align-items: center; height: 76px; font-size: 20px; margin: 0 0 15px; } .checkout-card-title>span { margin: 0 20px 0 0; text-align: center; height: 34px; width: 34px; border-radius: 50%; background-color: #18a0d0; color: #fff; font-size: 20px; padding: 2px 0; } .sidebar-checkout.sidebar-active .container { padding-left: 15px; padding-right: 525px; } .sidebar-checkout .sidebar { left: auto; right: 15px; width: 500px; } .checkout-order { background-color: #fff; padding: 20px 15px; } .order-number { font-size: 20px; margin: 0 0 20px; } .checkout-order .table-flex .table-number { flex: 0 0 5%; max-width: 5%; } .checkout-order .table-flex .table-preview { flex: 0 0 30%; max-width: 30%; } .checkout-order .table-flex .table-name { flex: 0 0 45%; max-width: 45%; } .checkout-order .table-flex .table-total-price { flex: 0 0 20%; max-width: 20%; } .checkout-group-input>h4 { margin: 0 0 15px; } .checkout-date-list { display: flex; flex-flow: row wrap; } .checkout-date-list>li { margin: 0 25px 3px 0; } .checkout-date-list .radio { margin: 0; padding-left: 0; } .checkout-date-list .radio>span::before, .checkout-date-list .radio>span::after { content: none; } .box-map .btn-wrap { text-align: right; } .selection-transport-company, .hide-map { color: #0095d5; text-decoration: underline; font-size: 12px; cursor: pointer; display: inline-block; } .selection-transport-company { margin: 10px 0 0; } .other-services { display: flex; flex-flow: row wrap; } .logo-transport-company { margin: 0 0 15px; } .variable-services { flex: 0 0 60%; max-width: 60%; } .variable-services .radio>span, .variable-services .checkbox>span { color: #333333; } .variable-services.base { flex: 0 0 100%; max-width: 100%; } .base .radio, .base .checkbox { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; } .base .radio>b, .base .checkbox>b { font-size: 12px; } .other-services-body { flex: 0 0 40%; max-width: 40%; padding: 0 0 0 20px; border-left: 1px solid #c1c1c1; } .other-services-body>h5 { margin: 0 0 15px; font-size: 14px; font-weight: 400; } .other-services-body p { font-size: 12px; color: #979797; line-height: 1.6; margin: 0; } .other-services-body p b { color: #333; } .other-services-body .variable-services { flex: 0 0 100%; max-width: 100%; } .other-services-body .variable-services .checkbox, .other-services-body .variable-services .radio { align-items: center; margin: 0 0 10px; } .other-services-body .variable-services .checkbox>span, .other-services-body .variable-services .radio>span { color: #979797; font-size: 12px; } .total-order-price { display: flex; flex-flow: row wrap; margin: 0 0 30px; } .total-order-price>* { flex: 0 0 50%; max-width: 50%; } .total-order-price>.order-number { flex: 0 0 100%; max-width: 100%; } .total-order-price .total-price { padding: 0 50px 0 0; } @media screen and (max-width: 999px) { .sidebar-body>a { display: none; } .total-order-price .total-price { padding: 0 15px 0 0; font-size: 14px; } .bx-soa-cart-total .bx-soa-cart-total-line-total .bx-soa-cart-d { font-size: 15px !important; } } .total-order-price .total-price>li { display: flex; justify-content: space-between; align-items: flex-end; margin: 0 0 5px; } .total-order-price .btn-wrap h5, .total-order-price .btn-wrap p { font-size: 12px; text-align: left; } .total-order-price .btn-wrap h5 { margin: 0 0 10px; } .total-order-price .btn { margin: 0 0 20px; } .total-order-price .btn-wrap p { color: #979797; } .contact-title-top { font-size: 25px; font-weight: 500; margin: 0 0 25px; } .box-map { position: relative; margin: 0 0 50px; z-index: 5; } .map { height: 530px; width: 100%; } .map-content { margin: 0; } .contact-info-title { font-size: 16px; font-weight: 500; margin: 0 0 25px; } .contact-info { position: absolute; left: 20px; top: 20px; width: 100%; max-width: 420px; background-color: #fff; border: 3px solid #0095d5; z-index: 10; padding: 30px 25px; } .contact-info-list>li { margin: 0 0 15px; } .contact-info-list span { display: block; margin: 0 0 5px; font-size: 14px; } .contact-info-list .icon-tel>span { font-size: 16px; } .con-icon { padding: 0 0 0 35px; background-color: transparent; background-position: top left; background-repeat: no-repeat; } .icon-location { background-image: url(/local/assets/css/../img/svg/static/contacts/location.svg); } .icon-metro { background-image: url(/local/assets/css/../img/svg/static/contacts/metro-logo.svg); } .icon-email { background-image: url(/local/assets/css/../img/svg/static/contacts/email.svg); } .icon-tel { background-image: url(/local/assets/css/../img/svg/static/contacts/call.svg); } .icon-time-work { background-image: url(/local/assets/css/../img/svg/static/contacts/clock.svg); } .box-requisites { display: flex; flex-flow: row wrap; justify-content: space-between; } .box-requisites>* { flex: 0 0 49%; max-width: 49%; } .form-order-question { background-color: #fff; padding: 20px 25px; border: 1px solid #fff; } .order-question-title { font-size: 16px; margin: 0 0 15px; font-weight: 400; } .order-question-title b { font-weight: 700; } .requisites { padding: 20px 25px; border: 1px dotted #656565; } .requisites-title { font-size: 16px; margin: 0 0 25px; } .group-requisites { margin: 0 0 40px; } .requisites .group-requisites:last-child { margin: 0; } .group-requisites p { line-height: 1.5; font-size: 12px; color: #979797; } @media screen and (max-width: 649px) { .box-map { margin: 0 0 30px; } .contact-info { position: relative; left: 0; top: 0; margin: 0 0 15px; max-width: 100%; } .map { height: 80vh; } .box-requisites>* { flex: 0 0 100%; max-width: 100%; } .form-order-question { margin: 0 0 30px; } } .card-reg-auto { display: flex; flex-flow: row wrap; align-items: flex-start; background-color: #fff; padding: 45px 80px; } .card-reg-auto .title-black { font-weight: 700; font-size: 30px; } .card-reg-auto .title-black a { color: #333333; text-decoration: none; display: inline-block; border-bottom: none; line-height: 1; font-weight: 400; transition: all .5s; text-decoration: none; } .card-reg-auto .title-black a:hover { color: #0095d5; border-bottom: none; text-decoration: none; } .card-reg-auto>div { flex: 0 0 50%; max-width: 50%; padding: 0 10% 0 0; } .group-reg-auto>span { margin: 0 0 5px; font-size: 12px; font-weight: 400; display: block; width: 100%; } .group-reg-auto>span.use-as-login{ margin: 0 0 10px; color: #000000; font-size: 14px !important; line-height: 19px; max-width: 380px; padding: 5px 20px 0; } .policy{ font-size: 13px; line-height: 18px; color: #8C8C8C; } .policy a{ font-size: 13px !important; color: #8C8C8C !important; } .group-reg-auto>input { margin: 0 0 15px; background-position: center right 10px; background-repeat: no-repeat; padding: 0 20px; font-family: 'GothamProRegular'; } .wrapper.bg-gray main.content { padding-bottom: 0; } .reg-auto-social { display: block; width: 100%; } .reg-auto-social>li { display: inline-block; margin: 0 5px 0 0; } .group-reg-auto-social>h4 { margin: 0 0 15px; font-weight: normal; display: block; } .group-reg-auto-social { margin: 0 0 50px; } .box-left .btn-wrap { display: flex; align-items: center; flex-flow: row wrap; } .box-left .btn-wrap input[type="submit"]{ color: #D8FFFF; font-family: 'GothamProMedium'; } .box-left .group-reg-auto-social { display: flex; flex-direction: column; margin: 50px 0 0; } .color-gray{ color: #8C8C8C; } .box-left .link { padding: 15px 25px; color: #8C8C8C; } .box-left .link:hover{ color: #0095d5; } .box-right .default-style-editor p, .box-right .default-style-editor ul { font-size: 15px; color: #979797; } .card-white { background-color: #fff; padding: 20px 25px; border-top: 3px solid #0095d5; margin: 0 0 20px; } @media screen and (max-width: 999px) { .card-white { overflow-x: scroll; } } .card-title { font-size: 20px; margin: 0 0 40px; font-weight: 400; } h6.card-title { font-size: 12px; line-height: 1.5; font-weight: 500; margin: 0 0 30px; } .lk-info { list-style-position: inside; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .lk-info .group-radio { margin: 0 0 15px; height: 40px; } .lk-info .group-radio>li { display: flex; align-items: center; } .lk-info .group-radio .radio { margin: 0; } .lk-delivery textarea.modal-input { min-height: 263px; margin: 0 0 15px; } .lk-sidebar { background-color: #fff; padding: 20px 15px; } .lk-user-preview { margin: 0 0 20px; display: flex; align-items: flex-start; } .lk-user-preview .thumb { width: 46px; flex: 0 0 46px; height: 46px; border: 1px solid #979797; border-radius: 50%; margin: 0 10px 0 0; background: transparent url(/local/assets/css/../img/svg/static/lk/user.svg) no-repeat center; } .lk-user-name { font-size: 16px; line-height: 1.4; } .lk-list { padding: 0 0 0 55px; } .lk-list a { font-size: 15px; color: #979797; display: inline-block; margin: 0 0 15px; transition: all .5s; text-decoration: none; } .lk-list a:hover, .lk-list a.active { color: #0095d5; } .group-table-nav { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: center; margin: 0 0 20px; } .filter-nav, .filter-nav .group-input { display: flex; align-items: center; flex-wrap: wrap; } .filter-nav .group-input>input { border-color: #7fcaea; width: 50px; height: 25px; padding: 0 10px; margin: 0 20px 0 10px; } .filter-tab { display: flex; flex-flow: row wrap; align-items: center; } .filter-tab span { font-size: 12px; color: #979797; transition: all .5s; cursor: pointer; margin: 0 15px 0 0; } .filter-tab span:hover, .filter-tab span.active { color: #0095d5; } .wrap-lk-table { position: relative; overflow-x: auto; } .lk-table { text-align: center; font-size: 12px; margin: 0 0 20px; } .lk-table a { color: #333333; transition: all .5s; } .lk-table a:hover { color: #0095d5; } .lk-table .completed { color: #0095d5; } .lk-table tr td:first-child, .lk-table tr th { font-weight: 400; color: #979797; } .lk-table .group-button { margin: 0; display: flex; justify-content: space-between; max-width: 95px; } .order-info { list-style-position: inside; -moz-column-count: 2; -webkit-column-count: 2; column-count: 2; } .order-info>li { display: flex; } .order-info>li>span { flex: 0 0 50%; max-width: 50%; font-size: 12px; margin: 0 0 15px; } .order-info>li>span:first-child { color: #979797; } .total-price.lk { font-size: 12px; color: #333333; padding: 35px 0 30px; } .total-price.lk b { font-size: 18px; font-weight: 700; } .card-white .btn-wrap { display: flex; flex-flow: row wrap; } .card-white .btn { width: auto; margin: 0 20px 0 0; padding-left: 25px; padding-right: 25px; } .box-bonus { padding: 0 0 20px; border-bottom: 1px solid #d6d6d6; margin: 0 0 30px; } .no-border { border-bottom: none; padding: 0; } .bonus-gray-card { padding-right: 50%; position: relative; } .bonus-gray-card .gray-card { background-color: #f2f2f2; position: absolute; right: 0; top: 0; width: 47%; padding: 20px 20px 5px; } .balance, .ratio { font-size: 16px; margin: 0 0 10px; } .balance>span { font-weight: 700; color: #0095d5; text-transform: uppercase; margin: 0 0 15px; } .gray-card p { color: #979797; font-size: 12px; line-height: 1.4; } .box-bonus-title { font-size: 16px; margin: 0 0 20px; } .box-bonus-list>li { color: #979797; line-height: 1.5; } .box-bonus-list>li>b { color: #333; } .box-bonus-list>li>a { color: #979797; } .lk-table-bonus tr td:first-child { color: #333; } .icon-check>li { padding: 0 0 0 30px; background: url(/local/assets/css/../img/svg/static/lk/check.svg) no-repeat center left; margin: 0 0 10px; } .pagination { display: flex; flex-flow: row wrap; align-items: center; margin: 0 -10px; } .pagination>li { padding: 0 7px; color: #979797; font-size: 16px; } .pagination a { display: block; text-decoration: none; color: #979797; transition: all .5s; } .pagination a.active { color: #333; } .pagination a:hover { color: #0095d5; } .pagination .arrow { color: #0095d5; font-size: 25px; margin: -5px 0 0; } .pagination .arrow.disabled { color: #979797; } .up-cash-back { display: flex; flex-flow: row wrap; margin: 0 -5px; } .up-cash-back>li { flex: 0 0 25%; max-width: 25%; padding: 0 5px; } .up-cash-back .checkbox { height: 85px; border: 1px solid #0095d5; justify-content: center; align-items: center; } .up-cash-back .checkbox>span { max-width: 90%; } @media screen and (max-width: 999px) { .card-reg-auto>div { padding: 0 30px 0 0; } .table-flex { min-width: 560px; } .tr .th, .tr .td { padding: 0; } } @media screen and (max-width: 767px) { .card-reg-auto>div { flex: 0 0 100%; max-width: 100%; padding: 0 0 50px; } .card-white .btn { margin: 0 20px 0px 0; } .filter-tab { flex: 0 0 100%; max-width: 100%; margin: 0 0 20px; } } @media screen and (max-width: 639px) { .group-table-nav { align-items: flex-end; margin: 0; } .filter-nav .group-input { margin: 0 0 20px; } .card-white .group-table-nav .btn { margin: 0 0 20px; } .lk-table { min-width: 559px; } .up-cash-back>li { flex: 0 0 50%; max-width: 50%; margin: 0 0 30px; } .up-cash-back .checkbox { margin: 0 0 5px; } .order-info { column-count: auto; } } @media screen and (max-width: 767px) { .tabs-product:not(.tabs-product--old) { padding-top: 20px; } .tabs-product:not(.tabs-product--old) .tab-filter>div a { background-size: contain; margin: 0 10px; } .tabs-product:not(.tabs-product--old) .tab-filter--delivery>div:nth-child(1) a { background-image: url('/local/assets/css/../img/svg/static/product/delivery.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--delivery>div:nth-child(2) a { background-image: url('/local/assets/css/../img/svg/static/product/payment.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--loyalty>div:nth-child(1) a { background-image: url('/local/assets/css/../img/svg/static/product/about-program.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--loyalty>div:nth-child(2) a { background-image: url('/local/assets/css/../img/svg/static/product/get-card.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--loyalty>div:nth-child(3) a { background-image: url('/local/assets/css/../img/svg/static/product/accumulation.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--loyalty>div:nth-child(4) a { background-image: url('/local/assets/css/../img/svg/static/product/spend.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--services>div:nth-child(1) a { background-image: url('/local/assets/css/../img/svg/static/product/delivery.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--services>div:nth-child(2) a { background-image: url('/local/assets/css/../img/svg/static/product/08.svg'); } .tabs-product:not(.tabs-product--old) .tab-filter--services>div:nth-child(3) a { background-image: url('/local/assets/css/../img/svg/static/product/07.svg'); } .tabs-product--old { padding: 0 0 20px; } .tab-filter { flex-wrap: nowrap; } } @media screen and (max-width: 549px) { .card-reg-auto { padding: 30px 15px; } .box-bonus-list { margin: 0 0 20px; } .bonus-gray-card { padding-right: 0; } .bonus-gray-card .gray-card { position: relative; width: 100%; } .lk-info { list-style-position: inside; -moz-column-count: 1; -webkit-column-count: 1; column-count: 1; } } @media screen and (max-width: 479px) { .up-cash-back>li { flex: 0 0 100%; max-width: 100%; } } .simple-timer { display: flex; align-items: center; } .timer-title { font-size: 18px; margin: -40px 0 15px; -webkit-margin-before: -8; -webkit-margin-after: 1em; -webkit-margin-start: 0px; -webkit-margin-end: 0px; font-weight: bold; display: block; } .timer { width: 50px; height: 45px; display: flex; align-items: center; justify-content: center; background-color: #f1f1f1; font-size: 25px; position: relative; } .timer::after { content: ''; position: absolute; top: 100%; left: 0; display: block; width: 100%; font-size: 11px; font-weight: 700; text-align: center; padding: 3px 0 0; } .timer-hour::after { content: 'часов'; } .timer-minute::after { content: 'минут'; } .timer-second::after { content: 'секунд'; } .separator { font-size: 25px; padding: 0 5px; } .drop-catalog-list::-webkit-scrollbar-button { background-image: none; background-repeat: no-repeat; width: 6px; height: 0 } .drop-catalog-list::-webkit-scrollbar-track { background-color: #fff; box-shadow: 0 0 3px #fff inset; } .drop-catalog-list::-webkit-scrollbar-thumb { -webkit-border-radius: 5px; border-radius: 5px; background-color: #0095d5; box-shadow: 0 1px 1px #fff inset; background-image: url('https://yraaa.ru/_pu/24/59610063.png'); background-position: center; background-repeat: no-repeat; } .drop-catalog-list::-webkit-resizer { background-image: none; background-repeat: no-repeat; width: 7px; height: 0; } .drop-catalog-list::-webkit-scrollbar { width: 5px; } .bx_ordercart_order_table_container { margin: 0 0 30px; } #basket_items .tr .th, #basket_items .tr .td { max-width: 160px; flex: 0 0 auto; } #web365 { padding: 0 72px 0 0; font-size: 11px; background: url(/images/w365_logo.svg) right no-repeat; line-height: 22px; text-decoration: none; } ul.seoarticle { list-style-type: disc; margin: 10px 25px; } ol.seoarticle { list-style-type: decimal; margin: 10px 25px; } @media (max-width: 500px) { .compare { margin: 0 -15px 50px; padding-left: 15px; overflow: auto; } .compare-titles { flex: 0 0 150px; min-width: 150px; } .compare-body { min-width: 230px; } } .sidebar { display: block; } @media (max-width: 849px) { .sidebar-active .catalog-category-list>div, .sidebar-active .catalog-products>div { flex: 0 0 50%; max-width: 50%; } } @media (max-width: 960px) { .sidebar { position: static; margin-bottom: 20px; width: 100%; } } @media (max-width: 767px) { .adaptive-table { min-width: auto!important; } .adaptive-table thead, .adaptive-table--flex .thead { display: none; } .adaptive-table tr, .adaptive-table--flex .tr { display: block; } .adaptive-table td, .adaptive-table--flex .td { display: flex; align-items: center; margin: 0 0 15px; padding-left: 50%; flex-wrap: wrap; height: auto; width: auto; min-height: 40px; padding-top: 5px; padding-bottom: 5px; text-align: left; position: relative; } .adaptive-table td:before, .adaptive-table--flex .td:before { content: attr(data-text); position: absolute; left: 0; display: block; color: #979797; font-size: 12px; flex: 0 0 50%; max-width: 50%; padding: 0 15px; } .adaptive-table tr:nth-child(odd) { background: transparent; } .adaptive-table tr td { background-color: #fafafa; } .adaptive-table tr { border-bottom: 2px solid #d6d6d6; margin: 15px 0; } .adaptive-table tr:first-child { margin-top: 0; } .adaptive-table tr:last-child { border-bottom: 0; } .adaptive-table--flex { } .adaptive-table--flex .td .thumb.order-detail { width: 140px; background-size: cover; } .adaptive-table--flex .tr, .adaptive-table--flex .td { max-width: 100%; flex: inherit; } .adaptive-table--flex .td h2 { margin: 0; } .adaptive-table--flex .td .thumb { margin: 0; } .soa-cart-total-line { display: flex; align-items: center; padding-top: 15px; } .soa-cart-total-line b { width: 50%; padding-right: 15px; } #basket_items .tr { max-width: 100%; flex: inherit; } #basket_items .td { max-width: 100%; flex: inherit; padding: 0 0 0 50%; text-align: left; } #basket_items thead { display: none; } .table-flex .tbody { min-width: auto; } #basket_items_list .table-flex { min-width: auto; } #basket_items .thumb { overflow: visible; } #basket_form .total .group-button .btn { margin: 0 5px 10px; } #basket_items_list .adaptive-table .tr .td, #basket_items_list .adaptive-table tr td { background-color: transparent; max-width: 100%; } #basket_items_list .table-remove-product:before { display: none; } #basket_items_list tr { position: relative; } #basket_items_list .table-remove-product { position: absolute; top: 6px; right: 0; z-index: 5; padding: 0; } } .total-price.lk { padding-bottom: 10px; } .card-white .btn { margin-top: 20px; } .bonus-card .group-input>input { height: 38px; } @media (max-width: 450px) { .tabs-product:not(.tabs-product--old) .tab-filter>div a { margin: 0 5px; width: 40px; height: 40px; } } @media screen and (max-width: 549px) { .box-brand>.thumb { display: block; } } @media screen and (max-width: 480px) { .box-brand>.thumb { position: static; margin: 0 0 20px auto; } .product-description .catalog-price { margin-top: 5px!important; } .catalog-price-per { min-height: auto; } } @media screen and (max-width: 820px) { .lk-table.adaptive-table td:last-child { white-space: nowrap; } } @media screen and (max-width: 520px) { .lk-table.adaptive-table td:last-child { white-space: normal; } .lk-table.adaptive-table td:last-child a { display: table; width: 100%; } } @media screen and (max-width: 960px) { .tabs-product .tab-filter a { font-size: 12px; } } .payment-tab, .delivery-tab { margin-right: 10px; width: 40px; height: 30px; margin-top: 10px; background-size: contain; background-repeat: no-repeat; background-position: center; display: block; } .payment-tab { background-image: url('/local/assets/css/../img/svg/static/product/payment.svg'); } .delivery-tab { background-image: url('/local/assets/css/../img/svg/static/product/delivery.svg'); } .f_button{ padding: 10px; background: #0095d5; color: #fff; cursor: pointer; transition: 0.3s; } .f_button.active{ background: #ff9800; } .f_button .favorite_span:before{ content:" \2605 "; margin-right: 5px; } /* New Styles (01.19.2019) */ .one-article .thumb>img { height: auto; } @media (max-width: 1250px) and (min-width: 1000px) { .drop-down-catalog.drop-home .drop-down-body, .drop-down-catalog.open .drop-down-body { max-height: none; } .section-banner:not(.bg-gray) .container { padding-left: 320px; } .drop-down-catalog.drop-home .drop-catalog-list { height: 750px; max-height: 750px; } .drop-down-catalog:hover .drop-down-body, .drop-down-catalog.open .drop-down-body { max-height: none; } } @media (max-width: 960px) and (min-width: 480px) { .sidebar-catalog { display: none; } } @media (max-width: 999px) { .fixed-content .group-registration>li:first-child { display: block; } .fixed-content .group-registration>li:last-child { display: none; } .cart>p { display: none; } .fixed .group-registration { display: flex!important; } .section-banner .container { padding-left: 15px; } .drop-down-catalog.drop-home .drop-down-body { padding-left: 15px; left: 0; } .drop-catalog-list>li>a:after { display: none; } .drop-catalog-list>li>a .arrow { padding: 10px; right: 15px; top: 50%; transform: translateY(-50%); position: absolute; } .drop-catalog-list>li>a .arrow:after { content: ''; display: block; transition: all .5s; width: 7px; height: 7px; border-bottom: 1px solid #333; border-right: 1px solid #333; transform: rotate(-45deg); } } @media (max-width: 900px) { .fixed .header-tel { font-size: 18px; } .fixed .form-search { max-width: 320px; } .form-search>button { width: 85px; } } @media screen and (max-width: 767px) { .header-bottom .form-search { max-width: 100%; } .form-search>button { width: 100px; } } @media (max-width: 450px) { .fixed .header-tel { font-size: 18px; /width: 25px; /height: 25px; /background-size: contain; margin-right: 15px; } .mob-nav-submenu>.back { left: 0; } .mob-nav-submenu>h3 { padding-left: 25px; } .fixed-content .group-registration>li:first-child { display: flex; } } .sectionbanner {display: block;margin-bottom: 20px;width: 100%} .catalog-section_view-list { display: block; height: 0; margin: 0!important; overflow: hidden; padding: 0!important; width: 0; } .xsks { display: block; height: 0; margin: 0!important; overflow: hidden; padding: 0!important; width: 0; } /* EDITED 12-02-2020 */ /* МЕНЮ НА ГЛАВНОЙ СТРАНИЦЕ ДЛЯ МОБИЛЬНЫХ УСТРОЙСТВ */ .mobile-nav{ display: none; margin: 0; padding: 0; border-bottom: 1px solid #000; } .mobile-nav li{ display: flex; align-items: center; position: relative; padding-left: 30px; list-style-type: none; border-top: 1px solid #000; } .mobile-nav li a{ width: 100%; display: block; position: relative; padding: 15px 30px 15px 15px; color: #000; text-decoration: none; } .mobile-nav li a .arrow{ right: 25px; position: absolute; top: 18px; right: 15px; z-index: 10; } .mobile-nav li a .arrow:after{ content: ''; display: block; transition: all .5s; width: 10px; height: 10px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(-45deg); } .percentage-icon-png{ width: 25px; height: auto; position: absolute; left: 9px; } @media screen and (max-width: 767px) { .mobile-nav{ display: block; } } /* ИКНОКИ СРАВНЕНЯ, ИЗБРАННОГО, КАЛЬКУЛЯТОРА */ @media (max-width: 550px) { #counter-favourite, #counter-compare, #counter-calc{ display: none !important; } } /* АДАПТИВНЫЙ БАННЕР ГЛАВНОЙ СТРАНИЦЫ (с таймером) */ @media screen and (max-width: 1199px) { .card-product-day { justify-content: center; align-items: center; } .product-day-timer { margin-top: 23px; flex: 0 0 30%; max-width: 300px; display: block; visibility: visible; opacity: 1; padding-bottom: 60px; text-align: center; } .product-quantity { } .card-product-day .thumb{ flex: 0 0 30%; max-width: 242px; } .product-day-body .box-cart{ width: 243px; } .product-day-body .product-quantity.bxr-basket-group{ margin-right: 10px; padding-left: 15px; } .product-day-body .box-cart { flex-flow: row; align-items: center; } .product-day-body { flex: 0 0 30%; max-width: 300px; padding-right: 15px; } .product-day-timer .timer { width: 40px; height: 35px; font-size: 20px; } .product-day-timer .timer-title { font-size: 14px; } .simple-timer { display: flex; align-items: center; margin: 0 auto; width: 160px; } } @media screen and (max-width: 1023px) { .card-product-day{ justify-content: space-around; } .product-day-timer{ width: 100%; text-align: center; display: block; padding-bottom: 20px; } .card-product-day .thumb{ flex: 0 0 30%; max-width: 178px; } .card-product-day{ flex-wrap: wrap; height: auto; padding-left: 30px; padding-right: 30px; } } @media screen and (max-width: 900px) { .sale-body { max-width: 336px; } } @media screen and (max-width: 999px) { .section-sale .container, .section-product-day .container { padding-left: 15px; } .product-day-body { flex: 0 0 40%; max-width: 40%; } .card-product-day { height: auto; flex-flow: row wrap-reverse; } .product-day-body { flex: 1 0; max-width: 100%; padding: 0 15px 0 0; } .card-product-day .thumb{ flex: 0 0 30%; max-width: 178px; } .card-product-day{ position: relative; align-items: center; } .product-day-body .box-price{ position: unset; } .product-day-body .box-cart{ left: unset; bottom: 30px; right: 4%; position: absolute; } .product-day-timer{ padding-left: 0; padding-bottom: 60px; } } @media screen and (max-width: 720px) { /* BANNER COUNTDOWN */ .product-day-timer{ margin-top: 23px; flex: 0 0 40%; max-width: 300px; margin-bottom: 69px; } .card-product-day .thumb{ flex: 0 0 25%; max-width: 178px; } .product-day-body .product-day-sticker span{ font-size: 16px; } .product-day-body .sticker-like-user{ width: 25px; height: 25px; background-size: contain; } .product-day-body .catalog-price{ font-size: 22px; } .product-day-body .box-cart{ flex-flow: column; right: 3%; } .product-day-body .product-quantity{ margin-bottom: 10px; } } @media screen and (max-width: 720px) { .sale-body{ max-width: 280px; } } @media screen and (max-width: 620px) { .sale-body{ max-width: 220px; top: 5px; } .sale-title{ font-size: 16px; } .sale-slide .btn { padding: 10px 10px; } } @media screen and (max-width: 599px) { .card-product-day{ flex-flow: row wrap; padding: 20px 10px 20px; align-items: flex-start; justify-content: space-between; } .card-product-day>div, .card-product-day>.thumb{ flex: 0 0 50%; max-width: 50%; padding: 0; } .card-product-day .thumb{ height: 140px !important; } .product-day-body .product-day-sticker{ display: flex; justify-content: center; } .product-day-body .product-day-sticker span{ padding: 0 0 0 0; } .product-day-body .catalog-product-title{ text-align: center; } .product-day-body .box-price{ text-align: center; } .product-day-body .catalog-price{ justify-content: center; } .card-product-day .product-day-timer{ margin-top: 0; left: 5%; bottom: 0; position: absolute; margin-right: 0; right: unset; width: 100%; max-width: 207px; margin-bottom: 38px; } .product-day-body .box-cart{ transform: none; left: unset; bottom: unset; position: relative; margin-right: 0; right: unset; width: 100%; } .product-day-body .catalog-price-variable{ display: flex; justify-content: center; } } @media screen and (max-width: 549px) { .sale-slide .thumb { display: block; } .sale-body { position: absolute; padding-bottom: 27px; } .sale-slider .owl-nav.disabled+.owl-dots { bottom: -12px; } } @media screen and (max-width: 500px) { .sale-slide .sale-body { max-width: 160px; right: 5px; } .sale-slide .sale-title { font-size: 12px; margin: 0 0 5px; line-height: 1; } .sale-slide .sale-body p { margin: 0 0 5px; font-size: 10px; } .sale-slide .btn { width: 122px; } .sale-slide .btn { padding: 0 10px; } } @media screen and (max-width: 450px) { .card-product-day .thumb{ height: 95px !important; } .product-day-body .catalog-price{ font-size: 18px; } .product-day-body .btn{ width: 80%; } .card-product-day .product-day-timer{ max-width: 155px; margin-bottom: 52px; } .card-product-day .product-day-timer{ left: 28px; } } @media screen and (max-width: 404px) { .timer { width: 30px !important; height: 30px !important; font-size: 14px !important; } .timer-title { font-size: 13px !important; text-align: center; } .simple-timer { justify-content: center !important; } .card-product-day .product-day-timer { top: 194px !important; bottom: unset; } } @media screen and (max-width: 400px) { .card-product-day .product-day-timer{ left: 14px; } } @media screen and (max-width: 360px) { .sale-body { padding: 5px 5px; width: 132px; } } @media screen and (max-width: 350px) { .card-product-day .product-day-timer{ left: 0; } } /* СТРАНИЦА КОРЗИНЫ */ /* BASKET PAGE (RESPONSIVENESS) */ .section-basket #basket_items .tr .th, .section-basket #basket_items .tr .td{ max-width: unset; flex: 0 0 auto; } .section-basket #basket_items .tr .td .thumb{ max-width: 160px; } .bonus-wrap{ display: flex; flex-flow: row wrap; position: relative; } .bonus-wrap .bonus-cards{ flex: 0 0 100%; max-width: 100%; margin: 0 0 0 0; display: flex; flex-direction: column; justify-content: space-between; } .bonus-wrap .bonus-cards .bonus-card-wrap-one{ width: 100%; display: flex; justify-content: space-between; } /* .bonus-card{ width: 49%; } */ .bonus-wrap .bonus-cards .bonus-card-wrap-two{ width: 100%; } .bonus-wrap .total{ width: 49%; position: absolute; right: 0; bottom: 25px; } .section-basket .bx_ordercart_order_table_container.table-flex #basket_items .td.table-name p{ width: 100%; max-width: 200px; } @media (max-width: 1200px) { .bonus-wrap .total .total-price{ width: 100%; } .bonus-wrap .total{ bottom: 17px; } .bonus-wrap .total .group-button{ margin: 0; } } @media (max-width: 992px) { .bonus-wrap .total .total-text{ margin: 0 0 11px; } .bonus-wrap .total .group-button .btn{ font: 13px/1.2 "GothamProRegular", sans-serif; width: 140px; padding: 15px 4px; } .bonus-wrap .total{ bottom: 28px; } } @media (max-width: 767px) { .section-basket #basket_items .tr{ max-width: 100%; flex: inherit; height: 165px; padding: 0 0 0 180px; align-items: flex-start; display: flex; flex-direction: column; justify-content: flex-end; } .section-basket #basket_items .td.table-name p{ margin-bottom: 0; } .section-basket #basket_items .td{ max-width: 100%; flex: inherit; text-align: left; } .section-basket #basket_items .td.table-total-price{ position: absolute; bottom: 0; right: 50px; } .section-basket #basket_items .td.table-total-price .product-price{ color: #0095d5; } .section-basket .td.table-number, .section-basket .td.table-price{ display: none; } .section-basket #basket_items thead{ display: none; } /*.section-basket #basket_items .td.table-remove-product::before{ content: "удалить"; position: absolute; left: -26px; top: 0; display: block; color: #979797; font-size: 12px; text-decoration: underline; }*/ .section-basket .td.table-remove-product a::before{ content: ""; position: absolute; left: 25px; top: -20px; background: url(/local/assets/img/delete-ic.svg); width: 24px; height: 24px; background-size: cover; background-repeat: no-repeat; } .section-basket .td.table-remove-product{ width: 49px; height: 15px; } .section-basket .td.table-remove-product a{ width: inherit; height: inherit; display: block; z-index: 5; position: relative; background-color: transparent; } .section-basket #basket_items .td.table-remove-product::before:hover{ text-decoration: none; } .section-basket #basket_items .td.table-remove-product a .remove-product{ display: none; } .section-basket .table-flex .tbody{ min-width: auto; } .section-basket #basket_items_list .table-flex{ min-width: auto; } .section-basket #basket_items .thumb{ overflow: visible; } .section-basket #basket_form .total .group-button .btn{ margin: 0 5px 10px 0; } .section-basket #basket_items_list .adaptive-table .tr .td, .section-basket #basket_items_list .adaptive-table tr td{ background-color: transparent; max-width: 236px; } .section-basket #basket_items_list .td.table-preview{ left: 0; top: 0; position: absolute; } .section-basket #basket_items_list .table-remove-product:before{ display: none; } .section-basket #basket_items_list tr{ position: relative; } .section-basket #basket_items_list .table-remove-product{ position: absolute; top: 6px; right: 0; z-index: 5; padding: 0; } .bonus-wrap .total{ width: 100%; position: relative; right: unset; bottom: unset !important; margin-top: 10px; } .bonus-wrap .total .total-text{ justify-content: flex-start; } .section-basket .bonus-card-wrap-two .bonus-card, .section-basket .bonus-card-wrap-one .bonus-card{ width: 100%; } .section-basket .bonus-card-wrap-one .bonus-card{ min-height: 65px; } .bonus-wrap .bonus-cards .bonus-card-wrap-one, .bonus-wrap .bonus-cards .bonus-card-wrap-two{ width: 49%; } .section-basket .bonus-cards{ flex-direction: row; } .bonus-wrap .total .group-button{ justify-content: flex-start; } #basket_items .td { padding: 0; } #basket_items .td.table-total-price{ margin-bottom: 40px; } .adaptive-table td:before, .adaptive-table--flex .td:before { display: none; } } @media screen and (max-width: 600px) { .bonus-wrap .bonus-cards .bonus-card-wrap-one, .bonus-wrap .bonus-cards .bonus-card-wrap-two{ width: 100%; } .bonus-wrap .total .group-button .btn{ } } @media screen and (max-width: 530px) { .section-basket #basket_items .td.table-total-price{ right: 0; } .section-basket #basket_items .td.table-preview{ margin: 0; } .section-basket #basket_items .td.table-preview img{ max-width: 100%; height: auto; display: block; } .section-basket #basket_items_list .td.table-preview{ transform: translateY(-50%); top: 50%; } } @media screen and (max-width: 480px) { .section-basket #basket_items .tr{ padding: 0 0 0 139px; } .section-basket #basket_items .td.table-preview img{ max-width: 80%; } .section-basket .btn-wrap.clear-basket-wrap .btn{ width: 100%; margin-bottom: 10px; } .section-basket .clear-basket-wrap{ flex-direction: column; } } @media screen and (max-width: 450px) { .section-basket #basket_items .tr{ padding: 0; height: auto; } .section-basket #basket_items_list .td.table-preview{ left: unset; top: unset; position: relative; transform: unset; } } /* БЛОК БОНУСНАЯ КАРТА В КОРЗИНЕ */ #basket_form_container .total{ display: flex; flex-wrap: wrap; } #buyoneclick .total-text{ width: 100%; } #buyoneclick .group-button{ width: 50%; } #buyoneclick .btn-wrap{ width: 50%; } #buyoneclick .buyoneclick{ width: 180px; } #basket_form_container .total .group-button{ flex-wrap: nowrap; width: 100%; } #basket_form_container .total .btn{ width: 90%; font-size: 18px; text-transform: uppercase; } @media screen and (max-width: 1200px) { #basket_form_container .total .btn{ font: 13px/1.2 "GothamProRegular", sans-serif; padding: 15px 2px; } } @media screen and (max-width: 999px) { #basket_form_container .total .btn{ width: 49%; } } @media screen and (max-width: 767px) { .section-basket .bonus-cards{ display: flex; justify-content: space-between; flex-wrap: wrap; } .section-basket .bonus-card-wrap-one{ order: 2; width: 49%; display: flex; flex-direction: column; justify-content: space-between; } .section-basket .bonus-card-wrap-two{ order: 1; width: 49%; } .section-basket .bonus-card-wrap-one .bonus-card{ margin: 0; padding: 5px; } .section-basket .bonus-card-wrap-one .bonus-card h2{ font-size: 10px; margin: 0px 0 9px; } .section-basket .bonus-card-wrap-one .bonus-card>h3{ font-size: 8px; text-transform: uppercase; } .section-basket .bonus-card-wrap-one .bonus-card>p{ font-size: 8px; margin: 0 0 2px; } .section-basket .bonus-card-wrap-one .btn-wrap{ padding: 0 0 0 0; } .section-basket .bonus-card-wrap-one .bonus-card .btn{ padding: 2px 10px; font-size: 10px; } .section-basket .bonus-card-wrap-one .product-quantity input, .section-basket .bonus-card-wrap-one .product-quantity button{ height: 16px; font-size: 12px; } .section-basket .bonus-card-wrap-two .bonus-card{ margin: 0 0 0; } .bonus-card .btn{ padding: 10px 5px; font-size: 12px; } .bonus-wrap .total{ bottom: unset; width: 100%; position: relative; } } @media screen and (max-width: 600px) { .section-basket .bonus-cards{ flex-direction: column; } .section-basket .bonus-card-wrap-one{ width: 100%; margin-bottom: 10px; } .section-basket .bonus-card-wrap-two{ width: 100%; } .section-basket .bonus-card-wrap-one .bonus-card{ margin: 0; padding: 20px; } .section-basket .bonus-card-wrap-one .bonus-card h2{ font-size: 16px; margin: 0px 0 9px; } .section-basket .bonus-card-wrap-one .bonus-card>h3{ font-size: 16px; text-transform: uppercase; } .section-basket .bonus-card-wrap-one .bonus-card>p{ font-size: 12px; margin: 0 0 2px; } .section-basket .bonus-card-wrap-one .btn-wrap{ padding: 0 0 0 0; } .section-basket .bonus-card-wrap-one .bonus-card .btn{ padding: 2px 25px; font-size: 14px; } .section-basket .bonus-card-wrap-one .product-quantity input, .section-basket .bonus-card-wrap-one .product-quantity button{ height: 25px; font-size: 16px; } .section-basket .bonus-card-wrap-two .bonus-card, .section-basket .bonus-card-wrap-one .bonus-card{ margin-bottom: 10px; } .bonus-card .btn{ padding: 9px 24px; font-size: 14px; } .section-basket .btn-wrap.change-bon-quant{ margin-top: 10px; } .section-basket .total .group-button{ flex-direction: column; } .section-basket .total .group-button a{ width: 100%; } .section-basket .total-text { justify-content: flex-start; } #basket_form_container .total .btn { width: 100%; font: 15px/1.2 "GothamProRegular", sans-serif; } } /* МОДАЛЬНОЕ ОКНО КОРЗИНЫ */ #modal-basket .bonus-wrap .total { bottom: -33px; } #modal-basket .thead{ display: block; width: 100%; } #modal-basket .modal-basket-btns-block{ display: flex; justify-content: space-between; flex-direction: column; } #modal-basket #close-and-keep-shopping, #modal-basket .buyoneclick{ cursor: pointer; background-color: transparent; color: #0095d5; border: 1px solid #0095d5; width: 180px; height: 52px; display: flex; justify-content: center; align-items: center; text-decoration: none; position: relative; background: none; top: unset; bottom: unset; left: unset; right: unset; margin-bottom: 10px; } #modal-basket .buyoneclick:hover{ color: #fff; border: 1px solid #0095d5; background-color: #0095d5; text-decoration: none; } #basket_form_container .buyoneclick{ text-decoration: none; height: 52px; width: 175px; max-width: 175px; display: flex; justify-content: center; align-items: center; background-color: #0095d5; color: #fff; font: 15px/1.2 "GothamProRegular", sans-serif; } #basket_form_container .buyoneclick:hover { background-color: #00509b; border-color: #00509b; text-decoration: none; color: #fff; } @media (max-width: 1200px) { .bonus-wrap .total .group-button { margin-bottom: 10px; } #modal-basket .total .group-button .btn { margin: 0 0 0 0; } #modal-basket .bonus-wrap .total { bottom: -44px; } } @media (max-width: 1110px) { #modal-basket .modal-basket-btns-block{ flex-direction: column; justify-content: flex-start; } #modal-basket #close-and-keep-shopping, #modal-basket .buyoneclick { margin-right: 0; width: 100%; max-width: 180px; } } @media (max-width: 1023px) { .sidebar-checkout.sidebar-active .container{ padding-left: 15px; padding-right: 15px; } } @media (max-width: 999px) { #basket_form_container .group-button a:nth-child(2){ display: none; } } @media (max-width: 992px) { #modal-basket #close-and-keep-shopping, #modal-basket .buyoneclick, #basket_form_container .buyoneclick{ height: 49px; width: 180px; text-align: center; } } @media (max-width: 767px) { #modal-basket .th.table-number, #modal-basket .th.table-price{ display: none; } #modal-basket .tr .th, #modal-basket .tr .td { max-width: 23.5%; flex: 0 0 23.5%; font-size: 12px; line-height: 1.3; padding: 0 10px; } #modal-basket .td.table-name, #modal-basket .td.table-preview{ margin-right: 10px; } #modal-basket .thumb img{ display: block; max-width: 100%; height: auto; } #modal-basket .modal-basket-btns-block{ justify-content: space-evenly; } #basket_form_container .total-text{ width: 100%; } #basket_form_container .total .btn-wrap { padding: 0; } } @media (max-width: 630px) { #modal-basket .thead{ display: none; } #modal-basket .tr .th, #modal-basket .tr .td{ max-width: 100%; flex: 0 0 0; } #modal-basket #basket_items .tr{ max-width: 100%; flex: inherit; height: 165px; padding: 0 0 16px 180px; align-items: flex-start; display: flex; flex-direction: column; justify-content: flex-end; position: relative; } #modal-basket .td.table-preview{ left: 0; top: 0; position: absolute; } #modal-basket .td.table-total-price{ position: absolute; bottom: 16px; right: 50px; } #modal-basket .td.table-total-price .product-price{ color: #0095d5; } .table-flex { min-width: unset; width: 100%; } } @media screen and (max-width: 600px) { #basket_form_container .buyoneclick{ max-width: unset; } } @media screen and (max-width: 576px) { #basket_form_container .group-button{ width: 100%; } #basket_form_container .btn-wrap, #basket_form_container .buyoneclick{ width: 100%; max-width: unset; } .bonus-wrap .total .group-button .btn{ font: 15px/1.2 "GothamProRegular", sans-serif; width: 100%; } #modal-basket .modal-basket-btns-block { flex-direction: row; justify-content: space-between; } #modal-basket .byoneclick{ width: 49%; } #modal-basket #close-and-keep-shopping{ width: 49%; max-width: unset; } } @media screen and (max-width: 530px) { #modal-basket .td.table-total-price{ right: 0; } #modal-basket .td.table-preview{ margin: 0; } #modal-basket .td.table-preview{ transform: translateY(-50%); top: 50%; } } @media screen and (max-width: 480px) { #modal-basket .modal-basket-btns-block{ flex-direction: column; } #modal-basket #close-and-keep-shopping, #modal-basket .buyoneclick, #modal-basket .byoneclick{ width: 100%; } #modal-basket .total .group-button .btn{ margin: 0; } #modal-basket .total-text { justify-content: left; } } @media screen and (max-width: 400px) { #modal-basket .td.table-preview{ left: unset; top: unset; position: relative; transform: unset; margin-bottom: 10px; } #modal-basket #basket_items .tr{ padding: 0 0 16px 0; height: auto; } } /* КНОПКИ "ЗАКРЫТЬ" ДЛЯ БОКОВЫХ МОДАЛЬНЫХ ОКОН */ #favourite-body .close-screen, #compare-body .close-screen{ background: rgba(0, 0, 0, 0) url(/local/assets/css/../img/svg/static/clear-button.svg)no-repeat center; width: 20px; height: 20px; cursor: pointer; position: absolute; right: 10px; top: 10px; } #favourite-body .close-screen{ display: none; } /* КАРТОЧКА ТОВАРА */ .mobile-prod-card-imb-logo, .mobile-prod-card-article-in-stock{ display: none; } .mobile-prod-card-img-logo{ position: absolute; left: 0; top: 0; } .mobile-prod-card-article-in-stock{ margin-bottom: 15px; } .mobile-prod-card-article-in-stock .product-status{ cursor: pointer; color: #0095d5; text-decoration: underline; } .mobile-prod-card-article-in-stock .product-status:hover{ color: #0095d5; text-decoration: none; } .inStockInfo-content{ position: absolute; top: 50%; left: 50%; transform: translate3d(-50%, -50%, 0); width: calc(100% - 30px); background-color: rgba(255,255,255,1); padding: 20px 15px; box-shadow: 3px 3px 10px rgba(0,0,0,0.4); } .inStockInfo-title{ color: #0095d5; width: 90%; } .get-back-btn{ height: 30px; width: 100%; display: flex; align-items: center; padding: 0 20px 0 20px; background-color: #fff; color: #000; text-decoration: none; font-weight: 500; font-size: 21px; position: relative; top: 5px; left: 0; } .get-back-btn:hover{ color: #000; text-decoration: none; } .get-back-btn:hover .get-back-svg{ fill: #0095d5; } .get-back-svg{ width: 20px; margin-right: 10px; } .section-catalog .product-item-container .catalog-product{ height: 483px; } @media screen and (max-width: 768px) { .des-bottom{ display: none; } .mobile-prod-card-article-in-stock{ display: flex; justify-content: space-between; } .product-card{ flex-direction: column; } .mobile-prod-card-img-logo{ display: block; } .product-preview{ position: relative; } .product-description .thumb img{ display: none; } .product-description .catalog-old-price{ margin-left: 0 !important; } .product-description .catalog-old-price span{ float: unset !important; } .product-description .catalog-price{ margin-top: 0 !important; } .product-description .catalog-price-per.active{ position: absolute; top: 0; right: 0; } .product-description .thumb{ position: relative; top: unset; right: unset; left: unset; bottom: unset; } .box-features .product-article{ display: none; } .product-description .box-cart.bxr-basket-action.bxr-basket-group{ position: relative; padding-bottom: 30px; } .product-description .box-cart.bxr-basket-action.bxr-basket-group .byoneclick{ position: absolute; bottom: 7px; right: 25px; } .box-brand>.thumb{ position: static; margin: 0; } } @media screen and (max-width: 599px) { .section-catalog .stickers { float: right; } } @media screen and (max-width: 420px) { .box-brand{ display: flex; flex-direction: column; } .product-description .catalog-price-per.active{ margin: 10px 0 0; order: 2; position: relative; top: unset; right: unset; left: unset; bottom: unset; } .product-description .thumb{ order: 1; } .product-description .catalog-price-variable{ order: 3; } .product-description .box-cart.bxr-basket-action.bxr-basket-group .byoneclick{ right: unset; left: 0; } .product-description .box-cart.bxr-basket-action.bxr-basket-group{ display: flex; flex-direction: column; justify-content: center; align-items: flex-start; } .mobile-prod-card-img-logo{ width: 80px; } .mobile-prod-card-img-logo img{ max-width: 100%; height: auto; display: flex; } } /*Кнопки купить/купить в 1 клик на страницах Каталога и Брендов*/ @media(max-width:1200px){ .section-catalog .product-item-container .catalog-product{ height: 510px } } @media(max-width: 1127px){ .section-catalog .byoneclick { margin: 5px 0 0 0!important; } .section-catalog .product-item-container .catalog-product{ height: 515px } } @media screen and (max-width: 1100px){ .section-catalog .byoneclick { margin: 5px 0 0 0!important; } .section-catalog .product-item-container .catalog-product{ height: 530px } .section-catalog .product-item-container .catalog-product .product-quantity{ width: 50%; } } @media(max-width:849px){ .section-catalog .byoneclick{ margin: 5px 0 0 auto!important; } .section-catalog .product-item-container .catalog-product{ height: 483px } } /* КАРТОЧКА ТОВАРА НА РАЗРЕШЕНИИ НИЖЕ 599px */ @media screen and (max-width: 599px) { .section-catalog .catalog-products .catalog-product{ padding-left: 30%; position: relative; height: auto; } .section-catalog .catalog-products .catalog-product a{ position: absolute; top: 10px; left: 10px; width: 25%; } .section-catalog .catalog-products .catalog-product .box-middle-content .box-features{ display: none; } .section-catalog .catalog-products .catalog-product .box-middle-content{ width: 100%; max-width: 170px; margin-bottom: 10px; } .section-catalog .catalog-products .catalog-product .catalog-product-title{ margin: 0; height: auto; overflow: visible; position: relative; top: unset; left: unset; width: 100%; } .section-catalog .catalog-products .catalog-product .box-price{ display: flex; flex-direction: column; } .section-catalog .catalog-products .catalog-product .box-price .catalog-price-variable{ order: 2; } .section-catalog .catalog-products .catalog-product .box-price .catalog-price-per{ order: 1; display: flex; align-items: flex-start; } .section-catalog .catalog-products .catalog-product .box-price .catalog-price-per .catalog-product-sale{ margin: 0; } .section-catalog .catalog-products .catalog-product .box-price .box-cart{ order: 3; } .section-catalog .catalog-products .catalog-product .box-price .box-cart .byoneclick .buyoneclick{ position: relative; top: unset; left: unset; } .section-catalog .catalog-products .catalog-product .box-price .box-cart .byoneclick{ margin-left: auto !important; margin-top: 0 !important; } .section-catalog .catalog-products .catalog-product .box-price .box-cart .product-quantity input, .section-catalog .catalog-products .catalog-product .box-price .box-cart .product-quantity button{ height: 40px; width: 40px; } .section-catalog .catalog-products .catalog-product .box-price .box-cart .btn{ width: 120px; } } @media screen and (max-width: 440px) { .section-catalog .catalog-products .catalog-product .box-price .box-cart .btn{ width: 100%; } .section-catalog .catalog-products .catalog-product .box-price .box-cart .byoneclick{ margin-left: unset !important; margin-top: 0 !important; margin-right: 0 !important; } } @media screen and (max-width: 400px) { .section-catalog .catalog-products .catalog-product{ padding-left: 15px; } .section-catalog .catalog-products .catalog-product a{ position: relative; top: unset; left: unset; width: 100%; } .section-catalog .catalog-products .catalog-product .box-middle-content{ width: 100%; max-width: unset; } } /* ОТКЛЮЧЕНИЕ КАТАЛОГА ДУБЛИРУЮЩЕГО МЕНЮ КАТАЛОГ (АДАПТИВ) */ @media all and (max-width: 768px) { .side-catalog .sidebar{ display: none !important; } .side-catalog{ display: none !important; } } /* РАЗДЕЛ ХИТЫ ПРОДАЖ */ .title-link-wrap{ display: flex; align-items: center; justify-content: space-between; } .category-link-mobile{ display: none; color: #000; } .bestsellers-title-link-mobile{ text-decoration: none; color: #000; } .category-link-mobile:hover, .bestsellers-title-link-mobile:hover{ color: #000; text-decoration: none; } @media screen and (max-width: 1200px) { .owl-catalog .owl-nav [class*=owl-]{ opacity: 1; visibility: visible; background-color: rgba(255,255,255,0.2); } } @media screen and (max-width: 768px) { .section-bestsellers span.title-big{ font-size: 17px; width: 100%; max-width: 215px; } .category-link-mobile{ display: block; } .category-link-mobile, .bestsellers-title-link-mobile{ text-decoration: underline; } } @media screen and (max-width: 404px) { .section-bestsellers { display: block; } } /* РАЗДЕЛ ДОСТАВКА ПРИ ОФОРМЛЕНИИ ТОВАРА */ .show-map-btn{ width: 100%; height: 52px; display: none; justify-content: center; align-items: center; color: #fff; background-color: #0095d5; margin-bottom: 20px; cursor: pointer; } .show-map-btn:hover{ background-color: #00509b; } .delivery-map-block{ display: block; transition: height 250ms linear; height: auto; overflow: visible; } .delivery-map-block.show-delivery-map-block{ display: block; height: auto; } .total-order-price .btn-wrap { display: none; } @media screen and (max-width: 768px) { .sidebar-checkout .checkout-order #bx-soa-total-mobile{ display: none; } .section-checkout .checkout-order{ display: none !important; } .show-map-btn{ display: flex; } .delivery-map-block{ display: none; height: 0; overflow: hidden; } .checkout-cards .total-order-price>* { flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 576px) { .sidebar-checkout .tr{ flex-flow: row wrap; justify-content: flex-start; } .sidebar-checkout .td.table-number{ margin-right: 15px; } .sidebar-checkout .td.table-preview{} .sidebar-checkout .td.table-name{ flex: 0 0 100%; max-width: 100%; margin-top: 10px; } .sidebar-checkout .td.table-total-price{} .checkout-cards .total-order-price .soa-cart-total-line{ overflow: hidden; } .checkout-cards .total-order-price .soa-cart-total-line b{ position: relative; } .checkout-cards .total-order-price .soa-cart-total-line b::before{ position: absolute; left: 102%; bottom: 1px; width: 1000px; height: 1px; background-color: #000; content: ""; z-index: 4; } .total-order-price .soa-cart-total-line b{ width: auto; padding-right: 2px; background-color: #f2f2f2; z-index: 5; } .total-order-price .soa-cart-total-line .bx-soa-cart-d{ background-color: #f2f2f2; z-index: 5; padding-left: 2px; } .total-order-price .bx-soa-cart-d{ float: right; text-align: left; width: 120px; } } @media screen and (max-width: 430px) { .section-checkout .tab-filter{ width: 100%; display: flex; justify-content: space-between; } .section-checkout #pikup-button, .section-checkout #delivery-button{ padding: 0 10px; width: 100%; max-width: 208px; font-size: 13px; } .section-checkout .tab-filter .svg{ width: 27px; height: 27px; } } /* ФИЛЬТР ТОВАРОВ (АДАПТИВ) */ .add-filter-btn{ display: none; background-color: #0095d5; border: 1px solid #0095d5; height: 40px; color: #ffffff; margin: 0 0 15px; width: 90%; max-width: 280px; position: relative; align-items: center; cursor: pointer; padding: 0 15px; } .add-filter-btn::before{ position: absolute; width: 20px; height: 20px; color: #ffffff; border: 1px solid #ffffff; border-radius: 50%; display: flex; justify-content: center; align-items: center; content: "+"; top: 50%; transform: translateY(-50%); right: 15px; } .add-filter-btn:hover{ background-color: #0095d5; border: 1px solid #0095d5; color: #ffffff; } .show-filter{ display: block !important; } @media screen and (max-width: 999px) { .add-filter-btn{ display: flex; } .noUi-horizontal .noUi-handle { width: 25px; height: 25px; top: -12px; background: unset; } .noUi-horizontal .noUi-handle::before { background: #0095d5; content: ""; top: 50%; left: 45%; transform: translate3d(-50%, -50%, 0); width: 15px; height: 15px; position: absolute; } .section-catalog .filters.container-fluid .bx-filter-parameters-box-title{ display: none; } .section-catalog .sidebar-filters{ padding-left: 0; padding-right: 0; padding-bottom: 0; } .section-catalog .bx-filter .bx-filter-parameters-box{ border-bottom: 1px solid #ccc; position: relative; margin-bottom: 0; display: flex; align-items: flex-start; padding: 10px 30px 10px; flex-direction: column; justify-content: flex-start; } .section-catalog .bx-filter .filter-others.bx-filter-parameters-box { border-bottom: none; padding: 0 30px 0; } .section-catalog .bx-filter .h3Text{ position: relative; } .section-catalog .bx-filter .h3Text::before{ position: absolute; left: -15px; top: 50%; transform: translateY(-50%) rotate(-45deg); content: ""; width: 7px; height: 7px; border-bottom: 1px solid #333; border-right: 1px solid #333; } .section-catalog .bx-filter .bx-filter-parameters-box .bx-filter-block{ margin-top: 10px; } .section-catalog .filter:nth-child(1) .h3Text::before, .section-catalog .filter:nth-child(2) .h3Text::before{ width: 0; height: 0; display: none; } .section-catalog .filter-price.bx-filter-parameters-box.bx-active .bx-filter-block{ width: 100%; } .section-catalog .selected-filters{ padding: 5px 30px; } .section-catalog .filters .h2Text{ padding: 5px 30px 0; margin-bottom: 0; } .section-catalog .sidebar-body{ padding: 0; } } @media screen and (max-width: 768px) { .hide_404 .breadcrumbs, .subbredcrumbs{ display: none; } } @media screen and (max-width: 479px) { .add-filter-btn{ width: 100%; max-width: unset; } } /* ИЗМЕНЕНИЯ В ХЕДЕРЕ */ .desktop-h, .group-registration .icon-user{ display: none !important; } .group-registration .icon-user .svg{ width: 32px; height: 32px; } .mobile-nav{ display: none; margin: 0; padding: 0; border-bottom: 1px solid #000;} .mobile-nav li{ list-style-type: none; border-top: 1px solid #000; } .mobile-nav li a{ display: block; position: relative; padding: 15px 30px 15px 15px; color: #000; text-decoration: none; } .mobile-nav li a .arrow{ position: absolute; top: 18px; right: 15px; z-index: 10; } .mobile-nav li a .arrow:after{ content: ''; display: block; transition: all .5s; width: 10px; height: 10px; border-bottom: 1px solid #000; border-right: 1px solid #000; transform: rotate(-45deg); } @media screen and (max-width: 999px) { .header-top .group-content > li:first-child{ position: absolute; top: 7px; left: 15px; z-index: 10; } } @media screen and (max-width: 999px) { .section-banner, .section-usefulness, .section-social, .section-seo-text, .section-service-news{ display: none; } .fixed .header-top, .section-advantages{ display: block; } .header-top .group-registration, .fixed-content .group-registration > li:first-child{ display: none !important; } .header-top .group-content > li:nth-child(2){ position: absolute; top: 7px; margin: 0; right: 15px; z-index: 10; } } @media screen and (max-width: 767px) { .header.fixed{ position: relative; box-shadow: none; } .content{ padding: 0 0 531px; } .header .logo{ font-size: 12px; } .fixed .logo span, .cart > p{ display: block; } .desktop-h{ display: block !important; } .mobile-h{ display: none; } .group-registration .icon-user{ display: block !important; border-bottom: none; } .group-registration li a.personal-link{ display: none !important; } .mobile-nav{ display: block; } .total-order-price{ display: block; } .total-order-price>*{ flex: 0 0 100%; max-width: 100%; } .btn-wrap{ padding: 15px 0 0 0; } .subbredcrumbs, .breadcrumbs{ display: none; } .title-black{ padding: 20px 0 29px; } } @media screen and (max-width: 480px) { .fixed .logo span{ display: none; } .bonus-card .group-input, .bonus-card .btn-wrap{display: block; } .bonus-card .group-input > input{ max-width: 100%; margin: 0 0 15px; } .bonus-card .btn-wrap .product-quantity{ margin: 0 0 15px; } .btn{ width: 100%; } } /* МЕНЮ КАТАЛОГ, ПОЛЯ ПОИСКА В ХЕДЕРЕ */ .header-middle .drop-down-catalog{ display: none; } .header-middle>.form-search{ display: none; } .search-block-two{ display: none; top: unset; max-width: 170px; position: absolute; right: 15px; bottom: 11px; } .search-block-two .form-search{ margin: 0; } @media screen and (max-width: 1250px) { .header-bottom>.container{ padding: 0 15px 0 0; } .header-bottom .drop-down-body-shadow .container{ margin: 0; } } @media screen and (max-width: 999px) { .header-bottom .drop-down-catalog{ display: none; } .header-middle .drop-down-catalog{ display: flex; } .header-middle { position: relative; padding-bottom: 50px; } .header-middle .drop-down-catalog .container{ height: auto !important; } .header-middle .drop-down-catalog .drop-down-body-shadow{ display: none; top: 45px !important; position: absolute; } .header-middle .drop-down-catalog.open .drop-down-body-shadow{ z-index: 999 !important; display: block; width: 600px; } .fixed .header-middle .catalog{ justify-content: flex-start; padding-left: 20px; } .fixed .header-middle .drop-down-catalog{ max-width: 50% !important; position: absolute; top: 76px; } .fixed .header-middle .drop-down-catalog.open { top: 76px; } } @media screen and (max-width: 768px) { .header-middle .drop-down-catalog.open .drop-down-body-shadow{ width: 500px; } .header-middle .group-logo .form-search{ display: none; } .header-bottom .form-search{ display: none; } .header-middle>.form-search{ display: flex; } .fixed .header-middle .form-search { top: unset; max-width: 100%; position: relative; right: unset } .fixed .header-middle .form-search>input{ height: 30px; } .fixed .header-middle .form-search>button{ margin: 0 0 0 -5px; padding: 0px 0 0px; border: 1px solid #dadada; } .search-block-two{ display: block; } .drop-down-catalog.drop-home.open+.search-block-two{ display: none; } } @media screen and (max-width: 530px) { .fixed .header-middle .form-search{ max-width: 100%; } .fixed .header-middle .form-search>button{ width: 30px; height: 30px; font-size: 0px; color: #0095d5; position: relative; background-color: #0095d5; border: none; } .fixed .header-middle .form-search>button::before{ width: 18px; height: 18px; background: url('/local/assets/css/../img/svg/static/search2.svg') center no-repeat; background-size: contain; content: ""; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); filter: gray; } .header-middle .form-search>input { background: none; padding: 0 10px 0 10px; } .form-search>input::placeholder, .form-search>input::-webkit-input-placeholder, .form-search>input::-ms-input-placeholder, .header-middle .form-search #title-search-input::-webkit-input-placeholder, .header-middle .form-search #title-search-input:-ms-input-placeholder, .header-middle .form-search #title-search-input::placeholder{ color: #fff !important; } #title-search-input::-webkit-input-placeholder, #title-search-input:-ms-input-placeholder, #title-search-input::placeholder{ color: #fff !important; } } /* ДОПОЛНИТЕЛЬНЫЕ СТИЛИ ДЛЯ МЕНЮ КАТАЛОГ */ .drop-down-body-shadow .drop-down-body .mob-nav-submenu p{ margin: 0; } .mob-nav-submenu .back{ cursor: pointer; } .quick-search-form-wrap{ width: 100%; padding: 5px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; display: block; } .quick-search-form{ border-radius: 5px; border: 1px solid #cccccc; height: 40px; width: 100%; background-color: #eaeaea; position: relative; overflow: hidden; } .quick-search-btn{ display: block; background: #fff url(/local/assets/css/../img/svg/static/search.svg) no-repeat center 20px; border: none; background: transparent; width: 40px; height: 40px; cursor: pointer; position: absolute; left: 0; top: 50%; transform: translateY(-50%); } .quick-search-btn:hover{ background-color: #aaaaaa !important; } .quick-search-input{ background-color: transparent; height: 40px; width: 100%; padding: 0 15px 0 50px; display: flex; align-items: center; color: #000; } .quick-search-input::-webkit-input-placeholder { text-align: center; } .quick-search-input:-moz-placeholder { text-align: center; } .quick-search-input::-moz-placeholder { text-align: center; } .quick-search-input:-ms-input-placeholder { text-align: center; } .quick-search-input::-ms-input-placeholder { text-align: center; } .quick-search-input:focus::-webkit-input-placeholder { opacity: 0; } .sidebar-active .card-reg-auto{ /*display: block;*/ } .sidebar-active .card-reg-auto>div{ /*flex: 0 0 60%; max-width: 60%;*/ flex: 0 0 50%; max-width: 50%; padding: 0; } .sidebar-active .card-reg-auto .box-left{ padding: 0 0 50px } @media screen and (max-width: 999px) { .content{ padding: 0 0 531px; } .header.fixed{ position: relative; box-shadow: none; } .header-middle .drop-catalog-list{ max-height: 100% !important; height: 100% !important; } .header-middle .drop-catalog-list li{ border-bottom: 1px solid #ccc; width: 100%; } .header-middle .drop-catalog-list li a{ margin: 0; height: 40px; width: auto; display: flex; align-items: center; justify-content: flex-end; } .drop-down-catalog.open .drop-down-body-shadow, .drop-down-catalog.open .drop-down-body{ /*max-height: fit-content !important;*/ height: auto; width: 100vw !important; padding-left: 0; max-height: intrinsic; max-height: -moz-max-content; max-height: -webkit-max-content; } .fixed .header-middle .drop-down-catalog.open .catalog span { display: none;; } .search-block-one .form-search{ margin: 0 0 0 0; } .box-subcategory-list.banner-active .banner-here{ display: none; } } @media screen and (max-width: 500px) { .header-middle .drop-down-catalog.open .drop-down-body-shadow{ width: 100vw; box-shadow: 0 5px 6px rgba(0,0,0,0.5); } .drop-catalog-list .box-subcategory-list.banner-active .subcategory-list{ margin: 0; } .drop-catalog-list .box-subcategory-list.banner-active .subcategory-list p{ margin: 0; } .drop-catalog-list .box-subcategory-list.banner-active .subcategory-list a{ justify-content: flex-start; border-bottom: 1px solid #ccc; padding: 0 15px; } .drop-catalog-list .drop-lvl2-body{ padding: 20px 0; } .drop-catalog-list .box-subcategory-list.banner-active .subcategory-list ul li a{ border: none; padding-left: 30px; } .drop-catalog-list .box-subcategory-list.banner-active .subcategory-list p a{ position: relative; } .drop-catalog-list .box-subcategory-list.banner-active .subcategory-list p a::before{ content: ''; display: none; transition: all .5s; width: 7px; height: 7px; border-bottom: 1px solid #333; border-right: 1px solid #333; right: 30px; position: absolute; top: 50%; transform: translateY(-50%) rotate(-45deg); } .quick-search-form-wrap{ display: block; } .header .header-info-section { display:none; margin-bottom: 30px; } .modal-info-section { margin: 50px 0 0 !important; } } @media screen and (max-width: 479px) { .add-filter-btn{ width: 100%; max-width: unset; } } @media screen and (max-width: 480px) { .sidebar .sidebar-catalog{ display: none !important; } .sidebar.personal{ display: block !important; } } .lazy-img { max-width: 45%; } /* ПРОЧИЕ ПРАВКИ */ /* стикеры */ @media all and (max-width: 768px) { .product-card .product-preview .stickers{ justify-content: flex-end; } .lazy-img { max-width: 50%; } } /* настройка каталога для мозилы */ .drop-down-catalog.drop-home:hover .drop-down-body-shadow, .drop-down-catalog:hover .drop-down-body { max-height: unset; } /* name validation */ .invalid-feedback{ color: red; } .form-name{ border-color: black; } .form-phone{ border-color: black; } .form-email{ border-color: black; } .form-message{ border-color: black; } .form-box{ margin: 5px; } .button{ margin: 5px; } .horizontal .byoneclick { margin: 0 !important; } .header .header-info-section { font-size: 13px; width: 100%; line-height: 1.3; background: #fff; } .header .header-info-section__wrapper { max-width: 1040px; margin: 20px auto auto; padding: 0 15px; } .mobile-info-section { display:none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; width: 100%; height: 100%; background: #1b1b1bcf; z-index: 99999999999; } .mobile-info-section.shown { display: block; } body.w-active { overflow: hidden; } .mobile-info-section__box { position: absolute; width: 100%; bottom: 0; background: #fff; z-index: 9999999999; } .mobile-info-section__wrapper { padding: 20px; } .mobile-info-section__content { margin-bottom: 1rem; font-size: 13px; line-height: 1.5; } .mobile-info-section__bottom { display: flex; width: 100%; justify-content: center; background: #0095d5; padding: 15px; text-transform: uppercase; font-weight: 600; color: #fff; } .modal-info-section { margin: 80px 0 0; } .error-field{ border: 1px solid red; } .error-notice{ color: red; } .sale-paysystem-button-container::after{ pointer-events: none; } /* NEW STYLES AUTH/REG/FORGOTT FORMS */ @media screen and (min-width: 999px) { .forgott-grey{ width: 650px; margin-bottom: 50px; } } .bottom-gray{ padding-bottom: 40px; } .regform-block .box-right{ padding: 0 2% 0 0; } .regform-block .btn-wrap input{ float: left; } .regform-block .btn-wrap a{ float: right; margin-top: 15px; } .lk-list{ padding-left: 30px; } .lk-list li a{ color: #000; } /* Правки корзины */ .bonus-wrap .total { right: -43%; bottom: 25px; top: 0; } .bonus-wrap .bonus-cards { flex: 0 0 90%; } #basket_form_container .bonus-wrap .total .btn { width: 32%; max-height: 65px; } @media(max-width:1200px){ #basket_form_container .bonus-wrap .total .group-button{ flex-direction: column; } #basket_form_container .bonus-wrap .total .btn { width: 100%; max-height: 65px; } .bonus-wrap .total { width: 30%; right: -10%; } .bonus-wrap .bonus-cards{ flex: 0 0 70%; } } @media(max-width:992px) { .bonus-wrap .total { position: initial; width: 100%; } .bonus-wrap .bonus-cards{ flex: 0 0 100%; } #basket_form_container .bonus-wrap .total .group-button{ flex-direction: row; } } .product-article { font-size: 12px; font-weight: 400; line-height: 11.48px; } .product-status__inner { display: flex; align-items: center; gap: 3px; } .product-list { align-items: center; gap: 7px; flex-direction: column; display: flex; left: 15px; top: 30px; position: absolute; } .box-features .group-button>button>svg { stroke: #6A6A6A; fill: transparent; } .box-features .group-button > button.active > svg { stroke: #0095d5; fill: transparent; } .box-features .group-button:not(.dont-fill)>button:hover>svg { stroke: #000; fill: transparent; } .box-features { margin: 0 0 13px; } .catalog-product-title { font-size: 15px; line-height: 19px; margin: 0 0 10px } .catalog-product:hover .catalog-product-title { color: #333333; } .catalog-price-variable span { font-size: 15px; } .catalog-price-variable { margin: 0 -10px 5px; } .catalog-price .price { font-size: 23px; /* font-family: "GothamProBold"; font-weight: 700; */ font-weight: 500; font-family: "GothamProMedium"; } .catalog-price .price .rur { font-family: Arial, sans-serif; font-size: 93%; } .catalog-product-sale { font-size: 15px; } .catalog-price { margin: 0 0 5px; } .catalog-price-per.active { margin-bottom: 11px; } .section-catalog .product-item-container .catalog-product { min-height: 463px; height: auto; } .product-item__btn { justify-content: center; font-size: 17px; color: #fff; background: #0095D5; height: 46px; width: 100%; align-items: center; border-radius: 10px; font-family: 'GothamProRegular'; } .quantity-form { justify-content: space-between; box-sizing: border-box; display: flex; align-items: center; background: #0095D5; color: white; width: 100%; height: 46px; border-radius: 10px; } .quantity-btn { min-width: 46px; background: #008BC7; border: none; color: white; font-size: 24px; padding: 8px 15px; cursor: pointer; transition: background-color 0.3s; border-radius: 10px; } .quantity-btn:hover { background-color: rgba(255, 255, 255, 0.1); } .quantity-input { background: none; border: none; color: white; font-size: 15px; max-width: 50px; width: auto; font-family: "GothamProBold"; font-weight: 700; text-align: center; -moz-appearance: textfield; } .quantity-input::-webkit-outer-spin-button, .quantity-input::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } .quantity-text { border-bottom: 1px solid #3AC0FA; flex-grow: 0; text-align: center; padding: 4px 0; font-size: 14px; white-space: nowrap; display: flex; justify-content: center; align-items: center; } .quantity-text span { margin: 0 2px; } .rating-list { display: flex; list-style: none; padding: 0; margin: 0; } .rating-list__item { cursor: pointer; width: 18px; height: 16px; margin-right: 1px; position: relative; } .rating-list__item:last-child { margin-right: 0; } .rating-list__item svg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } .rating-list__item { background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.349609L11.4863 5.61759L17.5595 6.22297L13.023 10.0841L14.2901 15.7263L9 12.8446L3.70993 15.7263L4.97703 10.0841L0.440492 6.22297L6.51367 5.61759L9 0.349609Z' fill='%23D9D9D9'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: center; background-size: contain; } .rating-list__item.active { background-image: url("data:image/svg+xml,%3Csvg width='18' height='16' viewBox='0 0 18 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 0.349609L11.4863 5.61759L17.5595 6.22297L13.023 10.0841L14.2901 15.7263L9 12.8446L3.70993 15.7263L4.97703 10.0841L0.440492 6.22297L6.51367 5.61759L9 0.349609Z' fill='%230095D5'/%3E%3C/svg%3E"); } .rating-list__item { --star-color: #D9D9D9; --star-active-color: #0095D5; } .rating-list__item svg { fill: var(--star-color); } .rating-list__item.active svg { fill: var(--star-active-color); } .rating-list { display: flex; } .svg-header { width: 24px; height: 22px; transition: all .5s; } .header .inf-count .count { min-width: 16px; height: 16px; font-size: 10px; } /*body .sticker-new, body .sticker-extra-cashback { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='25' height='25' viewBox='0 0 25 25' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M23.7806 13.228L11.9826 1.42989C11.4804 0.97623 10.8325 0.71707 10.1559 0.699219H1.21612C0.924776 0.714721 0.649439 0.837437 0.443136 1.04374C0.236833 1.25005 0.114135 1.52537 0.0986328 1.81672V10.7566C0.116484 11.4332 0.375625 12.081 0.829284 12.5833L12.6273 24.3814C12.7272 24.4821 12.846 24.562 12.9769 24.6166C13.1079 24.6711 13.2483 24.6992 13.3902 24.6992C13.532 24.6992 13.6725 24.6711 13.8034 24.6166C13.9343 24.562 14.0532 24.4821 14.1531 24.3814L23.8021 14.7323C23.9961 14.5286 24.1025 14.257 24.0985 13.9757C24.0945 13.6945 23.9804 13.426 23.7806 13.228ZM3.68745 6.02879C3.30492 6.02879 2.93098 5.91535 2.61292 5.70282C2.29486 5.4903 2.04696 5.18823 1.90057 4.83482C1.75418 4.48141 1.71589 4.09252 1.79052 3.71734C1.86515 3.34216 2.04935 2.99753 2.31983 2.72704C2.59032 2.45655 2.93495 2.27235 3.31013 2.19772C3.6853 2.12309 4.0742 2.1614 4.42761 2.30778C4.78102 2.45417 5.08307 2.70206 5.29559 3.02013C5.50811 3.33819 5.62154 3.71214 5.62154 4.09467C5.62155 4.35048 5.57084 4.60375 5.4723 4.83982C5.37376 5.07589 5.22937 5.29006 5.0475 5.46994C4.86562 5.64982 4.64987 5.79184 4.41273 5.88777C4.17558 5.98369 3.92177 6.03163 3.66597 6.02879H3.68745ZM13.7233 18.7725L12.6702 17.7194C12.0785 18.2981 11.3323 18.6936 10.5212 18.8584L10.07 17.8913C10.8163 17.7371 11.5026 17.3716 12.047 16.8383C12.2165 16.707 12.3572 16.5422 12.4605 16.3543C12.5638 16.1664 12.6275 15.9593 12.6476 15.7459C12.6678 15.5324 12.6439 15.3171 12.5776 15.1132C12.5113 14.9093 12.4039 14.7211 12.262 14.5604C11.9022 14.3108 11.4748 14.1771 11.037 14.1771C10.5992 14.1771 10.1718 14.3108 9.8121 14.5604C9.29943 14.9508 8.67283 15.1622 8.02843 15.1622C7.38404 15.1622 6.75744 14.9508 6.24476 14.5604C5.83704 14.1099 5.61124 13.524 5.61124 12.9164C5.61124 12.3088 5.83704 11.7229 6.24476 11.2724L5.19174 10.2194L5.83645 9.57465L6.86796 10.6062C7.32049 10.1147 7.8896 9.74512 8.52269 9.53168L8.95249 10.4987C8.31574 10.6615 7.73592 10.996 7.27627 11.4658C7.11947 11.5769 6.98812 11.7201 6.89094 11.8859C6.79377 12.0516 6.73299 12.2362 6.71266 12.4273C6.69233 12.6184 6.7129 12.8116 6.77303 12.9941C6.83315 13.1767 6.93147 13.3443 7.06139 13.4859C7.42741 13.7499 7.86724 13.892 8.31854 13.892C8.76984 13.892 9.20969 13.7499 9.57571 13.4859C10.1183 13.1298 10.7646 12.9659 11.4113 13.0204C12.058 13.075 12.6677 13.3448 13.143 13.7867C13.5899 14.2447 13.8506 14.8524 13.8745 15.4918C13.8983 16.1313 13.6836 16.7567 13.272 17.2466L14.368 18.3426L13.7233 18.7725ZM17.7634 14.7323L16.7104 13.6793C16.1186 14.2579 15.3724 14.6534 14.5614 14.8183L14.1101 13.8512C14.8564 13.697 15.5427 13.3314 16.0872 12.7982C16.2566 12.6668 16.3973 12.5021 16.5006 12.3142C16.6039 12.1263 16.6676 11.9192 16.6878 11.7057C16.7079 11.4923 16.6841 11.2769 16.6177 11.073C16.5514 10.8691 16.4439 10.681 16.302 10.5202C15.9423 10.2707 15.515 10.1369 15.0771 10.1369C14.6393 10.1369 14.2119 10.2707 13.8522 10.5202C13.3395 10.9106 12.7129 11.122 12.0685 11.122C11.4241 11.122 10.7976 10.9106 10.2849 10.5202C9.87716 10.0697 9.65136 9.48382 9.65136 8.87623C9.65136 8.26863 9.87716 7.68271 10.2849 7.23223L9.23187 6.17922L9.87657 5.53451L10.9081 6.56604C11.3921 6.08564 11.9915 5.73782 12.6488 5.556L13.0786 6.52305C12.4418 6.68584 11.862 7.02036 11.4023 7.49012C11.2455 7.60121 11.1142 7.74439 11.017 7.91018C10.9198 8.07596 10.8591 8.26054 10.8387 8.45163C10.8184 8.64271 10.839 8.83594 10.8991 9.01846C10.9593 9.20098 11.0575 9.36859 11.1875 9.51018C11.5535 9.77419 11.9933 9.91629 12.4446 9.91629C12.8959 9.91629 13.3358 9.77419 13.7018 9.51018C14.2003 9.15171 14.7997 8.96066 15.4137 8.96452C16.0278 8.96838 16.6247 9.16696 17.1187 9.53168C17.5656 9.98962 17.8263 10.5974 17.8501 11.2368C17.8739 11.8762 17.6592 12.5017 17.2476 12.9916L18.3436 14.0876L17.7634 14.7323Z' fill='%23E10841'/%3e%3c/svg%3e"); background-size: cover; background-repeat: no-repeat; height: 25px; width: 25px; } body .sticker-product-day, body .sticker-like-user { background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg width='21' height='29' viewBox='0 0 21 29' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M15.1434 20.5839C15.127 20.5839 15.1052 20.5839 15.0888 20.5839L13.9075 20.5402L13.0325 21.3331C12.759 21.5792 12.4036 21.716 12.0371 21.716C11.8457 21.716 11.6543 21.6777 11.4739 21.6066L10.3801 21.1581L9.28632 21.6066C9.10585 21.6832 8.91444 21.716 8.72303 21.716C8.35115 21.716 8.00114 21.5792 7.7277 21.3331L6.85269 20.5402L5.67142 20.5839C5.65501 20.5839 5.63314 20.5839 5.61673 20.5839C5.06438 20.5839 4.56124 20.2777 4.29874 19.7909L3.74639 18.7464L3.70264 18.73V27.9559C3.70264 28.5083 4.2878 28.8692 4.78 28.6176L10.0465 25.9707C10.2598 25.8668 10.5059 25.8668 10.7192 25.9707L15.9747 28.6176C16.4669 28.8692 17.0521 28.5083 17.0521 27.9559V18.73L17.0083 18.7464L16.456 19.7909C16.2044 20.2777 15.7013 20.5839 15.1434 20.5839Z' fill='%23E10841'/%3e%3cpath d='M20.5411 11.2322C20.6943 10.9916 20.6943 10.6853 20.5411 10.4392L19.9122 9.43842C19.8083 9.27435 19.7755 9.07748 19.8138 8.88607L20.0654 7.73214C20.1255 7.45323 20.0216 7.16338 19.7919 6.98838L18.8622 6.26649C18.7091 6.14618 18.6106 5.97665 18.5833 5.77977L18.4192 4.60944C18.381 4.32506 18.1786 4.0899 17.9106 4.0024L16.7895 3.64145C16.6036 3.5813 16.4505 3.45004 16.363 3.28051L15.8051 2.23049C15.6793 1.9844 15.4223 1.83674 15.1489 1.83674C15.1379 1.83674 15.1325 1.83674 15.1215 1.83674L13.9403 1.88049C13.9293 1.88049 13.9239 1.88049 13.9129 1.88049C13.727 1.88049 13.552 1.80939 13.4098 1.68908L12.5348 0.896097C12.3926 0.770314 12.2176 0.704688 12.0316 0.704688C11.9387 0.704688 11.8402 0.721094 11.7527 0.759376L10.659 1.20782C10.5715 1.2461 10.473 1.26251 10.38 1.26251C10.2871 1.26251 10.1886 1.2461 10.1011 1.20782L9.01284 0.753907C8.91987 0.715625 8.82689 0.699219 8.73392 0.699219C8.55345 0.699219 8.37298 0.764845 8.23079 0.890628L7.35578 1.68361C7.21906 1.80939 7.03859 1.87502 6.85265 1.87502C6.84171 1.87502 6.83624 1.87502 6.8253 1.87502L5.64403 1.83127C5.63309 1.83127 5.62763 1.83127 5.61669 1.83127C5.34325 1.83127 5.08621 1.9844 4.96043 2.22502L4.40808 3.26957C4.32057 3.44457 4.16198 3.57036 3.98151 3.63052L2.86039 3.99146C2.58695 4.07896 2.39007 4.31412 2.35179 4.5985L2.18773 5.76883C2.16038 5.96024 2.06194 6.13524 1.90882 6.25556L0.962709 6.98838C0.738487 7.16338 0.634579 7.45323 0.689267 7.73214L0.940834 8.88607C0.984584 9.07748 0.946302 9.27435 0.842395 9.43842L0.213478 10.4392C0.060351 10.6798 0.060351 10.9861 0.213478 11.2322L0.842395 12.233C0.946302 12.3971 0.979116 12.5939 0.940834 12.7853L0.689267 13.9393C0.62911 14.2182 0.733018 14.508 0.962709 14.683L1.89241 15.4049C2.04554 15.5252 2.14398 15.6948 2.17132 15.8916L2.33539 17.062C2.37367 17.3464 2.57602 17.5815 2.84399 17.669L3.69713 17.9425L3.97057 18.03C4.15651 18.0901 4.30964 18.2214 4.39714 18.3909L4.94949 19.4355C5.07527 19.6816 5.33231 19.8292 5.60575 19.8292C5.61669 19.8292 5.62216 19.8292 5.63309 19.8292L6.81436 19.7855C6.8253 19.7855 6.83077 19.7855 6.84171 19.7855C7.02765 19.7855 7.20265 19.8566 7.34484 19.9769L8.21985 20.7698C8.36204 20.8956 8.53705 20.9613 8.72299 20.9613C8.81596 20.9613 8.9144 20.9449 9.0019 20.9066L10.0957 20.4581C10.1832 20.4198 10.2816 20.4034 10.3746 20.4034C10.4675 20.4034 10.566 20.4198 10.6535 20.4581L11.7473 20.9066C11.8402 20.9449 11.9332 20.9613 12.0262 20.9613C12.2066 20.9613 12.3871 20.8956 12.5293 20.7698L13.4043 19.9769C13.541 19.8511 13.7215 19.7855 13.9074 19.7855C13.9184 19.7855 13.9239 19.7855 13.9348 19.7855L15.1161 19.8292C15.127 19.8292 15.1325 19.8292 15.1434 19.8292C15.4168 19.8292 15.6739 19.6761 15.7997 19.4355L16.352 18.3909C16.4395 18.2159 16.5981 18.0901 16.7786 18.03L17.052 17.9425L17.9052 17.669C18.1786 17.5815 18.3755 17.3464 18.4138 17.062L18.5778 15.8916C18.6052 15.7002 18.7036 15.5252 18.8567 15.4049L19.7864 14.683C20.0107 14.508 20.1146 14.2182 20.0599 13.9393L19.8083 12.7853C19.7646 12.5939 19.8029 12.3971 19.9068 12.233L20.5411 11.2322ZM17.588 13.8791C17.4348 14.2346 17.2653 14.5737 17.063 14.9018C16.7403 15.4268 16.3575 15.919 15.9145 16.362C15.1981 17.0784 14.3614 17.6417 13.4317 18.0354C12.4691 18.4456 11.441 18.6479 10.3855 18.6479C9.33003 18.6479 8.30736 18.4401 7.33937 18.0354C6.40967 17.6417 5.57294 17.0784 4.85652 16.362C4.41354 15.919 4.03073 15.4323 3.70806 14.9018C3.51119 14.5737 3.33071 14.2346 3.18306 13.8791C2.77289 12.9166 2.57055 11.8885 2.57055 10.833C2.57055 9.77749 2.77836 8.75482 3.18306 7.78683C3.57681 6.85713 4.1401 6.0204 4.85652 5.30398C5.57294 4.58756 6.40967 4.02427 7.33937 3.63052C8.30189 3.22035 9.33003 3.01801 10.3855 3.01801C11.441 3.01801 12.4637 3.22582 13.4317 3.63052C14.3614 4.02427 15.1981 4.58756 15.9145 5.30398C16.6309 6.0204 17.1942 6.85713 17.588 7.78683C17.9981 8.74935 18.2005 9.77749 18.2005 10.833C18.2005 11.8885 17.9927 12.9166 17.588 13.8791Z' fill='%23E10841'/%3e%3cpath d='M10.3801 3.90942C6.55737 3.90942 3.45654 7.01025 3.45654 10.833C3.45654 11.4674 3.54404 12.0853 3.70264 12.6705C4.50656 15.6073 7.19176 17.762 10.3801 17.762C13.5684 17.762 16.2536 15.6073 17.0575 12.6705C17.2161 12.0853 17.3036 11.4674 17.3036 10.833C17.3036 7.01025 14.2028 3.90942 10.3801 3.90942ZM13.4645 14.0432C13.6012 14.6721 12.9286 15.1643 12.3707 14.8471L10.3801 13.7205L8.38943 14.8471C7.83161 15.1643 7.15895 14.6721 7.29567 14.0432L7.77146 11.7955L6.21831 10.39L6.0433 10.2314C5.56751 9.80483 5.81908 9.01732 6.45347 8.94075L8.71756 8.66184L9.70195 6.55087C9.96993 5.97664 10.7848 5.97664 11.0528 6.55087L12.0371 8.66184L14.3012 8.94075C14.9356 9.01732 15.1817 9.80483 14.7114 10.2314L14.5364 10.39L12.9833 11.7955L13.4645 14.0432Z' fill='%23E10841'/%3e%3c/svg%3e"); background-size: cover; background-repeat: no-repeat; height: 28px; width: 21px; }*/ .stickers { align-items: center; gap: 7px; flex-direction: column; display: flex; left: 15px; top: 30px; position: absolute; } .mySwiperActions .swiper-button-next:after, .mySwiperActions .swiper-button-prev:after { display: none; } .mySwiperActions .swiper-button-next svg, .mySwiperActions .swiper-button-prev svg { width: auto; height: auto; object-fit: contain; transform-origin: center; stroke: #0095D5; } .mySwiperActions .swiper-button-next.swiper-button-disabled svg, .mySwiperActions .swiper-button-prev.swiper-button-disabled svg { stroke: #CBCBCB; } .mySwiperActions .swiper-button-next, .mySwiperActions .swiper-button-prev { top: 0; margin-top: 0; border: 1px solid #DDDDDD; width: 41px; height: 41px; } .swiper.mySwiperActions { padding-top: 70px; } .mySwiperActions .swiper-button-next.swiper-button-disabled, .mySwiperActions .swiper-button-prev.swiper-button-disabled { opacity: .6; cursor: auto; pointer-events: none; } .mySwiperActions .swiper-button-prev { left: unset; right: 60px; } .one-article .thumb>img { height: auto; object-fit: cover; max-height: 400px; } .article-body-wrapper { position: relative; max-height: 400px; } .article-body { /*max-height: 400px; overflow-y: scroll;*/ padding-right: 20px; box-sizing: border-box; } .article-body::-webkit-scrollbar { width: 0; background: transparent; } .article-body { scrollbar-width: none; } .article-body { -ms-overflow-style: none; } .custom-scrollbar { position: absolute; top: 0; right: 0; width: 5px; height: 100%; background: #F2F2F2; border-radius: 30px; } .custom-scrollbar-thumb { position: absolute; top: 0; right: 0; width: 5px; background: #BEBEBE; border-radius: 30px; min-height: 30px; } .article-body-wrapper { flex: 1 0; max-width: 100%; } .catalog-products.owl-catalog:not(:has(.owl-nav.disabled)) { padding-top: 50px; } .catalog-products.owl-catalog { min-height: 500px; } .owl-carousel .owl-nav .owl-prev, .owl-carousel .owl-nav .owl-next { top: 0; } .owl-carousel .owl-nav [class*=owl-] { border: 1px solid #DDDDDD; width: 41px; height: 41px; opacity: 1; visibility: unset; transform: unset; background-color: transparent; box-shadow: unset; } .owl-carousel .owl-nav .owl-prev { margin: 0; right: 50px; left: unset; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.5L1.5 10L10 18.5' stroke='%230095D5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .owl-carousel .owl-nav .owl-prev:hover { background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.5L1.5 10L10 18.5' stroke='%230095D5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-color: transparent; } .owl-carousel .owl-nav .owl-prev.disabled { background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 1.5L1.5 10L10 18.5' stroke='%23CBCBCB' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E"); } .owl-carousel .owl-nav .owl-next { margin: 0; right: 0; left: unset; background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 18.5L9.5 10L1 1.5' stroke='%230095D5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; } .owl-carousel .owl-nav .owl-next:hover { background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 18.5L9.5 10L1 1.5' stroke='%230095D5' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E%0A"); background-color: transparent; } .owl-carousel .owl-nav .owl-next.disabled { background-image: url("data:image/svg+xml,%3Csvg width='11' height='20' viewBox='0 0 11 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 18.5L9.5 10L1 1.5' stroke='%23CBCBCB' stroke-width='2' stroke-linecap='round'%3E%3C/path%3E%3C/svg%3E"); } .section-carousel .owl-carousel .owl-prev.disabled, .section-carousel .owl-carousel .owl-next.disabled { opacity: 0.6; } .section-carousel:hover .owl-catalog .owl-nav.disabled [class*=owl-], .section-carousel:hover .owl-catalog .owl-nav.disabled [class*=owl-] { opacity: 0.6; } .usefulness-body p { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; } .box-date { min-height: 14px; } @media screen and (max-width: 599px) { .section-catalog .catalog-products .catalog-product .box-price .catalog-price-per { order: unset; display: flex; align-items: flex-start; } .section-catalog .catalog-products .catalog-product .box-price .catalog-price-variable { order: unset; } .section-catalog .catalog-products .catalog-product .box-middle-content .box-features { display: flex; } .article-body { /*max-height: 250px;*/ } .article-body img { width: 100%; } .one-article .thumb>img { max-height: 200px; } .quantity-text > span { font-size: 10px; } .quantity-text > span:first-child { /* display: none; */ } .product-article { font-size: 10px; } .product-status__inner span { /* display: none; */ } .catalog-product-title { font-size: 13px; } .quantity-btn { height: 46px; min-width: 25px; padding: 10px 9px; } .quantity-text { font-size: 13px; } .quantity-input { max-width: 20px; } .group-button .favourite-button.item-favourite { max-width: 16px; } .group-button .favourite-button.item-favourite svg { width: 100%; } .rating-list__item { width: 13px; } .box-features .group-button>button { margin: 0 2px; } .catalog-price-variable span { font-size: 11px; } .catalog-price .price { font-size: 15px; } .catalog-product-sale { font-size: 11px; margin: 0; } .catalog-old-price { font-size: 13px; } } .tab-filter a { display: inline-block; padding: 0 .5em; text-decoration: none; color: #333; background-color: #fff; padding: 6px; transition: all .5s; /*border: 1px solid #0095d5;*/ font-size: 12px; text-transform: math-auto; } .tab-filter a.active { /*background: #0095d5; /*background: #0095d5; color: #FFFFFF; border: 1px solid #0095d5; outline: 1px solid #0095d5;*/ } .tab-filter a:hover { /*border: 1px solid #0095d5; outline: 1px solid #0095d5; color: #333;*/ } .tab-filter { gap: 6px 15px; display: flex; flex-flow: row wrap; margin: unset; } .tab-filter>div { padding: 0; } /*.box-cart { display: none; }*/ .owl-stage-outer .box-cart { display: none; } @media screen and (max-width: 768px) { .section-special-offers h2.title-big { font-size: 17px; width: 100%; max-width: 215px; } .section-partner{ margin-top: 15px; } } @media screen and (max-width: 599px) { .catalog-products>div { flex: 0 0 50%; max-width: 50%; } .section-catalog .catalog-products .catalog-product a { position: relative; top: unset; left: unset; width: unset; } .section-catalog .catalog-products .catalog-product { padding-left: 10px; } .section-catalog .catalog-products .catalog-product .box-price .catalog-price-per { flex-direction: column; } .section-catalog .catalog-products .catalog-product .box-price .catalog-price-per .catalog-old-price { margin: 2px 0 0 0; } .product-item__btn { font-size: 15px; height: 30px; } .quantity-form { height: 30px; } .quantity-btn { height: 30px; min-width: 25px; padding: 1px 9px; } .quantity-text { padding: 1px 0; font-size: 13px; } } .article-body a, .article-body a span { color: #0095d5!important; } .article-body ul li::marker { color: #000000; font-size: 18px; content: "• "; } .article-body ul { margin: 15px 13px; } @media screen and (max-width: 992px) { .section-sale { min-height: auto; } } @media screen and (max-width: 767px) { .group-registration a.icon-user { margin-bottom: 18px; } } .one-article .article-body-li > ul > li::before { content: ""; color: unset; display: none; width: unset; margin-left: unset; } .one-article .article-body-li > ul > li { padding: 0; } .btn-tooltip { width: 14px; height: 14px; border-radius: 50%; color: #979797; border: 1px #979797 solid; display: inline-flex; justify-content: center; align-items: center; font-size: 10px; line-height: 1; padding: 0; background: none; font-family: "GothamProMedium"; cursor: pointer; } .tooltip-line { display: flex; justify-content: flex-start; align-items: center; flex-wrap: wrap; } .tooltip-line .btn-tooltip { margin-left: 5px; } .tippy-box[data-theme="sks"] { font-size: 12px; line-height: 1.3; background-color: #fff; border-radius: 4px; color: #333333; -webkit-box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); box-shadow: 0 0 16px 0 rgba(0, 0, 0, 0.12); } .tippy-box[data-theme="sks"] a { color: #0095d5; } .tippy-box[data-theme="sks"] .tippy-content { padding: 15px; } .tippy-box[data-theme="sks"] .tippy-content > * { margin: 0; padding: 0; } .tippy-box[data-theme="sks"] .tippy-content > *:not(:last-child) { margin-bottom: 5px; } .tippy-box[data-theme="sks"] .tippy-arrow { color: #fff; } .owl-carousel .owl-item, .owl-carousel .owl-wrapper { -webkit-transform: none !important; -moz-transform: none !important; -ms-transform: none !important; } .compare-button.item-compare { position: relative; top: 1px; } .remove-query { position: relative; width: 16px; height: 16px; border: none; padding: 0; background: none; } .remove-query:hover svg { fill: red; } .remove-query::after { content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; display: block; } /* End */ /* Start:/local/assets/css/custom.css?174300280814134*/ .social-body { border: none; padding: 0; } .one-social { min-height: 321px; } /* .bx-pagination { display: none; } */ .search-page .bx-pagination { display: block; } .hidden { display: none; } div.table-name a { color: #333333; text-decoration: none; } .btn-horizontal, .btn-vertical { padding: 7px; } .has-error { border: 1px solid red; } .has-error-check { color: red !important; } .active { fill: #0095d5; } .catalog-product div.remove-product { float: right; } .compare-body .table-default a { pointer-events: none; text-decoration: none; color: #979797; } .form-search-result .btn a { text-decoration: none; border-color: #fff; color: #979797; display: inline-block; } .btn-radio > input:checked + .btn a, .btn-white:hover a, .btn-white.active a { border-color: #fff; color: #0095d5; } .usefulness-list.article-search > div { flex: 0 0 100%; max-width: 100%; padding: 0 5px; } .modal-search-body { width: 100%; } .modal-search-body .link-underline { display: inline-block; } .drop-tree li { text-align: left; } .product-colors { padding: 3px 4px 2px 7px; } .product-colors ul { padding-top: 3px; } .product-colors span { width: 24px; height: 24px; } .table.sale-personal-profile-list-container { width: 100%; } @media (min-width: 768px) { .table.sale-personal-profile-list-container>tbody>tr>td, .table.sale-personal-profile-list-container>tbody>tr>th, .table.sale-personal-profile-list-container>tfoot>tr>td, .table.sale-personal-profile-list-container>tfoot>tr>th, .table.sale-personal-profile-list-container>thead>tr>td, .table.sale-personal-profile-list-container>thead>tr>th { font-size: 13px; padding: 12px 12px 12px 12px; line-height: 1.42857143; vertical-align: top; border-top: none; width: auto; text-align: left; } } .table-striped>tbody>tr:nth-of-type(odd) { background-color: #f3f3f3; } .table-hover>tbody>tr:hover { background-color: #f7f7f7; } table.no-border td, table.no-border th { border: none !important; } .sale-personal-profile-list-change-button { text-decoration: none; } label[data-bx-user-consent] { display: inline-block; margin-bottom: 5px; } label[data-bx-user-consent] a { color: #000; font-size: 11px; font-weight: 100; } .lk-user-name { text-decoration: none; color: #333; } /*dartin 1*/ .main-user-consent-request-popup-button-acc { background-color: #0095d5; !important; color: #fff !important; } .main-user-consent-request-popup-button-acc:hover { background-color: #00509b; !important; } #modal_form { width: 300px; height: 250px; border-radius: 5px; border: 3px #000 solid; background: #fff; position: fixed; top: 45%; left: 50%; margin-top: -150px; margin-left: -150px; display: none; opacity: 0; z-index: 5; padding: 20px 10px; } #modal_form #modal_close { width: 21px; height: 21px; position: absolute; top: 10px; right: 10px; cursor: pointer; display: block; } #modal_form div { padding-top: 50px; } #modal_form div h3{ text-align: center; padding-bottom: 10px; } #modal_form div a{ margin: auto; } #overlay { z-index:3; position:fixed; background-color:#000; opacity:0.8; -moz-opacity:0.8; filter:alpha(opacity=80); width:100%; height:100%; top:0; left:0; cursor:pointer; display:none; } .estimate-edit { position: absolute; top: 7px; } .estimate-edit input { background-color: #fff; border: 1px solid #cdcdcd; border-color: #7fcaea; height: 25px; width: 135px; padding: 0 10px; margin: 0 20px 0 10px; } #start-date,#finish-date { width: 100px; } a.active { color: #0095d5; } .section-catalog .section-bestsellers { display: flex; flex-flow: row wrap; margin: 0 -5px; padding: 0 0 35px; } .section-catalog .section-bestsellers .container { padding-left: 0; } button, .product-quantity button, .box-features .group-button > button { border: none; } .catalog-product .thumb { min-height: 180px; z-index: 2; margin: 0px 0px 13px; position: relative; display: block; overflow: hidden; } .product-item-image-original, .product-item-image-alternative{ display: block; position: absolute; top: 0; left: 0; right: 0; bottom:0; width: 100%; height:100%; background-size: contain; background-repeat: no-repeat; background-position: center; -webkit-transition: opacity 300ms linear; -moz-transition: opacity 300ms linear; -ms-transition: opacity 300ms linear; -o-transition: opacity 300ms linear; transition: opacity 300ms linear; } .product-item-image-original{z-index: 1;} .product-item-image-alternative{ z-index: 120; opacity: 0; } .catalog-old-price { text-decoration: none !important; } .group-registration li a { color: #333; border-bottom: 1px dashed #333333; } .group-registration li a:active { color: #333; } .group-registration li a:visited { color: #333; } .alow-bonuses { pointer-events: auto; } .not-alow-bonuses { pointer-events: none; } .rating-filter-view { margin-bottom: 0; } .api-reviews-sort .api-left { margin-top: 5px; } .api_row { width: 100%; } .arform-color-blue3 .api-star-rating i { background: transparent url(/local/assets/css/../img/svg/static/star-gray.svg) no-repeat center; width: 12px; height: 12px; } .api-reviews-form .api-star-rating i.active { background: transparent url(/local/assets/css/../img/svg/static/star-blue.svg) no-repeat center; } .api-reviews-form .api-star-rating-label { line-height: 20px; } .api_field_error { border: 1px solid red; } .api-modal-close { position: absolute; cursor: pointer; right: 10px; top: 10px; width: 30px; height: 30px; background: transparent url(/local/assets/css/../img/svg/static/clear-button.svg)no-repeat center; } .api_modal .api_modal_dialog{ position: relative; margin: 0 auto; background: #fff; -webkit-border-radius: 0; -moz-border-radius: 0; border-radius: 0; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .api-element-rating{position: relative; overflow: hidden} .arstat-color-blue3 .api-stars-empty, .api-element-rating .api-stars-empty { display:inline-block; width: 70px; height: 15px; background-image:url("/local/assets/img/svg/star-gray-70.svg"); background-repeat: no-repeat; background-position: 0 0; } .arstat-color-blue3 .api-stars-full, .api-element-rating .api-stars-full{ display:block; width:0; height: 15px; background-image:url("/local/assets/img/svg/star-full-70.svg"); background-repeat: no-repeat; background-position: 0 0; } .api-element-rating .api-average{margin-top:5px} .product-description .api-element-rating{ flex: 0 0 35%; margin: 0 0 10px; } .box-middle-content .api-element-rating { display: flex; margin: 0 -1px; } .up-cash-back .checkbox { margin-bottom: 0; } .up-cash-back .link { margin-bottom: 15px; } .filter-orders.filter-nav .group-input > input, .filter-estimates.filter-nav .group-input > input { width: 100px; } input.modal-input{ -webkit-box-shadow: inset 0 0 0 50px #fafafa; -webkit-text-fill-color: #979797; } .icon-delivery2 { /*height: 30px;*/ background: transparent url(/local/assets/css/../img/svg/static/shipping/carriage.svg) no-repeat center left; } .use-as-login { font-size: 10px !important; } .vkontakte { background-image: url(/local/assets/img/001-video.png); background-position: 0,0; width: 32px; height: 32px; } .facebook { background-image: url(/local/assets/img/002-social-media.png); background-position: 0,0; width: 32px; height: 32px; } .default-style-editor ul li { /*color: #0095d5;*/ color: #111111; } .default-style-editor ul li span { color: #979797; } .tooltip{ opacity: 1; filter: alpha(opacity=1); } .footer-info-main { min-height: 8px; color: red; } .footer-info-main a { color: red; } .footer-banner img{ display: block; width: 100%; } .catalog-category .sticker{ float: right; margin-top: -10px; } .modal-loyality .btn-wrap{ margin-top: 20px; } .content>.side-subscribe { display: none; } .subsribe-title { font-size: 20px; } .subscribe-rubrics { margin-bottom: 10px; } .default-style-editor > ul > li{ color: #979797; line-height: 1.5; list-style-type: none; } .default-style-editor > ul > li > b{ color: #333; } .default-style-editor > ul > li > a{ color: #979797; } .default-style-editor > ul > li{ padding: 0 0 0 30px; background: url(/local/assets/css/../img/svg/static/lk/check.svg) no-repeat center left; margin: 0 0 10px; } .article-body-li > ul > li{ /*font-size: 14px;*/ color: #333; line-height: 1.5; /*list-style-type:disc; list-style-position: inside;*/ padding: 0 0 0 30px; margin: 0 0 10px; } .article-body-li > ul > li::before { content: "•"; color: #0095d5; display: inline-block; width: 1em; margin-left: -1em } .one-click-preloader { background: #0095d5 url(http://hello-site.ru//main/images/preloads/ball-triangle.svg) center center no-repeat; background-size: 45px; } .prod-preloader { background: #0095d5 url(http://hello-site.ru//main/images/preloads/ball-triangle.svg) center center no-repeat; background-size: 45px; } .sticker-extra-cashback{ background-image: url(/local/assets/css/../img/svg/stickers/icon_ext_cashback.svg); width: 35px; height: 35px; background-size: cover; } .card-price{ background-image: url(/local/assets/css/../img/svg/icon_price.svg); padding: 6px; padding-top: 4px; padding-left: 10px; background-repeat-x: no-repeat; background-repeat-y: no-repeat; background-size: cover; color: #fff; } .white-edit { background-color: #fff !important; padding: 10px; } @media screen and (min-width: 785px) { .horizontal .product-status { left: 89.3%; } .horizontal .box-price { flex: 0 0 20%; } .horizontal .box-cart { align-items: flex-start; flex-direction: column; } .horizontal .add-cart { margin-top: 7px; } .horizontal .catalog-product-title { padding-right: 170px; margin-bottom: 10px; } } .h-auto{ height: auto !important; } .desc-tt { margin: 2em 0 3em 0; } .desc-tt h2 { font-size: 20pt; margin: 22px 0 10px 0; } .desc-tt ul, .desc-tt ol { display: inline-block; margin: 0 0 22px 32px; } .desc-tt ul + h2, .desc-tt ol + h2 { margin-top: 0; } .desc-tt ul li, .desc-tt ol li { margin-bottom: 5px; } .desc-tt ul li:last-child, .desc-tt ol li:last-child { margin-bottom: 0; } .desc-tt ul { list-style: disc; } .desc-tt ol { list-style: decimal; } .desc-tt ul li b, .desc-tt ol li b { color: #0095d5; } .mb-0 { margin-bottom: 0 !important; } @media screen and (min-width: 1180px) { .desc-tt h2 { max-width: 85%; } } .custom-features .material-cut .material-cut__container { margin-left: 20px; } .dopolnitelniy-text {border: 1px solid #e0e0e0; padding: 26px 18px; margin: 0 0 37px;} .dopolnitelniy-text h2 {margin-bottom: 1rem;} /*Фильтрация дополнительная в каталоге*/ .catalog-products-filter-dop { display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 15px; } .filter-dop-item { cursor: pointer; text-decoration: none; background-color: #fff; border: 1px solid #dddddd; padding: 6px; font-size: 12px; margin-right: 5px; margin-bottom: 0.3rem; position: relative; } .filter-dop-item.active:after { content: ''; background: transparent url(/local/assets/css/../img/svg/static/clear-button-wh.svg) no-repeat center; width: 15px; height: 15px; position: absolute; right: 6px; top: 6px; background-size: 50%!important; border: 1px solid #fff; } .filter-dop-item.active { background-color: #0095d5; color: #fff; padding-right: 26px; } .filter-dop-item-clear { padding-left: 26px; display: none; } .filter-dop-item-clear:before { content: ''; background: transparent url(/local/assets/css/../img/svg/static/bin.png) no-repeat center; width: 15px; height: 15px; position: absolute; left: 6px; top: 6px; background-size: contain; } .sub-h2{ display: block; margin-block-start: 0.83em; margin-block-end: 0.83em; margin-inline-start: 0px; margin-inline-end: 0px; unicode-bidi: isolate; font-size: 24px; font-family: 'GothamProMedium'; font-weight: normal; } .sub-h3{ display: block; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0px; margin-inline-end: 0px; font-weight: bold; unicode-bidi: isolate; font-size: 18px; } .one-article .section-bestsellers.section-carousel { width: 100%; margin-bottom: 20px; } .one-article .section-bestsellers.section-carousel .catalog-product { height: 100%!important; margin: 0; display: flex; flex-direction: column; justify-content: flex-start; align-items: stretch; } .one-article .section-bestsellers.section-carousel .owl-stage { display: flex; } .one-article .section-bestsellers.section-carousel .owl-item { float: unset; } .one-article .section-bestsellers.section-carousel .product-item-container { height: 100%; } .one-article .section-bestsellers.section-carousel .owl-item > div { height: 100%; } .one-article .section-bestsellers.section-carousel .thumb { flex-grow: 0; flex-basis: unset; width: 100%; aspect-ratio: 1; } .one-article .section-bestsellers.section-carousel .thumb > img { display: block; width: 100%; height: 100%; } .one-article .section-bestsellers.section-carousel .box-price { flex-grow: 1; display: flex; flex-direction: column; justify-content: flex-end; align-items: stretch; } /* End */ /* Start:/local/templates/sks_main_new/css/custom.css?17320298575572*/ .entity.entity-header { background-color: #d3cdcd; padding: 3px; border-radius: 3px; } .entity.entity-header .group-registration li a {border-bottom: none;} .group-soc { display: flex; align-content: center; align-items: center; padding: 0 2em; } .group-soc li{ margin: 0 5px;} .group-soc .soc-wharsapp { max-width: 30px; } .group-soc .soc-telegram {max-width: 25px;} .header-top .container.page-test {justify-content: flex-end;} @media screen and (max-width: 767px){ .header-top .container.page-test {justify-content: flex-start;} } .sale-slider{ overflow: hidden; } .w-100-p{ width: 100%; } #addOrderUser_button_copy_res{ position: absolute; background: rgb(211, 211, 211); padding: 5px; padding-bottom: 10px; top:-35px; clip-path: polygon(50% 0%, 100% 0, 100% 29%, 100% 80%, 60% 80%, 50% 100%, 40% 80%, 0 80%, 0 31%, 0 0); } .modal-body-button-copy{ position: relative; display: flex; align-items: center; justify-content: center; } /*.section-catalog .product-item-container .catalog-product { height: auto !important; }*/ .horizontal .catalog-product { height: 100% !important; } .header-menu {background-color: #00509b;} .catalog.logo-menu-mob {display: none;} .box-brands { display: flex; align-items: center; justify-content: space-between; height: 90px; padding: 0 20px 0 40px; } .box-partner .box-partner__item img { max-height: 25px; } @media screen and (max-width: 999px) { .header-menu {background-color: #fff;} .catalog.logo-menu-mob { display: inline-block; padding-left: 7%; } .drop-down-catalog.logo-menu-desktop {display: none;} .catalog.logo-menu-mob {display: inline-block;} .catalog.logo-menu-mob span {vertical-align: super;} .header.fixed .nav-menu{ display: none; opacity: 0; visibility: hidden; transition: .5s all ease; } .header.fixed.open .nav-menu{ display: block; opacity: 1; visibility: visible; transition: .5s all ease; } .fixed .header-menu .drop-down-catalog.open { display: flex; } .header-middle { position: relative; padding-bottom: 0px; } .header.open .search-block-two { display: block; bottom: 220px; } .search-block-two { max-width: 270px; } } @media screen and (max-width: 530px) { .search-block-two { max-width: 170px; } .fixed .header-menu .form-search { max-width: 100%; } .header-menu .form-search>input { background: none; padding: 0 10px 0 10px; } .fixed .header-menu .form-search>button { width: 30px; height: 30px; font-size: 0px; color: #0095d5; position: relative; background-color: #0095d5; border: none; } .fixed .header-menu .form-search>button::before { width: 18px; height: 18px; background: url(/local/assets/css/../img/svg/static/search2.svg) center no-repeat; background-size: contain; content: ""; position: absolute; top: 50%; left: 50%; transform: translate3d(-50%,-50%,0); filter: invert(100%); -webkit-filter: invert(100%); -moz-filter: invert(100%); -ms-filter: invert(100%); -o-filter: invert(100%); filter: gray; } .search-block-two { display: block; bottom: 30px; } } @media screen and (max-width: 768px) { .group-cart {max-width: 80px;} .search-block-two { display: block; bottom: 30px; } .fixed .header-menu .form-search { top: unset; max-width: 100%; position: relative; right: unset; } .fixed .header-menu .form-search>input { height: 30px; } .fixed .header-menu .form-search>button { margin: 0 0 0 -5px; padding: 0px 0 0px; border: 1px solid #dadada; } } #modal-product-list.modal #counter-favourite, #modal-compare.modal #counter-compare { display: none; } .header .modal-header { cursor: pointer; } .inf-count {position:relative;} .inf-count .count { position: absolute; right:-10px; top: -5px; display: block; border-radius: 50px; min-width:20px; height:20px; padding: 3px 4px; text-align: center; font-size:12px; color: #fff; background-color: #0095d5; } @media print { header, footer, #bx-panel, .modal, .hide_404, jdiv, .section-catalog .sidebar, .section-catalog .stags, .section-catalog .catalog-products-filter-view, .section-bestsellers, .section-advantages, .section-catalog .bxr-basket-action, .section-catalog .box-features, .sectionDescription, .catalog-category-list { display: none !important; } .sidebar-active .catalog-category-list>div, .sidebar-active .catalog-products>div { flex: 0 0 25%!important; max-width: 25%!important; } .sidebar-active > .container { padding-left: 20px!important; } .catalog-product .thumb { min-height: 100px!important; } .section-catalog .thumb>img { max-height: 100px!important; } .section-catalog .product-item-container .catalog-product { height: auto!important; } .catalog-product-title { margin: 0 0 5px!important; } .content { padding: 0!important; } .bonus__total--block{ display: none; } } /* End */ /* Start:/local/templates/sks_main_new/css/proSeek.css?17506605025836*/ .tab-filter{ margin: 0 0px 27px !important;} .quantity-input-petrosek{ font-weight:900; } .recent-query-item span svg{ margin-right: 1rem; } .quantity-selector-wrapper{ width:70px !important; } .containerZenaBtn .catalog-price-block span.price{ width:100%; } .container-products div { width:100%; } .product-mob.offers-tabs-items{ display:none; } .footer-left{ max-width: 100% !important; display:flex; flex-wrap:nowrap; flex: 0 0 100% !important; } .footer-left{ } .footer .container{ width: 100% !important; } .product-card{ display:flex; flex-wrap: wrap; } .containerZenaBtn .catalog-price-block .price{ color: #0095d5 !important; } .remove-query:hover{ bacground: #fff !important; } .containerZenaBtn{ display:flex; justify-content:space-between; } .search-suggestion { position: absolute; background: #fff; width: 100%; min-width: 900px; max-width: 1000px; border: 1px solid #ddd; border-radius: 0px 0px 12px 12px; padding: 12px; margin-top: 4px; z-index: 1000; display: none; max-height: 400px; box-shadow: 0 6px 20px rgba(0, 0, 0, 0.15); font-family: 'GothamProRegular', sans-serif; font-size: 13px; display: flex; gap: 20px; opacity: 0; transform: translateY(10px); transition: opacity 0.3s ease, transform 0.3s ease; } .suggestion-right{ overflow-y: auto; } .search-suggestion.visible { opacity: 1; transform: translateY(0); } .suggestion-left, .suggestion-right { flex: 1; } .suggestion-left { border-right: 1px solid #f0f0f0; padding-right: 16px; } .quick-suggestions div, .category-list div { cursor: pointer; padding: 6px 8px; border-radius: 6px; transition: background 0.2s; } .header-middle { } .header-middle.fixed { } .quick-suggestions div { font-size: 14px; color: #333; } .quick-suggestions div:hover, .category-list div:hover { background: #f5f5f5; } .search-suggestion ul { list-style: none; margin: 0; padding: 0; } .search-suggestion li { padding: 10px; margin-bottom: 8px; background: #fafafa; border-radius: 8px; transition: background 0.2s; } .search-suggestion li:hover { background-color: #f0f8ff; } .category-list a { text-decoration: none; color: #0073e6; font-weight: 500; } .category-list a:hover { text-decoration: underline; } .containerAddCart { display: flex; justify-content: flex-end; margin-top: 0.5rem; } .cart-btn { background-color: #3498db !important; color: white; padding: 6px 12px; border: none; border-radius: 4px; cursor: pointer; font-size: 12px; transition: background 0.3s; } .cart-btn:hover { background-color: #2980b9; } .linksProducts { display: flex; gap: 12px; align-items: center; text-decoration: none; color: inherit; } .linksProducts img { border-radius: 6px; box-shadow: 0 2px 6px rgba(0, 0, 0, 0.08); } .container-products{ display:flex; gap:1rem; line-height:20px; } .add-to-cart-btn.cart-btn{ font-size: 14px; } .add-to-cart-container{ display:flex; justify-content: flex-end; } .quantity-decrease-petrosek, .quantity-increase-petrosek { width: 50px; height: 30px; background: #008BC7; border: 0px !important; color: #fff; border: 1px solid #3498db; font-size: 18px; font-weight: bold; cursor: pointer; display: flex; justify-content: center; align-items: center; transition: background-color 0.3s ease, color 0.3s ease; } .quantity-decrease-petroseek:hover, .quantity-increase-petroseek:hover { background-color: #3498db; color: white; } .quantity-input-petrosek { width: 26px; height: 23px; text-align: center; font-size: 12px; border: 1px solid #ffffff00; outline: none; padding: 5px; background: rgb(255 255 255 / 0%); color: #fff; transition: border-color 0.3s ease, box-shadow 0.3s ease; } .quantity-input-petrosek:focus { border-color: #2980b9; box-shadow: 0 0 5px rgba(52, 152, 219, 0.5); } .quantity-selector-wrapper{ display:flex; justify-content: flex-end; background: #0095D5; gap: 4px; border-radius: 5px; } .quantity-selector-petroseeek{ display:flex; justify-content: flex-end; } .containerNumberQuantity .quantity-text span{ font-size:12px; color: #fff; padding:4px; border: none !important; } .containerQuantity{ display:flex; justify-content: flex-end; } .containerNumberQuantity{ display:flex; align-items: center; border-bottom: 1px solid #3ac0fa; height: 23px; margin: 0px; } .suggestion-right { max-height: 600px; overflow-y: auto; padding-right: 10px; scrollbar-width: thin; scrollbar-color: #888 #f0f0f0; } .suggestion-right::-webkit-scrollbar { width: 8px; } .suggestion-right::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 4px; } .suggestion-right::-webkit-scrollbar-thumb { background-color: #888; border-radius: 4px; border: 2px solid #f0f0f0; } .suggestion-right::-webkit-scrollbar-thumb:hover { background-color: #555; } .suggestion-right { max-height: 600px; overflow-y: auto; padding-right: 10px; scrollbar-width: thin; scrollbar-color: #888 #f0f0f0; } .suggestion-right::-webkit-scrollbar { width: 8px; } .suggestion-right::-webkit-scrollbar-track { background: #f0f0f0; border-radius: 4px; } .suggestion-right::-webkit-scrollbar-thumb { background-color: #888; border-radius: 4px; border: 2px solid #f0f0f0; } .suggestion-right::-webkit-scrollbar-thumb:hover { background-color: #555; } @media (max-width: 768px) { .footer-right { flex: 0 0 0 !important; } .footer-left { display:flex; flex-direction: column; } } @keyframes updateFlash { 0% { background-color: #ffeb3b; transform: scale(1.3); } 100% { background-color: transparent; transform: scale(1); } } .quantity-updated { animation: updateFlash 0.4s ease; } /* End */ /* Start:/local/templates/sks_main_new/components/arturgolubev/search.title/search/style.css?17320298572175*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/sks_main_new/components/arturgolubev/search.title/search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /* End */ /* Start:/local/templates/.default/components/bitrix/sale.basket.basket.line/basket_line_test/style.css?17320298564227*/ .bx-basket {} .bx-basket-block { font-size: 12px; padding-bottom: 5px; white-space: nowrap; position: relative; padding-left: 20px; } .bx-basket-block>.fa { color: #97a1ab; width: 12px; position: absolute; left: 0; top: 3px; } .bx-basket-block a { color: #039BE5; border-bottom: 1px dashed; margin-right: 10px; } .bx-basket-block a:hover { text-decoration: none; border-bottom-color: transparent; } /*FIXED BASKET*/ @media (min-width: 768px) { .bx-basket-fixed{ width: 200px; position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; } .bx-basket-fixed.top {top:10px} .bx-basket-fixed.right {right:10px} .bx-basket-fixed.bottom{bottom:10px} .bx-basket-fixed.left {left:10px} .bx-basket-fixed.bx-max-height{top:10px;bottom:10px;} } @media (max-width: 767px) { .bx-basket-fixed{ /*width: 200px;*/ position: fixed; z-index: 998; background: #fff; padding-top: 10px; border: 1px solid #F0F0F0; box-shadow: 0 7px 10px rgba(0, 0, 0, 0.15); border-radius: 1px; overflow: hidden; bottom: 0; left: 0; right: 0; } .bx-basket-item-list{ display: none; } /*.bx-basket-fixed */ } .bx-basket-fixed .bx-basket-block{ margin-left: 10px; } .bx-basket-item-list{ position: relative; padding-bottom: 20px; border-top: 1px solid #F7F7F7; overflow: hidden; } .bx-opener .bx-basket-item-list{ padding-bottom: 75px; } .bx-max-height .bx-basket-item-list{ position: absolute; bottom: 0px; left: 0; right: 0; } .bx-closed .bx-basket-item-list{ height: 20px; overflow: hidden; } .bx-basket-item-list-action{ cursor: pointer; background: #F7F7F7; position: absolute; bottom: 0; right: 0; left: 0; z-index: 120; height: 20px; line-height: 14px; vertical-align: middle; text-align: center; font-size: 12px; color: #4f4f4f; padding: 3px 0; } .bx-basket-item-list-button-container{ text-align: center; position: absolute; bottom: 20px; border-top: 1px solid #F7F7F7; padding: 10px 0; background: #fff; left: 0; right: 0; } .bx-basket-item-list-button-container a.btn { color: #dddddd; text-decoration: none; } .bx-basket-item-list-button-container a.btn:hover, .bx-basket-item-list-button-container a.btn:active { color: #ffffff; } .bx-basket-item-list-container{ overflow-y: auto; max-height: 100% } .bx-basket-item-list-item{ padding-top: 15px; position: relative; padding-right: 10px; padding-left: 10px; margin-bottom: 15px; border-bottom: 1px solid #F7F7F7; } .bx-basket-item-list-container .bx-basket-item-list-item:last-child{ border-bottom: none; margin-bottom: 0; } .bx-basket-item-list-item-status{ font-weight: bold; padding: 3px; background: #EBEBEB; margin: 0 10px 20px; line-height: 16px; font-size: 13px; border-radius: 3px; text-align: center; white-space: normal; } .bx-basket-item-list-item-img{ text-align: center; position: relative; padding-bottom: 5px; } .bx-basket-item-list-item-img img{ max-width: 90px; height: auto; border: 1px solid #E6E6E6; } .bx-basket-item-list-item-name { padding-bottom: 5px; } .bx-basket-item-list-item-name a { font-size: 13px; color: #3F3F3F; text-decoration: none; white-space: normal; line-height: 16px; } .bx-basket-item-list-item-remove{ position: absolute; right: 10px; top: -7px; width: 20px; height:20px; cursor: pointer; background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAMAAADzjKfhAAAAJFBMVEX///8yMjI6Ojpvb29wcHCEhISHh4eIiIiqqqqtra2wsLCxsbE3yvJ6AAAAAXRSTlMAQObYZgAAACxJREFUCNcFwYEBgCAMA7BYUMb2/78m9sXdJtfNMHkzcJ4DlS9FpXXKavT6ARdgANGqCJ38AAAAAElFTkSuQmCC) no-repeat center; opacity: .5; } .bx-basket-item-list-item-remove:hover{ opacity: .7; } .bx-basket-item-list-item-price-block{ padding-bottom: 5px; font-size: 12px; } .bx-basket-item-list-item-price{ display: inline-block; margin-right: 5px; } .bx-basket-item-list-item-price-old{ display: inline-block; margin-right: 5px; text-decoration: line-through; color: #B0B0B0 } .bx-basket-item-list-item-price-summ{} .bx_cart_login_top .bx-hdr-profile a { text-decoration: none; } .bx_cart_login_top .bx-hdr-profile{ line-height: 1.44em; } /* End */ /* Start:/local/templates/.default/components/bitrix/catalog.section.list/left.side/style.css?17320298561081*/ .subcategory-list p { margin: 0 0 15px; } .subcategory-list p>a { color: #333; } .box-brands { display: flex; align-items: center; justify-content: space-between; height: 90px; padding: 0 20px 0 40px; } .box-brands__header { font-size: 12px; } .box-partner { flex-wrap: wrap; width: 100%; max-width: 65%; height: 76px; overflow: hidden; } .box-partner .box-partner__item { border: 1px solid #c4c4c4; font-size: 12px; background: #fff; margin: 1px 0; padding: 0; } .box-partner .box-partner__item:not(:last-child){ margin-right: 5px; } .box-partner .box-partner__item img { max-width: 100%; height: 100%; } .box-partner img { max-height: 25px; } .box-partner__item a, .box-partner__item span { display: block; padding: 3px 5px; } .box-partner__item a { color: #333333; font-size: 11px; } /* .box-partner__item .active { color: #fff; background: #0095d5; border-color: #0095d5; cursor: default; } */ .box-partner__item.active { border-color: #0095d5; } /* End */ /* Start:/local/templates/.default/components/custom/search.title/search/style.css?17320298562175*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; } table.title-search-result { border-collapse: collapse; border:none; width:10%; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; vertical-align:top; display:block; } table.title-search-result td.title-search-item img { vertical-align:top; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/.default/components/custom/search.title/search/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } p.title-search-preview { font-size:12px; } div.title-search-result td.title-search-price span { font-size: 26px; } /* End */ /* Start:/local/templates/.default/components/bitrix/menu/top_menu/style.min.css?1732029856490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/.default/components/custom/basket.small/dinamic/style.css?17320298564405*/ .ajax-shadow{background:rgba(255,255,255,0.5);display:block;position:absolute;z-index:1080;} #bxr-basket-container{display:none;} #bxr-basket-container{top:180px;z-index:1030;position:fixed;right:0;width:700px;right:-700px;-webkit-box-shadow:0px 5px 15px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow:0px 5px 15px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 5px 15px 0px rgba(50, 50, 50, 0.2);} #bxr-basket-row{width:100%;font-size:13px;position:relative;} #bxr-basket-row a, #bxr-basket-row a:hover, #bxr-basket-row a:visited, #bxr-basket-row a:active{text-decoration:none;} #bxr-basket-row a.bxr-basket-indicator{width:64px;position:absolute;left:-64px;color:#414141;font-size:14px;display:block;background:#f0f0f0;padding:10px 5px;margin:0;font-weight:bold;border-bottom:3px #FFF solid;} #bxr-basket-row a.bxr-basket-indicator .bxr-format-price{font-size:12px;font-weight:normal;} .bxr-basket-indicator i{font-size:24px;font-weight:normal;text-shadow:1px 1px 0px rgba(255, 255, 255, 1);} .bxr-basket-indicator i:hover{text-shadow:0px 0px 0px rgba(255, 255, 255, 1);;} .bxr-basket-label{top:0px;} .bxr-favor-label{top:68px;} .bxr-compare-label{top:136px;} .bxr-indicator-item-active, .bxr-counter-active{background:#F00;} .basket-body-container .bxr-helper{margin:0 15px;} .basket-body-table{height:200px;overflow-x:visible;width:100%;overflow-y:scroll;margin-bottom:20px;} .bxr-close-basket{margin-top:20px;} #bxr-delay-body, #bxr-basket-body, #bxr-compare-body, #bxr-favor-body{color:#222;padding:15px 0 15px;width:100%;right:120px;top:-35px;display:none;float:right;z-index:1040;background:#FFFFFF;border:1px solid #f7f7f7;float:right;min-height:250px;} #bxr-basket-popup{padding:15px;} #basket-popup-product-image, #basket-popup-product-name, #basket-popup-buttons{text-align:center;} #basket-popup-product-name{font-size:16px;font-weight:bold;padding:15px 0;} #basket-popup-buttons a{margin-left:15px;} #bxr-basket-row > div{} #bxr-basket-body-mobile, #bxr-delay-body-mobile, #bxr-favor-body-mobile{display:none;} #bxr-mobile-content{position:relative;} .bxr-counter-mobile{font-size:24px;padding:8px;position:relative;z-index:300;background:#e5e9ea;display:inline-block;min-width:52px;text-align:center;cursor:pointer;margin-left:30px;float:right;} .bxr-counter-mobile > span{position:absolute;display:none;right:-16px;top:-16px;font-family:Arial;font-size:16px;min-width:32px;min-height:32px;border-radius:32px;border:2px solid #FFF;text-align:center;padding:3px;z-index:320;background:#FFF;} .bxr-counter-mobile > span.bxr-counter-active{display:block;} #bxr-basket-mobile-container, #bxr-favor-mobile-container{display:none;position:absolute;z-index:999;top:58px;right:0;background:#F9F9F9;-webkit-box-shadow:0px 15px 30px 0px rgba(50, 50, 50, 0.2);-moz-box-shadow:0px 15px 30px 0px rgba(50, 50, 50, 0.2);box-shadow:0px 15px 30px 0px rgba(50, 50, 50, 0.2);} .bxr-basket-compare-title ,button.bxr-close-basket{display:none;} @media (max-width:479px){.bxr-counter-mobile{font-size:16px;padding:8px;min-width:40px;margin-left:18px;;} .bxr-counter-mobile > span{right:-14px;top:-16px;font-size:14px;min-width:30px;min-height:30px;border-radius:32px;padding:3px;} } .basket-body-container .basket-body-title-h.bxr-basket-tab{font-size:17px;margin-right:10px;margin-bottom:10px;cursor:pointer;} .basket-body-title-h span.bxr-basket-cnt{font-size:15px;font-weight:normal;line-height:17px;} .bxr-basket-tab-content{display:none;} .bxr-basket-tab-content.active{display:block;} #bxr-favor-mobile-container .basket-image a{width:54px;height:54px;display:block;margin:0;} #bxr-basket-mobile .basket-body-title-h.bxr-basket-tab{cursor:pointer;color:#414141;} #bxr-basket-mobile .basket-body-title-h{font-size:13px;font-weight:bold;display:inline-block;padding-top:0px;color:#fff;float:left;margin-right:20px;padding:4px;} #bxr-basket-mobile .basket-body-title-h.active{color:#fff;} #bxr-basket-mobile .basket-body-title-h span.bxr-basket-cnt{font-size:11px;} .basket-body-table{margin-bottom:20px;} .basket-action-row .bxr-basket-action{float:left;margin-left:10px;} .basket-action-row .bxr-basket-add{margin:0 0 0 10px;padding:5px 7px;color:#414141;} #bxr-favor-mobile-container .basket-action-row .bxr-basket-add{padding:4px 6px;} .bxr-basket-favor-delete{font-size:14px;padding:4px 7px;color:#AA0000;} .basket-action-row .bxr-indicator-item-active{color:#414141;} /* End */ /* Start:/local/templates/.default/components/bitrix/breadcrumb/navigation/style.min.css?1732029855467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/.default/components/bitrix/catalog.store.list/stores/style.min.css?1732029856682*/ table.sale_personal_profile_list{border:0 double #000;width:80%;background-color:#f9fafb;font-size:12px}table.sale_personal_profile_list th{text-align:center;color:#25639a}table.sale_personal_profile_list th,table.sale_personal_profile_list td{border:0 double #000;padding:3px 5px 7px;vertical-align:top}div.catalog-detail-properties{clear:both;padding:1em 0 0;overflow:hidden;width:80%}div.catalog-detail-property{margin:0 0 1em;float:left;width:100%}div.catalog-detail-property span{float:left;position:relative;top:.31em;padding-right:3px;zoom:1}div.catalog-detail-properties-title{font-size:1em;font-weight:bold;margin:2em 0 1em}.last{text-align:right}.central{text-align:right} /* End */ /* Start:/local/templates/.default/components/bitrix/menu/bottom_menu/style.min.css?1732029856490*/ ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/.default/components/bitrix/menu/bottom_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/.default/components/custom/catalog.compare.list/favourite/style.css?1732029856174*/ #counter-favourite-new{ display: none !important; } #favourite-body .thumb a { display: block; height: 130px; max-width: 100%; display: block; } /* End */ /* Start:/local/templates/.default/components/custom/catalog.compare.list/compare/style.css?1732029856170*/ #counter-compare-new{ display: none !important; } #compare-body .thumb a { display: block; height: 130px; max-width: 100%; display: block; } /* End */ /* Start:/local/templates/.default/components/bitrix/system.auth.form/auth-form-modal/style.css?173202985650*/ .container-scroll-modal{ overflow-y: auto; } /* End */ /* Start:/local/templates/sks_main_new/template_styles.css?175909174811100*/ /* Fonts */ @font-face { font-family: 'Roboto'; src: url('/local/templates/sks_main_new/./fonts/Roboto-Bold.eot'); src: url('/local/templates/sks_main_new/./fonts/Roboto-Bold.eot?#iefix') format('embedded-opentype'), url('/local/templates/sks_main_new/./fonts/Roboto-Bold.woff2') format('woff2'), url('/local/templates/sks_main_new/./fonts/Roboto-Bold.woff') format('woff'), url('/local/templates/sks_main_new/./fonts/Roboto-Bold.ttf') format('truetype'), url('/local/templates/sks_main_new/./fonts/Roboto-Bold.svg#Roboto-Bold') format('svg'); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/sks_main_new/./fonts/Roboto-Regular.eot'); src: url('/local/templates/sks_main_new/./fonts/Roboto-Regular.eot?#iefix') format('embedded-opentype'), url('/local/templates/sks_main_new/./fonts/Roboto-Regular.woff2') format('woff2'), url('/local/templates/sks_main_new/./fonts/Roboto-Regular.woff') format('woff'), url('/local/templates/sks_main_new/./fonts/Roboto-Regular.ttf') format('truetype'), url('/local/templates/sks_main_new/./fonts/Roboto-Regular.svg#Roboto-Regular') format('svg'); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/sks_main_new/./fonts/Roboto-SemiBold.eot'); src: url('/local/templates/sks_main_new/./fonts/Roboto-SemiBold.eot?#iefix') format('embedded-opentype'), url('/local/templates/sks_main_new/./fonts/Roboto-SemiBold.woff2') format('woff2'), url('/local/templates/sks_main_new/./fonts/Roboto-SemiBold.woff') format('woff'), url('/local/templates/sks_main_new/./fonts/Roboto-SemiBold.ttf') format('truetype'), url('/local/templates/sks_main_new/./fonts/Roboto-SemiBold.svg#Roboto-SemiBold') format('svg'); font-weight: 600; font-style: normal; font-display: swap; } @font-face { font-family: 'Roboto'; src: url('/local/templates/sks_main_new/./fonts/Roboto-Medium.eot'); src: url('/local/templates/sks_main_new/./fonts/Roboto-Medium.eot?#iefix') format('embedded-opentype'), url('/local/templates/sks_main_new/./fonts/Roboto-Medium.woff2') format('woff2'), url('/local/templates/sks_main_new/./fonts/Roboto-Medium.woff') format('woff'), url('/local/templates/sks_main_new/./fonts/Roboto-Medium.ttf') format('truetype'), url('/local/templates/sks_main_new/./fonts/Roboto-Medium.svg#Roboto-Medium') format('svg'); font-weight: 500; font-style: normal; font-display: swap; } /* END Fonts */ .sberbank__payment-link { background-color: #0095d5 !important; border-color: #0095d5 !important; } .sberbank__payment-link:hover { background-color: #00509b !important; border-color: #00509b !important; } .box-reviews > .review-default::before { content: '' !important; } .proditem p {color: #000000 !important; text-align: justify;} .proditem li {color: #000000 !important;} .proditem ul {margin: 0 0 10px 20px;} .sidebar { top: 0 !important; } .btn { border-radius: 10px; } .filters-buttons { display: flex; justify-content: center; } /* All */ .flex { display: flex; flex-wrap: wrap; } .flex-inline { display: inline-flex; } .flex-nowrap { flex-wrap: nowrap; } .flex-column { flex-flow: column nowrap; } .ais { align-items: flex-start; } .aic { align-items: center; } .aie { align-items: flex-end; } .jcs { justify-content: flex-start; } .jcc { justify-content: center; } .jcsb { justify-content: space-between; } .jce { justify-content: flex-end; } .f25 { flex: 1 1 25%; width: 25%; max-width: 25%; } .f33 { flex: 1 1 calc(100% / 3); width: calc(100% / 3); max-width: calc(100% / 3); } .f50 { flex: 1 1 50%; width: 50%; max-width: 50%; } .f100 { flex: 1 1 100%; width: 100%; max-width: 100%; } .ffr { font-family: 'Roboto', sans-serif; } .title { margin-bottom: 24px; font-family: 'Roboto', sans-serif; font-weight: 500; font-size: 32px; line-height: 1; letter-spacing: -1px; color: #1A272D; } /* END All */ /* Header */ .drop-down-catalog.drop-home .drop-down-body { max-height: 0; opacity: 0; visibility: hidden; } /* END Header */ /* Main page */ .section-sale { min-height: auto; padding-block: 24px 0; background-color: transparent !important; } .section-sale .container { padding-left: 15px; } .sale-slider { position: relative; } .section-sale img { border-radius: 14px; } .section-sale img[src^=data] { max-height: 0; } .sale-slider .owl-nav { margin-top: 0; } .sale-slider .owl-nav [class*=owl-] { position: absolute; top: 50%; width: 36px; height: 36px; background: url(/local/templates/sks_main_new/./img/arrow-prev.svg) no-repeat 50% 50%; border: none; transform: translateY(-50%); } .sale-slider .owl-nav .owl-prev, .sale-slider .owl-nav .owl-next { font-size: 0; } .sale-slider .owl-nav .owl-prev:hover, .sale-slider .owl-nav .owl-next:hover, .sale-slider .owl-nav .owl-prev:active, .sale-slider .owl-nav .owl-next:active, .sale-slider .owl-nav .owl-prev:focus, .sale-slider .owl-nav .owl-next:focus { background-image: url(/local/templates/sks_main_new/./img/arrow-prev.svg); } .sale-slider .owl-nav .owl-prev { left: 32px; } .sale-slider .owl-nav .owl-next { right: 32px; transform: translateY(-50%) rotate(180deg); } .main-page-benefits, .main-page-sections { margin-block: 88px; } .main-page-benefits-item { font-size: 15px; line-height: 1; letter-spacing: -.5px; color: #1A272DCC; } .main-page-benefits-item:nth-child(2) { margin-inline: auto; padding-inline: 78px; border-right: 1px solid rgba(225, 229, 237, 0.8); border-left: 1px solid rgba(225, 229, 237, 0.8); } .main-page-benefits-item .img { width: 50px; min-width: 50px; margin-right: 16px; } .main-page-benefits-item strong { font-weight: 600; font-size: 22px; line-height: 1; letter-spacing: -.3px; color: #1A272D; } .main-page-benefits-item p { margin-block: 13px 0; } .main-page-sections-items { gap: 16px; } .main-page-sections-item { position: relative; flex: 1 1 25%; width: 25%; max-width: calc(25% - 12px); padding: 24px; text-decoration: none; background-color: #004FA40A; border-radius: 8px; } .main-page-sections-item strong { font-weight: 600; font-size: 22px; line-height: 24px; letter-spacing: -.5px; color: #1A272D; } .main-page-sections-item p { margin-top: 12px; font-size: 15px; line-height: 15px; letter-spacing: -.5px; color: #1A272DCC; } .main-page-sections-item img { display: flex; max-width: 175px; height: auto; margin-top: auto; margin-left: auto; } .main-page-sections-item .link { position: absolute; bottom: 24px; left: 24px; width: 36px; height: 36px; margin-right: 15px; background-image: url(/local/templates/sks_main_new/./img/arrow-prev.svg); transform: rotate(180deg); } /* END Main page */ /* Catalog page */ .catalog-products-filter-view .box-view, .catalog-products-filter-view .box-print-section, .section-catalog .video-blog-list, .section-catalog .side-subscribe, .catalog-products-filter-view .box-filter-view span { display: none; } .catalog-products-filter-view { flex-direction: row-reverse; margin-bottom: 16px; padding-block: 0; border: none; } .catalog-products-filter-view .box-filter-view { flex: auto; max-width: none; } .catalog-products-filter-view .box-filter { justify-content: flex-end; } .catalog-products-filter-view .visible-element > span { font-size: 15px; line-height: 19px; letter-spacing: -0.5px; color: #1A272D; } .box-filter .select { flex: 1; max-width: max-content; height: auto; padding: 13px 35px 13px 17px; font-size: 15px; line-height: 19px; letter-spacing: -0.5px; color: #1A272D; background: #fff url(/local/templates/sks_main_new/./img/select-arrow.svg) no-repeat calc(100% - 16px) 50%; border: 1px solid #E1E5ED; border-radius: 6px; } .section-catalog .product-item-container { width: 100%; } .section-catalog .product-item-container .catalog-product { position: relative; height: 100%; min-height: auto; margin-bottom: 0; padding: 16px; border: none; } .catalog-products { gap: 32px 16px; margin-inline: 0; } .section-catalog .catalog-category-list > div, .section-catalog .catalog-products > div { display: flex; flex: 1 1 calc(100% / 3); width: calc(100% / 3); max-width: calc(100% / 3 - 32px / 3); padding: 0; } .catalog-product .thumb { display: flex; justify-content: center; align-items: center; height: 242px; margin-bottom: 16px; } .catalog-product .box-features { position: absolute; top: 16px; right: 16px; z-index: 3; } .box-features .group-button { flex-direction: column; margin-inline: 0; } .box-features .group-button button { margin: 0 0 10px; } .box-features .group-button > button > svg, .box-features .group-button > button.active > svg { fill: none; stroke: none; } .box-features .group-button > button > svg path { stroke: none; } .box-features .group-button > button.active > svg path { fill: #004FA4; } .catalog-product .catalog-product-title { height: 42px; margin-bottom: 13px; font-size: 15px; line-height: 21px; letter-spacing: -.5px; color: #1A272D; } .catalog-price-variable { margin: 0 0 8px; } .catalog-price-variable > li { margin: 0; } .catalog-price-variable span:hover, .catalog-price-variable span.active { font-size: 14px; line-height: 21px; letter-spacing: -0.5px; color: #1A272DCC; } .catalog-price-per, .catalog-price-per.active { min-height: auto; margin-bottom: 16px; } .catalog-price { align-items: flex-start; gap: 0 12px; margin-bottom: 0; } .catalog-price .price { font-family: 'Roboto', sans-serif; font-weight: 700; font-size: 22px; line-height: 24px; letter-spacing: -0.5px; color: #1A272D; } .catalog-old-price { font-weight: 400; font-size: 15px; line-height: 19px; letter-spacing: -0.5px; text-decoration: line-through !important; color: #1A272DCC; } .product-item__btn { height: auto; padding: 13px 17px; font-family: 'Roboto', sans-serif; font-weight: 600; font-size: 15px; line-height: 19px; letter-spacing: -0.3px; color: #1A272D; background-color: #F1F5F7; border-radius: 6px; } .product-item__btn:hover, .product-item__btn:active, .product-item__btn:focus { color: #fff; background-color: #004FA4; } /* END Catalog page */ /* Media */ @media screen and (max-width: 1200px) { .main-page-benefits-item:nth-child(2) { padding-inline: 30px; } } @media screen and (max-width: 1000px) { .main-page-benefits, .main-page-sections { margin-block: 64px; } .main-page-benefits > .flex { flex-direction: column; gap: 30px; } .main-page-benefits-item:nth-child(2) { margin-left: 0; padding-inline: 0; } .main-page-sections-item { flex: 1 1 50%; width: 50%; max-width: calc(50% - 8px); } } @media screen and (max-width: 760px) { .main-page-benefits-item strong { font-size: 18px; } .section-catalog .catalog-category-list > div, .section-catalog .catalog-products > div { flex: 1 1 50%; width: 50%; max-width: calc(50% - 8px); } } @media screen and (max-width: 599px) { .section-catalog .catalog-products .catalog-product .catalog-product-title { margin-bottom: 11px; } .section-catalog .catalog-products .catalog-product .box-price .catalog-price-per .catalog-old-price { margin: 0; } } @media screen and (max-width: 500px) { .title { margin-bottom: 16px; font-size: 26px; line-height: 32px; } .main-page-sections-items { gap: 0; } .main-page-sections-items .owl-stage { display: flex; gap: 8px; } .main-page-sections-item { flex: 1 1 100%; width: 100%; max-width: 100%; height: 100%; } .main-page-sections-item strong { font-size: 18px; } .main-page-sections-item p { margin-top: 8px; font-size: 14px; } .main-page-sections-items .owl-nav { display: none; } .catalog-products { gap: 8px; } .section-catalog .catalog-category-list > div, .section-catalog .catalog-products > div { max-width: calc(50% - 4px); } .catalog-product .thumb { height: 144px; } } /* END Media */ /* End */ /* /local/assets/css/owl.carousel.min.css?17320298542936 */ /* /local/assets/css/owl.theme.default.min.css?1732029854936 */ /* /local/assets/css/lightslider.min.css?17320298535534 */ /* /local/assets/css/jquery.fancybox.min.css?173202985313706 */ /* /local/templates/.default/components/bitrix/sale.basket.basket/basket/style.css?173202985643227 */ /* /local/assets/css/main.css?1759091673207897 */ /* /local/assets/css/custom.css?174300280814134 */ /* /local/templates/sks_main_new/css/custom.css?17320298575572 */ /* /local/templates/sks_main_new/css/proSeek.css?17506605025836 */ /* /local/templates/sks_main_new/components/arturgolubev/search.title/search/style.css?17320298572175 */ /* /local/templates/.default/components/bitrix/sale.basket.basket.line/basket_line_test/style.css?17320298564227 */ /* /local/templates/.default/components/bitrix/catalog.section.list/left.side/style.css?17320298561081 */ /* /local/templates/.default/components/custom/search.title/search/style.css?17320298562175 */ /* /local/templates/.default/components/bitrix/menu/top_menu/style.min.css?1732029856490 */ /* /local/templates/.default/components/custom/basket.small/dinamic/style.css?17320298564405 */ /* /local/templates/.default/components/bitrix/breadcrumb/navigation/style.min.css?1732029855467 */ /* /local/templates/.default/components/bitrix/catalog.store.list/stores/style.min.css?1732029856682 */ /* /local/templates/.default/components/bitrix/menu/bottom_menu/style.min.css?1732029856490 */ /* /local/templates/.default/components/custom/catalog.compare.list/favourite/style.css?1732029856174 */ /* /local/templates/.default/components/custom/catalog.compare.list/compare/style.css?1732029856170 */ /* /local/templates/.default/components/bitrix/system.auth.form/auth-form-modal/style.css?173202985650 */ /* /local/templates/sks_main_new/template_styles.css?175909174811100 */