/* Start:/local/templates/aquanet_new/css/jquery.fancybox.min.css?161825734012876*/ body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;/*left:env(safe-area-inset-left);*/padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;/*right:env(safe-area-inset-right)*/}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption/*{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}*/{padding:75px 44px 25px 44px}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{/*padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))*/padding-left:12px;padding-right:12px}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}} /* End */ /* Start:/local/templates/aquanet_new/libs/owl-carousel/owl.carousel.min.css?16182573403692*/ .owl-carousel .animated{-webkit-animation-duration:1000ms;animation-duration:1000ms;-webkit-animation-fill-mode:both;animation-fill-mode:both;} .owl-carousel .owl-animated-in{z-index:0;} .owl-carousel .owl-animated-out{z-index:1;} .owl-carousel .fadeOut{-webkit-animation-name:fadeOut;animation-name:fadeOut;} @-webkit-keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } @keyframes fadeOut{0%{opacity:1;} 100%{opacity:0;} } .owl-height{-webkit-transition:height 500ms ease-in-out;-moz-transition:height 500ms ease-in-out;-ms-transition:height 500ms ease-in-out;-o-transition:height 500ms ease-in-out;transition:height 500ms ease-in-out;} .owl-carousel{width:100%;-webkit-tap-highlight-color:transparent;position:relative;z-index:1;} .owl-carousel .owl-stage{position:relative;-ms-touch-action:pan-Y;} .owl-carousel .owl-stage:after{content:".";display:block;clear:both;visibility:hidden;line-height:0;height:0;} .owl-carousel .owl-stage-outer{position:relative;overflow:hidden;-webkit-transform:translate3d(0px, 0px, 0px);} .owl-carousel .owl-controls .owl-nav .owl-prev, .owl-carousel .owl-controls .owl-nav .owl-next, .owl-carousel .owl-controls .owl-dot{cursor:pointer;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel.owl-loaded{display:block;} .owl-carousel.owl-loading{opacity:0;display:block;} .owl-carousel.owl-hidden{opacity:0;} .owl-carousel .owl-refresh .owl-item{display:none;} .owl-carousel .owl-item{position:relative;min-height:1px;float:left;-webkit-backface-visibility:hidden;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;} .owl-carousel .owl-item img{display:block;width:100%;-webkit-transform-style:preserve-3d;} .owl-carousel.owl-text-select-on .owl-item{-webkit-user-select:auto;-moz-user-select:auto;-ms-user-select:auto;user-select:auto;} .owl-carousel .owl-grab{cursor:move;cursor:-webkit-grab;cursor:-o-grab;cursor:-ms-grab;cursor:grab;} .owl-carousel.owl-rtl{direction:rtl;} .owl-carousel.owl-rtl .owl-item{float:right;} .no-js .owl-carousel{display:block;} .owl-carousel .owl-item .owl-lazy{opacity:0;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;} .owl-carousel .owl-item img{transform-style:preserve-3d;} .owl-carousel .owl-video-wrapper{position:relative;height:100%;background:#000;} .owl-carousel .owl-video-play-icon{position:absolute;height:80px;width:80px;left:50%;top:50%;margin-left:-40px;margin-top:-40px;background:url("/local/templates/aquanet_new/libs/owl-carousel/owl.video.play.png") no-repeat;cursor:pointer;z-index:1;-webkit-backface-visibility:hidden;-webkit-transition:scale 100ms ease;-moz-transition:scale 100ms ease;-ms-transition:scale 100ms ease;-o-transition:scale 100ms ease;transition:scale 100ms ease;} /*.owl-carousel .owl-video-play-icon:hover{-webkit-transition:scale(1.3, 1.3);-moz-transition:scale(1.3, 1.3);-ms-transition:scale(1.3, 1.3);-o-transition:scale(1.3, 1.3);transition:scale(1.3, 1.3);}*/ .owl-carousel .owl-video-playing .owl-video-tn, .owl-carousel .owl-video-playing .owl-video-play-icon{display:none;} .owl-carousel .owl-video-tn{opacity:0;height:100%;background-position:center center;background-repeat:no-repeat;-webkit-background-size:contain;-moz-background-size:contain;-o-background-size:contain;background-size:contain;-webkit-transition:opacity 400ms ease;-moz-transition:opacity 400ms ease;-ms-transition:opacity 400ms ease;-o-transition:opacity 400ms ease;transition:opacity 400ms ease;} .owl-carousel .owl-video-frame{position:relative;z-index:1;} /* End */ /* Start:/local/templates/aquanet_new/libs/mCustomScrollbar/jquery.mCustomScrollbar.css?161825734054877*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 10px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 0px 0 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ /* .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } */ /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75;/* filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; */} .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; /*filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)";*/ } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; /*filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)";*/ } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); /*filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; */ } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); /*filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; */ } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); /*filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; */ } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); /*filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/aquanet_new/libs/mCustomScrollbar/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; /*opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; */ } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } /*.mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } */ /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: rgba(255,255,255,1); border:1px solid #939292; width: 4px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(39,37,37,1); width: 4px; -webkit-border-radius: 0px; -moz-border-radius: 0px; border-radius: 0px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; /*filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; */ } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; /*filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; */ } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; /*filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; */ } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); /*filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; */ } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); /*filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; */ } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); /*filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; */ } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); /*filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; */ } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/aquanet_new/css/jquery.scrollbar.css?16182573402477*/ /*************** SCROLLBAR BASE CSS ***************/ .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } /*************** SIMPLE INNER SCROLLBAR ***************/ .scroll-element, .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scroll-element.scroll-x { bottom: 2px; height: 8px; left: 0; width: 100%; } .scroll-element.scroll-y { height: 100%; right: 2px; top: 0; width: 8px; } .scroll-element .scroll-element_outer { overflow: hidden; } .scroll-element .scroll-element_outer, .scroll-element .scroll-element_track, .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scroll-element .scroll-element_track { background-color:#E6E6E6; } .scroll-element .scroll-bar { background-color: #4fa9e8; } .scroll-element:hover .scroll-bar { background-color: #4fa9e8; } .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } /* update scrollbar offset if both scrolls are visible */ .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -12px; } .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -12px; } .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -12px; } .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -12px; } .scroll-element.scroll-y .scroll-element_track { width: 1px; left: 3px; } .scroll-element.scroll-y .scroll-bar { width: 5px; left: 1px; } /* End */ /* Start:/local/templates/aquanet_new/css/bootstrap-datepicker3.min.css?161825734021100*/ /*! * Datepicker for Bootstrap v1.9.0 (https://github.com/uxsolutions/bootstrap-datepicker) * * Licensed under the Apache License v2.0 (http://www.apache.org/licenses/LICENSE-2.0) */ .datepicker{border-radius:4px;direction:ltr}.datepicker-inline{width:220px}.datepicker-rtl{direction:rtl}.datepicker-rtl.dropdown-menu{left:auto}.datepicker-rtl table tr td span{float:right}.datepicker-dropdown{top:0;left:0;padding:4px}.datepicker-dropdown:before{content:'';display:inline-block;border-left:7px solid transparent;border-right:7px solid transparent;border-bottom:7px solid rgba(0,0,0,.15);border-top:0;border-bottom-color:rgba(0,0,0,.2);position:absolute}.datepicker-dropdown:after{content:'';display:inline-block;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:6px solid #fff;border-top:0;position:absolute}.datepicker-dropdown.datepicker-orient-left:before{left:6px}.datepicker-dropdown.datepicker-orient-left:after{left:7px}.datepicker-dropdown.datepicker-orient-right:before{right:6px}.datepicker-dropdown.datepicker-orient-right:after{right:7px}.datepicker-dropdown.datepicker-orient-bottom:before{top:-7px}.datepicker-dropdown.datepicker-orient-bottom:after{top:-6px}.datepicker-dropdown.datepicker-orient-top:before{bottom:-7px;border-bottom:0;border-top:7px solid rgba(0,0,0,.15)}.datepicker-dropdown.datepicker-orient-top:after{bottom:-6px;border-bottom:0;border-top:6px solid #fff}.datepicker table{margin:0;-webkit-touch-callout:none;-webkit-user-select:none;-khtml-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.datepicker table tr td,.datepicker table tr th{text-align:center;width:30px;height:30px;border-radius:4px;border:none}.table-striped .datepicker table tr td,.table-striped .datepicker table tr th{background-color:transparent}.datepicker table tr td.new,.datepicker table tr td.old{color:#777}.datepicker table tr td.day:hover,.datepicker table tr td.focused{background:#eee;cursor:pointer}.datepicker table tr td.disabled,.datepicker table tr td.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td.highlighted{color:#000;background-color:#d9edf7;border-color:#85c5e5;border-radius:0}.datepicker table tr td.highlighted.focus,.datepicker table tr td.highlighted:focus{color:#000;background-color:#afd9ee;border-color:#298fc2}.datepicker table tr td.highlighted:hover{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active,.datepicker table tr td.highlighted:active{color:#000;background-color:#afd9ee;border-color:#52addb}.datepicker table tr td.highlighted.active.focus,.datepicker table tr td.highlighted.active:focus,.datepicker table tr td.highlighted.active:hover,.datepicker table tr td.highlighted:active.focus,.datepicker table tr td.highlighted:active:focus,.datepicker table tr td.highlighted:active:hover{color:#000;background-color:#91cbe8;border-color:#298fc2}.datepicker table tr td.highlighted.disabled.focus,.datepicker table tr td.highlighted.disabled:focus,.datepicker table tr td.highlighted.disabled:hover,.datepicker table tr td.highlighted[disabled].focus,.datepicker table tr td.highlighted[disabled]:focus,.datepicker table tr td.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.highlighted.focus,fieldset[disabled] .datepicker table tr td.highlighted:focus,fieldset[disabled] .datepicker table tr td.highlighted:hover{background-color:#d9edf7;border-color:#85c5e5}.datepicker table tr td.highlighted.focused{background:#afd9ee}.datepicker table tr td.highlighted.disabled,.datepicker table tr td.highlighted.disabled:active{background:#d9edf7;color:#777}.datepicker table tr td.today{color:#000;background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focus,.datepicker table tr td.today:focus{color:#000;background-color:#ffc966;border-color:#b37400}.datepicker table tr td.today:hover{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active,.datepicker table tr td.today:active{color:#000;background-color:#ffc966;border-color:#f59e00}.datepicker table tr td.today.active.focus,.datepicker table tr td.today.active:focus,.datepicker table tr td.today.active:hover,.datepicker table tr td.today:active.focus,.datepicker table tr td.today:active:focus,.datepicker table tr td.today:active:hover{color:#000;background-color:#ffbc42;border-color:#b37400}.datepicker table tr td.today.disabled.focus,.datepicker table tr td.today.disabled:focus,.datepicker table tr td.today.disabled:hover,.datepicker table tr td.today[disabled].focus,.datepicker table tr td.today[disabled]:focus,.datepicker table tr td.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.today.focus,fieldset[disabled] .datepicker table tr td.today:focus,fieldset[disabled] .datepicker table tr td.today:hover{background-color:#ffdb99;border-color:#ffb733}.datepicker table tr td.today.focused{background:#ffc966}.datepicker table tr td.today.disabled,.datepicker table tr td.today.disabled:active{background:#ffdb99;color:#777}.datepicker table tr td.range{color:#000;background-color:#eee;border-color:#bbb;border-radius:0}.datepicker table tr td.range.focus,.datepicker table tr td.range:focus{color:#000;background-color:#d5d5d5;border-color:#7c7c7c}.datepicker table tr td.range:hover{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active,.datepicker table tr td.range:active{color:#000;background-color:#d5d5d5;border-color:#9d9d9d}.datepicker table tr td.range.active.focus,.datepicker table tr td.range.active:focus,.datepicker table tr td.range.active:hover,.datepicker table tr td.range:active.focus,.datepicker table tr td.range:active:focus,.datepicker table tr td.range:active:hover{color:#000;background-color:#c3c3c3;border-color:#7c7c7c}.datepicker table tr td.range.disabled.focus,.datepicker table tr td.range.disabled:focus,.datepicker table tr td.range.disabled:hover,.datepicker table tr td.range[disabled].focus,.datepicker table tr td.range[disabled]:focus,.datepicker table tr td.range[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.focus,fieldset[disabled] .datepicker table tr td.range:focus,fieldset[disabled] .datepicker table tr td.range:hover{background-color:#eee;border-color:#bbb}.datepicker table tr td.range.focused{background:#d5d5d5}.datepicker table tr td.range.disabled,.datepicker table tr td.range.disabled:active{background:#eee;color:#777}.datepicker table tr td.range.highlighted{color:#000;background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focus,.datepicker table tr td.range.highlighted:focus{color:#000;background-color:#c1d7e3;border-color:#4b88a6}.datepicker table tr td.range.highlighted:hover{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active,.datepicker table tr td.range.highlighted:active{color:#000;background-color:#c1d7e3;border-color:#73a6c0}.datepicker table tr td.range.highlighted.active.focus,.datepicker table tr td.range.highlighted.active:focus,.datepicker table tr td.range.highlighted.active:hover,.datepicker table tr td.range.highlighted:active.focus,.datepicker table tr td.range.highlighted:active:focus,.datepicker table tr td.range.highlighted:active:hover{color:#000;background-color:#a8c8d8;border-color:#4b88a6}.datepicker table tr td.range.highlighted.disabled.focus,.datepicker table tr td.range.highlighted.disabled:focus,.datepicker table tr td.range.highlighted.disabled:hover,.datepicker table tr td.range.highlighted[disabled].focus,.datepicker table tr td.range.highlighted[disabled]:focus,.datepicker table tr td.range.highlighted[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.highlighted.focus,fieldset[disabled] .datepicker table tr td.range.highlighted:focus,fieldset[disabled] .datepicker table tr td.range.highlighted:hover{background-color:#e4eef3;border-color:#9dc1d3}.datepicker table tr td.range.highlighted.focused{background:#c1d7e3}.datepicker table tr td.range.highlighted.disabled,.datepicker table tr td.range.highlighted.disabled:active{background:#e4eef3;color:#777}.datepicker table tr td.range.today{color:#000;background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.focus,.datepicker table tr td.range.today:focus{color:#000;background-color:#f4b747;border-color:#815608}.datepicker table tr td.range.today:hover{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active,.datepicker table tr td.range.today:active{color:#000;background-color:#f4b747;border-color:#bf800c}.datepicker table tr td.range.today.active.focus,.datepicker table tr td.range.today.active:focus,.datepicker table tr td.range.today.active:hover,.datepicker table tr td.range.today:active.focus,.datepicker table tr td.range.today:active:focus,.datepicker table tr td.range.today:active:hover{color:#000;background-color:#f2aa25;border-color:#815608}.datepicker table tr td.range.today.disabled.focus,.datepicker table tr td.range.today.disabled:focus,.datepicker table tr td.range.today.disabled:hover,.datepicker table tr td.range.today[disabled].focus,.datepicker table tr td.range.today[disabled]:focus,.datepicker table tr td.range.today[disabled]:hover,fieldset[disabled] .datepicker table tr td.range.today.focus,fieldset[disabled] .datepicker table tr td.range.today:focus,fieldset[disabled] .datepicker table tr td.range.today:hover{background-color:#f7ca77;border-color:#f1a417}.datepicker table tr td.range.today.disabled,.datepicker table tr td.range.today.disabled:active{background:#f7ca77;color:#777}.datepicker table tr td.selected,.datepicker table tr td.selected.highlighted{color:#fff;background-color:#777;border-color:#555;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.selected.focus,.datepicker table tr td.selected.highlighted.focus,.datepicker table tr td.selected.highlighted:focus,.datepicker table tr td.selected:focus{color:#fff;background-color:#5e5e5e;border-color:#161616}.datepicker table tr td.selected.highlighted:hover,.datepicker table tr td.selected:hover{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active,.datepicker table tr td.selected.highlighted.active,.datepicker table tr td.selected.highlighted:active,.datepicker table tr td.selected:active{color:#fff;background-color:#5e5e5e;border-color:#373737}.datepicker table tr td.selected.active.focus,.datepicker table tr td.selected.active:focus,.datepicker table tr td.selected.active:hover,.datepicker table tr td.selected.highlighted.active.focus,.datepicker table tr td.selected.highlighted.active:focus,.datepicker table tr td.selected.highlighted.active:hover,.datepicker table tr td.selected.highlighted:active.focus,.datepicker table tr td.selected.highlighted:active:focus,.datepicker table tr td.selected.highlighted:active:hover,.datepicker table tr td.selected:active.focus,.datepicker table tr td.selected:active:focus,.datepicker table tr td.selected:active:hover{color:#fff;background-color:#4c4c4c;border-color:#161616}.datepicker table tr td.selected.disabled.focus,.datepicker table tr td.selected.disabled:focus,.datepicker table tr td.selected.disabled:hover,.datepicker table tr td.selected.highlighted.disabled.focus,.datepicker table tr td.selected.highlighted.disabled:focus,.datepicker table tr td.selected.highlighted.disabled:hover,.datepicker table tr td.selected.highlighted[disabled].focus,.datepicker table tr td.selected.highlighted[disabled]:focus,.datepicker table tr td.selected.highlighted[disabled]:hover,.datepicker table tr td.selected[disabled].focus,.datepicker table tr td.selected[disabled]:focus,.datepicker table tr td.selected[disabled]:hover,fieldset[disabled] .datepicker table tr td.selected.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted.focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:focus,fieldset[disabled] .datepicker table tr td.selected.highlighted:hover,fieldset[disabled] .datepicker table tr td.selected:focus,fieldset[disabled] .datepicker table tr td.selected:hover{background-color:#777;border-color:#555}.datepicker table tr td.active,.datepicker table tr td.active.highlighted{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td.active.focus,.datepicker table tr td.active.highlighted.focus,.datepicker table tr td.active.highlighted:focus,.datepicker table tr td.active:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td.active.highlighted:hover,.datepicker table tr td.active:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active,.datepicker table tr td.active.highlighted.active,.datepicker table tr td.active.highlighted:active,.datepicker table tr td.active:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td.active.active.focus,.datepicker table tr td.active.active:focus,.datepicker table tr td.active.active:hover,.datepicker table tr td.active.highlighted.active.focus,.datepicker table tr td.active.highlighted.active:focus,.datepicker table tr td.active.highlighted.active:hover,.datepicker table tr td.active.highlighted:active.focus,.datepicker table tr td.active.highlighted:active:focus,.datepicker table tr td.active.highlighted:active:hover,.datepicker table tr td.active:active.focus,.datepicker table tr td.active:active:focus,.datepicker table tr td.active:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td.active.disabled.focus,.datepicker table tr td.active.disabled:focus,.datepicker table tr td.active.disabled:hover,.datepicker table tr td.active.highlighted.disabled.focus,.datepicker table tr td.active.highlighted.disabled:focus,.datepicker table tr td.active.highlighted.disabled:hover,.datepicker table tr td.active.highlighted[disabled].focus,.datepicker table tr td.active.highlighted[disabled]:focus,.datepicker table tr td.active.highlighted[disabled]:hover,.datepicker table tr td.active[disabled].focus,.datepicker table tr td.active[disabled]:focus,.datepicker table tr td.active[disabled]:hover,fieldset[disabled] .datepicker table tr td.active.focus,fieldset[disabled] .datepicker table tr td.active.highlighted.focus,fieldset[disabled] .datepicker table tr td.active.highlighted:focus,fieldset[disabled] .datepicker table tr td.active.highlighted:hover,fieldset[disabled] .datepicker table tr td.active:focus,fieldset[disabled] .datepicker table tr td.active:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span{display:block;width:23%;height:54px;line-height:54px;float:left;margin:1%;cursor:pointer;border-radius:4px}.datepicker table tr td span.focused,.datepicker table tr td span:hover{background:#eee}.datepicker table tr td span.disabled,.datepicker table tr td span.disabled:hover{background:0 0;color:#777;cursor:default}.datepicker table tr td span.active,.datepicker table tr td span.active.disabled,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active:hover{color:#fff;background-color:#337ab7;border-color:#2e6da4;text-shadow:0 -1px 0 rgba(0,0,0,.25)}.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover.focus,.datepicker table tr td span.active.disabled:hover:focus,.datepicker table tr td span.active.focus,.datepicker table tr td span.active:focus,.datepicker table tr td span.active:hover.focus,.datepicker table tr td span.active:hover:focus{color:#fff;background-color:#286090;border-color:#122b40}.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover:hover,.datepicker table tr td span.active:hover,.datepicker table tr td span.active:hover:hover{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active,.datepicker table tr td span.active.disabled.active,.datepicker table tr td span.active.disabled:active,.datepicker table tr td span.active.disabled:hover.active,.datepicker table tr td span.active.disabled:hover:active,.datepicker table tr td span.active:active,.datepicker table tr td span.active:hover.active,.datepicker table tr td span.active:hover:active{color:#fff;background-color:#286090;border-color:#204d74}.datepicker table tr td span.active.active.focus,.datepicker table tr td span.active.active:focus,.datepicker table tr td span.active.active:hover,.datepicker table tr td span.active.disabled.active.focus,.datepicker table tr td span.active.disabled.active:focus,.datepicker table tr td span.active.disabled.active:hover,.datepicker table tr td span.active.disabled:active.focus,.datepicker table tr td span.active.disabled:active:focus,.datepicker table tr td span.active.disabled:active:hover,.datepicker table tr td span.active.disabled:hover.active.focus,.datepicker table tr td span.active.disabled:hover.active:focus,.datepicker table tr td span.active.disabled:hover.active:hover,.datepicker table tr td span.active.disabled:hover:active.focus,.datepicker table tr td span.active.disabled:hover:active:focus,.datepicker table tr td span.active.disabled:hover:active:hover,.datepicker table tr td span.active:active.focus,.datepicker table tr td span.active:active:focus,.datepicker table tr td span.active:active:hover,.datepicker table tr td span.active:hover.active.focus,.datepicker table tr td span.active:hover.active:focus,.datepicker table tr td span.active:hover.active:hover,.datepicker table tr td span.active:hover:active.focus,.datepicker table tr td span.active:hover:active:focus,.datepicker table tr td span.active:hover:active:hover{color:#fff;background-color:#204d74;border-color:#122b40}.datepicker table tr td span.active.disabled.disabled.focus,.datepicker table tr td span.active.disabled.disabled:focus,.datepicker table tr td span.active.disabled.disabled:hover,.datepicker table tr td span.active.disabled.focus,.datepicker table tr td span.active.disabled:focus,.datepicker table tr td span.active.disabled:hover,.datepicker table tr td span.active.disabled:hover.disabled.focus,.datepicker table tr td span.active.disabled:hover.disabled:focus,.datepicker table tr td span.active.disabled:hover.disabled:hover,.datepicker table tr td span.active.disabled:hover[disabled].focus,.datepicker table tr td span.active.disabled:hover[disabled]:focus,.datepicker table tr td span.active.disabled:hover[disabled]:hover,.datepicker table tr td span.active.disabled[disabled].focus,.datepicker table tr td span.active.disabled[disabled]:focus,.datepicker table tr td span.active.disabled[disabled]:hover,.datepicker table tr td span.active:hover.disabled.focus,.datepicker table tr td span.active:hover.disabled:focus,.datepicker table tr td span.active:hover.disabled:hover,.datepicker table tr td span.active:hover[disabled].focus,.datepicker table tr td span.active:hover[disabled]:focus,.datepicker table tr td span.active:hover[disabled]:hover,.datepicker table tr td span.active[disabled].focus,.datepicker table tr td span.active[disabled]:focus,.datepicker table tr td span.active[disabled]:hover,fieldset[disabled] .datepicker table tr td span.active.disabled.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover,fieldset[disabled] .datepicker table tr td span.active.disabled:hover.focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:focus,fieldset[disabled] .datepicker table tr td span.active.disabled:hover:hover,fieldset[disabled] .datepicker table tr td span.active.focus,fieldset[disabled] .datepicker table tr td span.active:focus,fieldset[disabled] .datepicker table tr td span.active:hover,fieldset[disabled] .datepicker table tr td span.active:hover.focus,fieldset[disabled] .datepicker table tr td span.active:hover:focus,fieldset[disabled] .datepicker table tr td span.active:hover:hover{background-color:#337ab7;border-color:#2e6da4}.datepicker table tr td span.new,.datepicker table tr td span.old{color:#777}.datepicker .datepicker-switch{width:145px}.datepicker .datepicker-switch,.datepicker .next,.datepicker .prev,.datepicker tfoot tr th{cursor:pointer}.datepicker .datepicker-switch:hover,.datepicker .next:hover,.datepicker .prev:hover,.datepicker tfoot tr th:hover{background:#eee}.datepicker .next.disabled,.datepicker .prev.disabled{visibility:hidden}.datepicker .cw{font-size:10px;width:12px;padding:0 2px 0 5px;vertical-align:middle}.input-group.date .input-group-addon{cursor:pointer}.input-daterange{width:100%}.input-daterange input{text-align:center}.input-daterange input:first-child{border-radius:3px 0 0 3px}.input-daterange input:last-child{border-radius:0 3px 3px 0}.input-daterange .input-group-addon{width:auto;min-width:16px;padding:4px 5px;line-height:1.42857143;border-width:1px 0;margin-left:-5px;margin-right:-5px} /* End */ /* Start:/local/templates/aquanet_new/css/bundle.css?1782722573723087*/ /** Контейнер (старый шаблон) */ ._aquanet_new .container { display: block; width: 100%; margin-right: auto; margin-left: auto; max-width: 1140px; } @media (min-width: 660px) { ._aquanet_new .container { max-width: 540px; } } @media (min-width: 1024px) { ._aquanet_new .container { max-width: 720px; } } ._aquanet_new .container { width: 100%; max-width: 100%; margin: 0 auto; } /** * END Контейнер (старый шаблон) */ html{ scrollbar-gutter: stable; } .reviews-aplaut { background-color: #f6f6f6; padding: 4px 7px; border-radius: 7px; display: inline-flex; text-decoration: none; } .reviews-aplaut .rating-star .icon { cursor: pointer; } .reviews-aplaut span { margin-left: 6px; color: #6a6a6a; font-weight: 500; } .container-review-tabs { padding-right: 35px; padding-left: 35px; width: 100%; } .container-fluid { width: 100%; padding-right: 15px; padding-left: 15px; margin-right: auto; margin-left: auto; } .row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .no-gutters { margin-right: 0; margin-left: 0; } .no-gutters > .col, .no-gutters > [class*="col-"] { padding-right: 0; padding-left: 0; } .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto, .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg, .col-lg-auto { position: relative; width: 100%; min-height: 1px; padding-right: 15px; padding-left: 15px; } .col { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-first { -ms-flex-order: -1; order: -1; } .order-last { -ms-flex-order: 13; order: 13; } .order-0 { -ms-flex-order: 0; order: 0; } .order-1 { -ms-flex-order: 1; order: 1; } .order-2 { -ms-flex-order: 2; order: 2; } .order-3 { -ms-flex-order: 3; order: 3; } .order-4 { -ms-flex-order: 4; order: 4; } .order-5 { -ms-flex-order: 5; order: 5; } .order-6 { -ms-flex-order: 6; order: 6; } .order-7 { -ms-flex-order: 7; order: 7; } .order-8 { -ms-flex-order: 8; order: 8; } .order-9 { -ms-flex-order: 9; order: 9; } .order-10 { -ms-flex-order: 10; order: 10; } .order-11 { -ms-flex-order: 11; order: 11; } .order-12 { -ms-flex-order: 12; order: 12; } .offset-1 { margin-left: 8.33333%; } .offset-2 { margin-left: 16.66667%; } .offset-3 { margin-left: 25%; } .offset-4 { margin-left: 33.33333%; } .offset-5 { margin-left: 41.66667%; } .offset-6 { margin-left: 50%; } .offset-7 { margin-left: 58.33333%; } .offset-8 { margin-left: 66.66667%; } .offset-9 { margin-left: 75%; } .offset-10 { margin-left: 83.33333%; } .offset-11 { margin-left: 91.66667%; } @media (min-width: 660px) { .col-sm { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-sm-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-sm-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-sm-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-sm-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-sm-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-sm-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-sm-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-sm-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-sm-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-sm-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-sm-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-sm-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-sm-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-sm-first { -ms-flex-order: -1; order: -1; } .order-sm-last { -ms-flex-order: 13; order: 13; } .order-sm-0 { -ms-flex-order: 0; order: 0; } .order-sm-1 { -ms-flex-order: 1; order: 1; } .order-sm-2 { -ms-flex-order: 2; order: 2; } .order-sm-3 { -ms-flex-order: 3; order: 3; } .order-sm-4 { -ms-flex-order: 4; order: 4; } .order-sm-5 { -ms-flex-order: 5; order: 5; } .order-sm-6 { -ms-flex-order: 6; order: 6; } .order-sm-7 { -ms-flex-order: 7; order: 7; } .order-sm-8 { -ms-flex-order: 8; order: 8; } .order-sm-9 { -ms-flex-order: 9; order: 9; } .order-sm-10 { -ms-flex-order: 10; order: 10; } .order-sm-11 { -ms-flex-order: 11; order: 11; } .order-sm-12 { -ms-flex-order: 12; order: 12; } .offset-sm-0 { margin-left: 0; } .offset-sm-1 { margin-left: 8.33333%; } .offset-sm-2 { margin-left: 16.66667%; } .offset-sm-3 { margin-left: 25%; } .offset-sm-4 { margin-left: 33.33333%; } .offset-sm-5 { margin-left: 41.66667%; } .offset-sm-6 { margin-left: 50%; } .offset-sm-7 { margin-left: 58.33333%; } .offset-sm-8 { margin-left: 66.66667%; } .offset-sm-9 { margin-left: 75%; } .offset-sm-10 { margin-left: 83.33333%; } .offset-sm-11 { margin-left: 91.66667%; } } @media (min-width: 1024px) { .col-md { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-md-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-md-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-md-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-md-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-md-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-md-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-md-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-md-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-md-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-md-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-md-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-md-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-md-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-md-first { -ms-flex-order: -1; order: -1; } .order-md-last { -ms-flex-order: 13; order: 13; } .order-md-0 { -ms-flex-order: 0; order: 0; } .order-md-1 { -ms-flex-order: 1; order: 1; } .order-md-2 { -ms-flex-order: 2; order: 2; } .order-md-3 { -ms-flex-order: 3; order: 3; } .order-md-4 { -ms-flex-order: 4; order: 4; } .order-md-5 { -ms-flex-order: 5; order: 5; } .order-md-6 { -ms-flex-order: 6; order: 6; } .order-md-7 { -ms-flex-order: 7; order: 7; } .order-md-8 { -ms-flex-order: 8; order: 8; } .order-md-9 { -ms-flex-order: 9; order: 9; } .order-md-10 { -ms-flex-order: 10; order: 10; } .order-md-11 { -ms-flex-order: 11; order: 11; } .order-md-12 { -ms-flex-order: 12; order: 12; } .offset-md-0 { margin-left: 0; } .offset-md-1 { margin-left: 8.33333%; } .offset-md-2 { margin-left: 16.66667%; } .offset-md-3 { margin-left: 25%; } .offset-md-4 { margin-left: 33.33333%; } .offset-md-5 { margin-left: 41.66667%; } .offset-md-6 { margin-left: 50%; } .offset-md-7 { margin-left: 58.33333%; } .offset-md-8 { margin-left: 66.66667%; } .offset-md-9 { margin-left: 75%; } .offset-md-10 { margin-left: 83.33333%; } .offset-md-11 { margin-left: 91.66667%; } } @media (min-width: 1440px) { .col-lg { -ms-flex-preferred-size: 0; flex-basis: 0; -ms-flex-positive: 1; flex-grow: 1; max-width: 100%; } .col-lg-auto { -ms-flex: 0 0 auto; flex: 0 0 auto; width: auto; max-width: none; } .col-lg-1 { -ms-flex: 0 0 8.33333%; flex: 0 0 8.33333%; max-width: 8.33333%; } .col-lg-2 { -ms-flex: 0 0 16.66667%; flex: 0 0 16.66667%; max-width: 16.66667%; } .col-lg-3 { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } .col-lg-4 { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } .col-lg-5 { -ms-flex: 0 0 41.66667%; flex: 0 0 41.66667%; max-width: 41.66667%; } .col-lg-6 { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } .col-lg-7 { -ms-flex: 0 0 58.33333%; flex: 0 0 58.33333%; max-width: 58.33333%; } .col-lg-8 { -ms-flex: 0 0 66.66667%; flex: 0 0 66.66667%; max-width: 66.66667%; } .col-lg-9 { -ms-flex: 0 0 75%; flex: 0 0 75%; max-width: 75%; } .col-lg-10 { -ms-flex: 0 0 83.33333%; flex: 0 0 83.33333%; max-width: 83.33333%; } .col-lg-11 { -ms-flex: 0 0 91.66667%; flex: 0 0 91.66667%; max-width: 91.66667%; } .col-lg-12 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .order-lg-first { -ms-flex-order: -1; order: -1; } .order-lg-last { -ms-flex-order: 13; order: 13; } .order-lg-0 { -ms-flex-order: 0; order: 0; } .order-lg-1 { -ms-flex-order: 1; order: 1; } .order-lg-2 { -ms-flex-order: 2; order: 2; } .order-lg-3 { -ms-flex-order: 3; order: 3; } .order-lg-4 { -ms-flex-order: 4; order: 4; } .order-lg-5 { -ms-flex-order: 5; order: 5; } .order-lg-6 { -ms-flex-order: 6; order: 6; } .order-lg-7 { -ms-flex-order: 7; order: 7; } .order-lg-8 { -ms-flex-order: 8; order: 8; } .order-lg-9 { -ms-flex-order: 9; order: 9; } .order-lg-10 { -ms-flex-order: 10; order: 10; } .order-lg-11 { -ms-flex-order: 11; order: 11; } .order-lg-12 { -ms-flex-order: 12; order: 12; } .offset-lg-0 { margin-left: 0; } .offset-lg-1 { margin-left: 8.33333%; } .offset-lg-2 { margin-left: 16.66667%; } .offset-lg-3 { margin-left: 25%; } .offset-lg-4 { margin-left: 33.33333%; } .offset-lg-5 { margin-left: 41.66667%; } .offset-lg-6 { margin-left: 50%; } .offset-lg-7 { margin-left: 58.33333%; } .offset-lg-8 { margin-left: 66.66667%; } .offset-lg-9 { margin-left: 75%; } .offset-lg-10 { margin-left: 83.33333%; } .offset-lg-11 { margin-left: 91.66667%; } } .d-none { display: none !important; } .d-inline { display: inline !important; } .d-inline-block { display: inline-block !important; } .d-block { display: block !important; } .d-table { display: table !important; } .d-table-row { display: table-row !important; } .d-table-cell { display: table-cell !important; } .d-flex { display: -ms-flexbox !important; display: flex !important; } .d-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } @media (min-width: 660px) { .d-sm-none { display: none !important; } .d-sm-inline { display: inline !important; } .d-sm-inline-block { display: inline-block !important; } .d-sm-block { display: block !important; } .d-sm-table { display: table !important; } .d-sm-table-row { display: table-row !important; } .d-sm-table-cell { display: table-cell !important; } .d-sm-flex { display: -ms-flexbox !important; display: flex !important; } .d-sm-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1024px) { .d-md-none { display: none !important; } .d-md-inline { display: inline !important; } .d-md-inline-block { display: inline-block !important; } .d-md-block { display: block !important; } .d-md-table { display: table !important; } .d-md-table-row { display: table-row !important; } .d-md-table-cell { display: table-cell !important; } .d-md-flex { display: -ms-flexbox !important; display: flex !important; } .d-md-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media (min-width: 1440px) { .d-lg-none { display: none !important; } .d-lg-inline { display: inline !important; } .d-lg-inline-block { display: inline-block !important; } .d-lg-block { display: block !important; } .d-lg-table { display: table !important; } .d-lg-table-row { display: table-row !important; } .d-lg-table-cell { display: table-cell !important; } .d-lg-flex { display: -ms-flexbox !important; display: flex !important; } .d-lg-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } @media print { .d-print-none { display: none !important; } .d-print-inline { display: inline !important; } .d-print-inline-block { display: inline-block !important; } .d-print-block { display: block !important; } .d-print-table { display: table !important; } .d-print-table-row { display: table-row !important; } .d-print-table-cell { display: table-cell !important; } .d-print-flex { display: -ms-flexbox !important; display: flex !important; } .d-print-inline-flex { display: -ms-inline-flexbox !important; display: inline-flex !important; } } .flex-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } @media (min-width: 660px) { .flex-sm-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-sm-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-sm-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-sm-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-sm-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-sm-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-sm-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-sm-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-sm-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-sm-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-sm-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-sm-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-sm-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-sm-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-sm-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-sm-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-sm-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-sm-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-sm-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-sm-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-sm-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-sm-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-sm-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-sm-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-sm-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-sm-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-sm-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-sm-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-sm-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-sm-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-sm-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-sm-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-sm-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-sm-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1024px) { .flex-md-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-md-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-md-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-md-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-md-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-md-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-md-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-md-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-md-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-md-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-md-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-md-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-md-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-md-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-md-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-md-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-md-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-md-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-md-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-md-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-md-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-md-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-md-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-md-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-md-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-md-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-md-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-md-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-md-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-md-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-md-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-md-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-md-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-md-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } @media (min-width: 1440px) { .flex-lg-row { -ms-flex-direction: row !important; flex-direction: row !important; } .flex-lg-column { -ms-flex-direction: column !important; flex-direction: column !important; } .flex-lg-row-reverse { -ms-flex-direction: row-reverse !important; flex-direction: row-reverse !important; } .flex-lg-column-reverse { -ms-flex-direction: column-reverse !important; flex-direction: column-reverse !important; } .flex-lg-wrap { -ms-flex-wrap: wrap !important; flex-wrap: wrap !important; } .flex-lg-nowrap { -ms-flex-wrap: nowrap !important; flex-wrap: nowrap !important; } .flex-lg-wrap-reverse { -ms-flex-wrap: wrap-reverse !important; flex-wrap: wrap-reverse !important; } .flex-lg-fill { -ms-flex: 1 1 auto !important; flex: 1 1 auto !important; } .flex-lg-grow-0 { -ms-flex-positive: 0 !important; flex-grow: 0 !important; } .flex-lg-grow-1 { -ms-flex-positive: 1 !important; flex-grow: 1 !important; } .flex-lg-shrink-0 { -ms-flex-negative: 0 !important; flex-shrink: 0 !important; } .flex-lg-shrink-1 { -ms-flex-negative: 1 !important; flex-shrink: 1 !important; } .justify-content-lg-start { -ms-flex-pack: start !important; justify-content: flex-start !important; } .justify-content-lg-end { -ms-flex-pack: end !important; justify-content: flex-end !important; } .justify-content-lg-center { -ms-flex-pack: center !important; justify-content: center !important; } .justify-content-lg-between { -ms-flex-pack: justify !important; justify-content: space-between !important; } .justify-content-lg-around { -ms-flex-pack: distribute !important; justify-content: space-around !important; } .align-items-lg-start { -ms-flex-align: start !important; align-items: flex-start !important; } .align-items-lg-end { -ms-flex-align: end !important; align-items: flex-end !important; } .align-items-lg-center { -ms-flex-align: center !important; align-items: center !important; } .align-items-lg-baseline { -ms-flex-align: baseline !important; align-items: baseline !important; } .align-items-lg-stretch { -ms-flex-align: stretch !important; align-items: stretch !important; } .align-content-lg-start { -ms-flex-line-pack: start !important; align-content: flex-start !important; } .align-content-lg-end { -ms-flex-line-pack: end !important; align-content: flex-end !important; } .align-content-lg-center { -ms-flex-line-pack: center !important; align-content: center !important; } .align-content-lg-between { -ms-flex-line-pack: justify !important; align-content: space-between !important; } .align-content-lg-around { -ms-flex-line-pack: distribute !important; align-content: space-around !important; } .align-content-lg-stretch { -ms-flex-line-pack: stretch !important; align-content: stretch !important; } .align-self-lg-auto { -ms-flex-item-align: auto !important; -ms-grid-row-align: auto !important; align-self: auto !important; } .align-self-lg-start { -ms-flex-item-align: start !important; align-self: flex-start !important; } .align-self-lg-end { -ms-flex-item-align: end !important; align-self: flex-end !important; } .align-self-lg-center { -ms-flex-item-align: center !important; -ms-grid-row-align: center !important; align-self: center !important; } .align-self-lg-baseline { -ms-flex-item-align: baseline !important; align-self: baseline !important; } .align-self-lg-stretch { -ms-flex-item-align: stretch !important; -ms-grid-row-align: stretch !important; align-self: stretch !important; } } .text-monospace { font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; } .text-justify { text-align: justify !important; } .text-nowrap { white-space: nowrap !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } @media (min-width: 660px) { .text-sm-left { text-align: left !important; } .text-sm-right { text-align: right !important; } .text-sm-center { text-align: center !important; } } @media (min-width: 1024px) { .text-md-left { text-align: left !important; } .text-md-right { text-align: right !important; } .text-md-center { text-align: center !important; } } @media (min-width: 1440px) { .text-lg-left { text-align: left !important; } .text-lg-right { text-align: right !important; } .text-lg-center { text-align: center !important; } } .text-lowercase { text-transform: lowercase !important; } .text-uppercase { text-transform: uppercase !important; } .text-capitalize { text-transform: capitalize !important; } .font-weight-light { font-weight: 300 !important; } .font-weight-normal { font-weight: 400 !important; } .font-weight-bold { font-weight: 700 !important; } .font-italic { font-style: italic !important; } .text-white { color: #fff !important; } .text-body { color: #212529 !important; } .text-muted { color: #6c757d !important; } .text-black-50 { color: rgba(0, 0, 0, 0.5) !important; } .text-white-50 { color: rgba(255, 255, 255, 0.5) !important; } /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; /* -webkit-touch-callout: none; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; overflow: hidden; display: block; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; } .slick-slider .slick-track, .slick-slider .slick-list { transform: translate3d(0, 0, 0); min-width: 100%; } .slick-track { position: relative; left: 0; top: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { content: ""; display: table; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { float: left; height: 100%; min-height: 1px; display: none; } [dir="rtl"] .slick-slide { float: right; } .slick-slide img { display: block; object-fit: contain; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } /*! * OverlayScrollbars * https://github.com/KingSora/OverlayScrollbars * * Version: 1.5.1 * * Copyright KingSora. * https://github.com/KingSora * * Released under the MIT license. * Date: 13.07.2018 */ html.os-html, html.os-html > .os-host { display: block; overflow: hidden; box-sizing: border-box; height: 100% !important; width: 100% !important; min-width: 100% !important; min-height: 100% !important; margin: 0 !important; position: absolute !important; } .os-padding, .os-viewport { top: 0; left: 0; right: 0; margin: 0; padding: 0; bottom: 0; } html.os-html > .os-host > .os-padding { position: absolute; } body.os-dragging, body.os-dragging * { cursor: default; } .os-host, .os-host-textarea { position: relative; overflow: visible !important; -ms-flex-direction: column; flex-direction: column; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-line-pack: start; align-content: flex-start; -ms-flex-align: start; align-items: flex-start; } .os-host-flexbox { overflow: hidden !important; display: -ms-flexbox; display: flex; } .os-host-flexbox > .os-padding > .os-viewport > .os-content { display: -ms-flexbox; display: flex; } #hs-dummy-scrollbar-size { position: fixed; opacity: 0; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; visibility: hidden; overflow: scroll; height: 500px; width: 500px; } #hs-dummy-scrollbar-size, .os-viewport { -ms-overflow-style: scrollbar !important; } .os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible#hs-dummy-scrollbar-size::-webkit-scrollbar-corner, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar, .os-viewport-native-scrollbars-invisible.os-viewport::-webkit-scrollbar-corner { display: none !important; width: 0 !important; height: 0 !important; visibility: hidden !important; background: 0 0 !important; } .os-content-glue { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .os-padding { direction: inherit; position: absolute; overflow: visible; width: auto !important; height: auto !important; z-index: 1; } .os-host-overflow > .os-padding, .os-viewport { overflow: hidden; } .os-viewport { direction: inherit !important; box-sizing: inherit !important; resize: none !important; position: absolute; -webkit-overflow-scrolling: touch; } .os-content-arrange { position: absolute; z-index: -1; min-height: 1px; min-width: 1px; pointer-events: none; } .os-content { direction: inherit; box-sizing: border-box !important; position: relative; display: block; height: 100%; width: 100%; visibility: visible; } .os-content > .os-textarea { direction: inherit !important; float: none !important; margin: 0 !important; max-height: none !important; max-width: none !important; border: none !important; border-radius: 0 !important; background: 0 0 !important; outline: transparent 0 !important; overflow: hidden !important; resize: none !important; position: absolute !important; top: 0 !important; left: 0 !important; z-index: 1; padding: 0; } .os-host-rtl > .os-padding > .os-viewport > .os-content > .os-textarea { right: 0 !important; } .os-content > .os-textarea-cover { z-index: -1; pointer-events: none; } .os-content > .os-textarea[wrap=off] { white-space: pre !important; margin: 0 !important; } .os-text-inherit { font-family: inherit; font-size: inherit; font-weight: inherit; font-style: inherit; font-variant: inherit; text-transform: inherit; text-decoration: inherit; text-indent: inherit; text-align: inherit; text-shadow: inherit; text-overflow: inherit; letter-spacing: inherit; word-spacing: inherit; line-height: inherit; unicode-bidi: inherit; direction: inherit; color: inherit; cursor: text; } .os-resize-observer, .os-resize-observer-host { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 100%; width: 100%; overflow: hidden; pointer-events: none; z-index: -1; } .os-resize-observer-host { padding: inherit; border: solid; box-sizing: border-box; } .os-resize-observer-host:after { content: ''; } .os-resize-observer-host:after, .os-resize-observer-host > .os-resize-observer { height: 200%; width: 200%; padding: inherit; border: inherit; margin: 0; display: block; box-sizing: content-box; } .os-resize-observer.observed, object.os-resize-observer { box-sizing: border-box !important; } .os-size-auto-observer { box-sizing: inherit !important; height: 100%; width: inherit; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; -ms-flex-positive: inherit; flex-grow: inherit; -ms-flex-negative: 0; flex-shrink: 0; -ms-flex-preferred-size: 0; flex-basis: 0; } .os-size-auto-observer > .os-resize-observer { width: 1000%; height: 1000%; min-height: 1px; min-width: 1px; } .os-resize-observer-item { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; z-index: -1; opacity: 0; direction: ltr !important; -ms-flex: none !important; flex: none !important; } .os-resize-observer-item-final { position: absolute; left: 0; top: 0; transition: none !important; -ms-flex: none !important; flex: none !important; } .os-resize-observer { animation-duration: 1ms; animation-name: hs-resize-observer-dummy-animation; } .os-host-transition > .os-scrollbar, .os-host-transition > .os-scrollbar-corner { transition: opacity .3s,visibility .3s,top .3s,right .3s,bottom .3s,left .3s; } html.os-html > .os-host > .os-scrollbar { position: absolute; z-index: 999999; } .os-scrollbar, .os-scrollbar-corner { position: absolute; opacity: 1; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; z-index: 1; } .os-scrollbar-corner { bottom: 0; right: 0; } .os-scrollbar { pointer-events: none; } .os-scrollbar-handle, .os-scrollbar-track { pointer-events: auto; width: 100%; height: 100%; } .os-scrollbar-track { position: relative; padding: 0 !important; border: none !important; } .os-scrollbar-handle { position: absolute; } .os-scrollbar-handle-off, .os-scrollbar-track-off { pointer-events: none; } .os-scrollbar.os-scrollbar-unusable, .os-scrollbar.os-scrollbar-unusable * { pointer-events: none !important; } .os-scrollbar.os-scrollbar-unusable .os-scrollbar-handle { opacity: 0 !important; } .os-scrollbar-horizontal { bottom: 0; left: 0; } .os-scrollbar-vertical { top: 0; right: 0; } .os-host-rtl > .os-scrollbar-horizontal { right: 0; } .os-host-rtl > .os-scrollbar-corner, .os-host-rtl > .os-scrollbar-vertical { right: auto; left: 0; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-corner, .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-corner, .os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal, .os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical, .os-padding + .os-scrollbar-corner, .os-scrollbar-auto-hidden, .os-scrollbar-horizontal + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical + .os-scrollbar-corner, .os-scrollbar-horizontal.os-scrollbar-auto-hidden + .os-scrollbar-vertical.os-scrollbar-auto-hidden + .os-scrollbar-corner { opacity: 0; visibility: hidden; pointer-events: none; } .os-scrollbar-corner-resize-both { cursor: nwse-resize; } .os-host-rtl > .os-scrollbar-corner-resize-both { cursor: nesw-resize; } .os-scrollbar-corner-resize-horizontal { cursor: ew-resize; } .os-scrollbar-corner-resize-vertical { cursor: ns-resize; } .os-dragging .os-scrollbar-corner.os-scrollbar-corner-resize { cursor: default; } .os-host-resize-disabled.os-host-scrollbar-horizontal-hidden > .os-scrollbar-vertical { top: 0; bottom: 0; } .os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal, .os-host-rtl.os-host-resize-disabled.os-host-scrollbar-vertical-hidden > .os-scrollbar-horizontal { right: 0; left: 0; } .os-scrollbar-corner.os-scrollbar-corner-resize, .os-scrollbar:hover { opacity: 1 !important; visibility: visible !important; } .os-scrollbar-corner.os-scrollbar-corner-resize { background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+PHN2ZyAgIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgICB4bWxuczpjYz0iaHR0cDovL2NyZWF0aXZlY29tbW9ucy5vcmcvbnMjIiAgIHhtbG5zOnJkZj0iaHR0cDovL3d3dy53My5vcmcvMTk5OS8wMi8yMi1yZGYtc3ludGF4LW5zIyIgICB4bWxuczpzdmc9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgICB3aWR0aD0iMTAiICAgaGVpZ2h0PSIxMCIgICB2ZXJzaW9uPSIxLjEiPiAgPGcgICAgIHRyYW5zZm9ybT0idHJhbnNsYXRlKDAsLTEwNDIuMzYyMikiICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojMDAwMDAwO2ZpbGwtb3BhY2l0eTowLjQ5NDExNzY1O2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDcuNDI0MjE4NywxMDQyLjM2MjIgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjYgLTEuMzEwMTU2MiwxLjMxMDIgMCwwLjI5OSAwLjEwNDM0MTksMC41NzEgMC4yNzI5NDkyLDAuNzkxNSAwLjIwOTEwMjQsMC4xNDEzIDAuNDY1NjIwNiwwLjIxODQgMC43MzY5NjI5LDAuMjE4NCAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NiAxLjMxMDE1NjMsLTEuMzEwMiAwLC0wLjI3MTMgLTAuMDc3MDkzLC0wLjUyNzggLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0MSwtMC4xNjg2IC0wLjQ5MjU0NDMsLTAuMjcyOSAtMC43OTE1NTI4LC0wLjI3MjkgeiBtIDAsMy4wODQzIGMgLTAuNzIzNTc5MiwwIC0xLjMxMDE1NjIsMC41ODY2IC0xLjMxMDE1NjIsMS4zMTAyIDAsMC4yOTkgMC4xMDQzNDE5LDAuNTcxIDAuMjcyOTQ5MiwwLjc5MTUgMC4yMDkxMDI0LDAuMTQxMyAwLjQ2NTYyMDYsMC4yMTg0IDAuNzM2OTYyOSwwLjIxODQgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjYgMS4zMTAxNTYzLC0xLjMxMDIgMCwtMC4yNzEzIC0wLjA3NzA5MywtMC41Mjc4IC0wLjIxODM1OTQsLTAuNzM2OSAtMC4yMjA0OTQxLC0wLjE2ODYgLTAuNDkyNTQ0MywtMC4yNzMgLTAuNzkxNTUyOCwtMC4yNzMgeiBtIC0zLjA4NDMyNjEsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NiAtMS4zMTAxNTYzLDEuMzEwMiAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MSAwLjI3Mjk0OTIsMC43OTE1IDAuMjA5MTAyNCwwLjE0MTMgMC40NjU2MjA3LDAuMjE4NCAwLjczNjk2MjksMC4yMTg0IDAuNzIzNTc5MywwIDEuMzEwMTU2MywtMC41ODY2IDEuMzEwMTU2MywtMS4zMTAyIDAsLTAuMjcxMyAtMC4wNzcwOTMsLTAuNTI3OCAtMC4yMTgzNTk0LC0wLjczNjkgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzMgLTAuNzkxNTUyNywtMC4yNzMgeiBtIC0zLjAyOTczNjQsMy4wMjk4IEMgMC41ODY1NzY5MywxMDQ4LjQ3NjMgMCwxMDQ5LjA2MjggMCwxMDQ5Ljc4NjQgYyAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyMiwwLjc5MTYgMC4yMDkxMDIyOSwwLjE0MTIgMC40NjU2MjA2NSwwLjIxODMgMC43MzY5NjI4OCwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHogbSAzLjAyOTczNjQsMCBjIC0wLjcyMzU3OTMsMCAtMS4zMTAxNTYzLDAuNTg2NSAtMS4zMTAxNTYzLDEuMzEwMSAwLDAuMjk5IDAuMTA0MzQxOSwwLjU3MTEgMC4yNzI5NDkyLDAuNzkxNiAwLjIwOTEwMjQsMC4xNDEyIDAuNDY1NjIwNywwLjIxODMgMC43MzY5NjI5LDAuMjE4MyAwLjcyMzU3OTMsMCAxLjMxMDE1NjMsLTAuNTg2NSAxLjMxMDE1NjMsLTEuMzEwMSAwLC0wLjI3MTQgLTAuMDc3MDkzLC0wLjUyNzkgLTAuMjE4MzU5NCwtMC43MzcgLTAuMjIwNDk0LC0wLjE2ODYgLTAuNDkyNTQ0MiwtMC4yNzI5IC0wLjc5MTU1MjcsLTAuMjcyOSB6IG0gMy4wODQzMjYxLDAgYyAtMC43MjM1NzkyLDAgLTEuMzEwMTU2MiwwLjU4NjUgLTEuMzEwMTU2MiwxLjMxMDEgMCwwLjI5OSAwLjEwNDM0MTksMC41NzExIDAuMjcyOTQ5MiwwLjc5MTYgMC4yMDkxMDI0LDAuMTQxMiAwLjQ2NTYyMDYsMC4yMTgzIDAuNzM2OTYyOSwwLjIxODMgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjUgMS4zMTAxNTYzLC0xLjMxMDEgMCwtMC4yNzE0IC0wLjA3NzA5MywtMC41Mjc5IC0wLjIxODM1OTQsLTAuNzM3IC0wLjIyMDQ5NDEsLTAuMTY4NiAtMC40OTI1NDQzLC0wLjI3MjkgLTAuNzkxNTUyOCwtMC4yNzI5IHoiLz4gIDwvZz4gIDxnICAgICBzdHlsZT0iZGlzcGxheTppbmxpbmUiPiAgICA8cGF0aCAgICAgICBzdHlsZT0iZmlsbDojZmZmZmZmO2ZpbGwtb3BhY2l0eToxO2ZpbGwtcnVsZTpldmVub2RkO3N0cm9rZTpub25lIiAgICAgICBkPSJtIDguMjE1NzcxNSwwLjI3Mjk0OTIyIGMgMC4xNDEyNjY3LDAuMjA5MTAyMjkgMC4yMTgzNTk0LDAuNDY1NjIwNjUgMC4yMTgzNTk0LDAuNzM2OTYyODggMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDc2IC0wLjIwNTUxNzYsLTAuNzk3Nzk2NTkgLTAuNTE4NjAzNSwtMS4wMzcyMDY5OCB6IG0gMCwzLjA4NDMyNjE4IGMgMC4xNDEyNjY3LDAuMjA5MTAyMyAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MiAtMS4zMTAxNTYzLDEuMzEwMTU2MiAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTkzIDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAtMy4wODQzMjYyLDAgYyAwLjE0MTI2NjcsMC4yMDkxMDIzIDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYyIC0xLjMxMDE1NjMsMS4zMTAxNTYyIC0wLjI3MTM0MjIsMCAtMC41Mjc4NjA1LC0wLjA3NzA5MyAtMC43MzY5NjI5LC0wLjIxODM1OTMgMC4yMzk0MTA0LDAuMzEzMDg1OSAwLjYxMjYzNjMsMC41MTg2MDM1IDEuMDM3MjA3MSwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYyLC0wLjU4NjU3NyAxLjMxMDE1NjIsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NSwtMC43OTc3OTY3IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogTSAyLjEwMTcwOSw2LjM4NzAxMTcgYyAwLjE0MTI2NjcsMC4yMDkxMDI0IDAuMjE4MzU5NCwwLjQ2NTYyMDYgMC4yMTgzNTk0LDAuNzM2OTYyOSAwLDAuNzIzNTc5MyAtMC41ODY1NzcsMS4zMTAxNTYzIC0xLjMxMDE1NjMsMS4zMTAxNTYzIC0wLjI3MTM0MjIzLDAgLTAuNTI3ODYwNTksLTAuMDc3MDkzIC0wLjczNjk2Mjg4LC0wLjIxODM1OTQgMC4yMzk0MTAzOSwwLjMxMzA4NTkgMC42MTI2MzYyMiwwLjUxODYwMzUgMS4wMzcyMDY5OCwwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHogbSAzLjAyOTczNjMsMCBjIDAuMTQxMjY2NywwLjIwOTEwMjQgMC4yMTgzNTk0LDAuNDY1NjIwNiAwLjIxODM1OTQsMC43MzY5NjI5IDAsMC43MjM1NzkzIC0wLjU4NjU3NywxLjMxMDE1NjMgLTEuMzEwMTU2MywxLjMxMDE1NjMgLTAuMjcxMzQyMiwwIC0wLjUyNzg2MDUsLTAuMDc3MDkzIC0wLjczNjk2MjksLTAuMjE4MzU5NCAwLjIzOTQxMDQsMC4zMTMwODU5IDAuNjEyNjM2MywwLjUxODYwMzUgMS4wMzcyMDcxLDAuNTE4NjAzNSAwLjcyMzU3OTMsMCAxLjMxMDE1NjIsLTAuNTg2NTc3IDEuMzEwMTU2MiwtMS4zMTAxNTYzIDAsLTAuNDI0NTcwOCAtMC4yMDU1MTc1LC0wLjc5Nzc5NjYgLTAuNTE4NjAzNSwtMS4wMzcyMDcgeiBtIDMuMDg0MzI2MiwwIGMgMC4xNDEyNjY3LDAuMjA5MTAyNCAwLjIxODM1OTQsMC40NjU2MjA2IDAuMjE4MzU5NCwwLjczNjk2MjkgMCwwLjcyMzU3OTMgLTAuNTg2NTc3LDEuMzEwMTU2MyAtMS4zMTAxNTYzLDEuMzEwMTU2MyAtMC4yNzEzNDIzLDAgLTAuNTI3ODYwNSwtMC4wNzcwOTMgLTAuNzM2OTYyOSwtMC4yMTgzNTk0IDAuMjM5NDEwNCwwLjMxMzA4NTkgMC42MTI2MzYyLDAuNTE4NjAzNSAxLjAzNzIwNywwLjUxODYwMzUgMC43MjM1NzkzLDAgMS4zMTAxNTYzLC0wLjU4NjU3NyAxLjMxMDE1NjMsLTEuMzEwMTU2MyAwLC0wLjQyNDU3MDggLTAuMjA1NTE3NiwtMC43OTc3OTY2IC0wLjUxODYwMzUsLTEuMDM3MjA3IHoiIC8+ICA8L2c+PC9zdmc+); background-repeat: no-repeat; background-position: 100% 100%; pointer-events: auto !important; } .os-host-rtl > .os-scrollbar-corner.os-scrollbar-corner-resize { transform: scale(-1, 1); } .os-host-overflow { overflow: hidden !important; } @keyframes hs-resize-observer-dummy-animation { from { z-index: 0; } to { z-index: -1; } } .os-theme-none > .os-scrollbar-corner, .os-theme-none > .os-scrollbar-horizontal, .os-theme-none > .os-scrollbar-vertical { display: none !important; } .os-theme-none > .os-scrollbar-corner-resize { display: block !important; min-width: 10px; min-height: 10px; } .os-theme-dark > .os-scrollbar-horizontal, .os-theme-light > .os-scrollbar-horizontal { right: 10px; height: 10px; } .os-theme-dark > .os-scrollbar-vertical, .os-theme-light > .os-scrollbar-vertical { bottom: 10px; width: 10px; } .os-theme-dark.os-host-rtl > .os-scrollbar-horizontal, .os-theme-light.os-host-rtl > .os-scrollbar-horizontal { left: 10px; right: 0; } .os-theme-dark > .os-scrollbar-corner, .os-theme-light > .os-scrollbar-corner { height: 10px; width: 10px; background-color: transparent; } .os-theme-dark > .os-scrollbar, .os-theme-light > .os-scrollbar { padding: 2px; box-sizing: border-box; background: 0 0; } .os-theme-dark > .os-scrollbar.os-scrollbar-unusable, .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar.os-scrollbar-unusable, .os-theme-light > .os-scrollbar > .os-scrollbar-track { background: 0 0; } .os-theme-dark > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-horizontal > .os-scrollbar-track > .os-scrollbar-handle { min-width: 30px; } .os-theme-dark > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar-vertical > .os-scrollbar-track > .os-scrollbar-handle { min-height: 30px; } .os-theme-dark.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light.os-host-transition > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { transition: background-color .3s; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track, .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle, .os-theme-light > .os-scrollbar > .os-scrollbar-track, .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { border-radius: 10px; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.4); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.4); } .os-theme-dark > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(0, 0, 0, 0.55); } .os-theme-light > .os-scrollbar:hover > .os-scrollbar-track > .os-scrollbar-handle { background: rgba(255, 255, 255, 0.55); } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(0, 0, 0, 0.7); } .os-theme-light > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle.active { background: rgba(255, 255, 255, 0.7); } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { content: ''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; display: block; } .os-theme-dark.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-dark.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-horizontal-hidden > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light.os-host-scrollbar-vertical-hidden > .os-scrollbar-vertical .os-scrollbar-handle:before { display: none; } .os-theme-dark > .os-scrollbar-horizontal .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-horizontal .os-scrollbar-handle:before { top: -6px; bottom: -2px; } .os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { left: -6px; right: -2px; } .os-host-rtl.os-theme-dark > .os-scrollbar-vertical .os-scrollbar-handle:before, .os-host-rtl.os-theme-light > .os-scrollbar-vertical .os-scrollbar-handle:before { right: -6px; left: -2px; } /* Ion.RangeSlider // css version 2.0.3 // © 2013-2014 Denis Ineshin | IonDen.com // ===================================================================================================================*/ /* ===================================================================================================================== // RangeSlider */ .irs { position: relative; display: block; /* -webkit-touch-callout: none; */ -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .irs-line { position: relative; display: block; overflow: hidden; outline: none !important; } .irs-line-left, .irs-line-mid, .irs-line-right { position: absolute; display: block; top: 0; } .irs-line-left { left: 0; width: 11%; } .irs-line-mid { left: 9%; width: 82%; } .irs-line-right { right: 0; width: 11%; } .irs-bar { position: absolute; display: block; left: 0; width: 0; } .irs-bar-edge { position: absolute; display: block; top: 0; left: 0; } .irs-shadow { position: absolute; display: none; left: 0; width: 0; } .irs-slider { position: absolute; display: block; cursor: default; z-index: 1; } .irs-slider.type_last { z-index: 2; } .irs-min { position: absolute; display: block; left: 0; cursor: default; } .irs-max { position: absolute; display: block; right: 0; cursor: default; } .irs-from, .irs-to, .irs-single { position: absolute; display: block; top: 0; left: 0; cursor: default; white-space: nowrap; } .irs-grid { position: absolute; display: none; bottom: 0; left: 0; width: 100%; height: 20px; } .irs-with-grid .irs-grid { display: block; } .irs-grid-pol { position: absolute; top: 0; left: 0; width: 1px; height: 8px; background: #000; } .irs-grid-pol.small { height: 4px; } .irs-grid-text { position: absolute; bottom: 0; left: 0; white-space: nowrap; text-align: center; font-size: 9px; line-height: 9px; padding: 0 3px; color: #000; } .irs-disable-mask { position: absolute; display: block; top: 0; left: -1%; width: 102%; height: 100%; cursor: default; background: transparent; z-index: 2; } .lt-ie9 .irs-disable-mask { background: #000; filter: alpha(opacity=0); cursor: not-allowed; } .irs-disabled { opacity: 0.4; } .irs-hidden-input { position: absolute !important; display: block !important; top: 0 !important; left: 0 !important; width: 0 !important; height: 0 !important; font-size: 0 !important; line-height: 0 !important; padding: 0 !important; margin: 0 !important; overflow: hidden; outline: none !important; z-index: -9999 !important; background: none !important; border-style: solid !important; border-color: transparent !important; } /* Ion.RangeSlider, Simple Skin // css version 2.0.3 // © Denis Ineshin, 2014 https://github.com/IonDen // © guybowden, 2014 https://github.com/guybowden // ===================================================================================================================*/ /* ===================================================================================================================== // Skin details */ .irs { height: 55px; } .irs-with-grid { height: 75px; } .irs-line { height: 10px; top: 33px; background: #EEE; background: linear-gradient(to bottom, #DDD -50%, #FFF 150%); /* W3C */ border: 1px solid #CCC; border-radius: 16px; -moz-border-radius: 16px; } .irs-line-left { height: 8px; } .irs-line-mid { height: 8px; } .irs-line-right { height: 8px; } .irs-bar { height: 10px; top: 33px; border-top: 1px solid #428bca; border-bottom: 1px solid #428bca; background: #428bca; background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%); /* W3C */ } .irs-bar-edge { height: 10px; top: 33px; width: 14px; border: 1px solid #428bca; border-right: 0; background: #428bca; background: linear-gradient(to top, #428bca 0%, #7fc3e8 100%); /* W3C */ border-radius: 16px 0 0 16px; -moz-border-radius: 16px 0 0 16px; } .irs-shadow { height: 2px; top: 38px; background: #000; opacity: 0.3; border-radius: 5px; -moz-border-radius: 5px; } .lt-ie9 .irs-shadow { filter: alpha(opacity=30); } .irs-slider { top: 25px; width: 27px; height: 27px; border: 1px solid #AAA; background: #DDD; background: linear-gradient(to bottom, white 0%, gainsboro 20%, white 100%); /* W3C */ border-radius: 27px; -moz-border-radius: 27px; box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.3); cursor: pointer; } .irs-slider.state_hover, .irs-slider:hover { background: #FFF; } .irs-min, .irs-max { color: #333; font-size: 12px; line-height: 1.333; text-shadow: none; top: 0; padding: 1px 5px; background: rgba(0, 0, 0, 0.1); border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-min, .lt-ie9 .irs-max { background: #ccc; } .irs-from, .irs-to, .irs-single { color: #fff; font-size: 14px; line-height: 1.333; text-shadow: none; padding: 1px 5px; background: #428bca; border-radius: 3px; -moz-border-radius: 3px; } .lt-ie9 .irs-from, .lt-ie9 .irs-to, .lt-ie9 .irs-single { background: #999; } .irs-grid { height: 27px; } .irs-grid-pol { opacity: 0.5; background: #428bca; } .irs-grid-pol.small { background: #999; } .irs-grid-text { bottom: 5px; color: #99a4ac; } /** * Colors **/ @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-Thin.eot"); src: local("Geometria Thin"), local("Geometria-Thin"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Thin.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Thin.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Thin.ttf") format("truetype"); font-weight: 100; font-style: normal; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-MediumItalic.eot"); src: local("Geometria MediumItalic"), local("Geometria-MediumItalic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-MediumItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-MediumItalic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-MediumItalic.ttf") format("truetype"); font-weight: 500; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-Italic.eot"); src: local("Geometria Italic"), local("Geometria-Italic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Italic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Italic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Italic.ttf") format("truetype"); font-weight: normal; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-Heavy.eot"); src: local("Geometria Heavy"), local("Geometria-Heavy"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Heavy.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Heavy.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Heavy.ttf") format("truetype"); font-weight: 900; font-style: normal; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBoldItalic.eot"); src: local("Geometria ExtraBoldItalic"), local("Geometria-ExtraBoldItalic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBoldItalic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBoldItalic.ttf") format("truetype"); font-weight: 800; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-Medium.eot"); src: local("Geometria Medium"), local("Geometria-Medium"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Medium.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Medium.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Medium.ttf") format("truetype"); font-weight: 500; font-style: normal; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-BoldItalic.eot"); src: local("Geometria BoldItalic"), local("Geometria-BoldItalic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-BoldItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-BoldItalic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-BoldItalic.ttf") format("truetype"); font-weight: bold; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-LightItalic.eot"); src: local("Geometria LightItalic"), local("Geometria-LightItalic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-LightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-LightItalic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-LightItalic.ttf") format("truetype"); font-weight: 300; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-HeavyItalic.eot"); src: local("Geometria HeavyItalic"), local("Geometria-HeavyItalic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-HeavyItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-HeavyItalic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-HeavyItalic.ttf") format("truetype"); font-weight: 900; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria.eot"); src: local("Geometria"), url("/local/templates/aquanet_new/css/../fonts/Geometria.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria.ttf") format("truetype"); font-weight: normal; font-style: normal; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-Bold.eot"); src: local("Geometria Bold"), local("Geometria-Bold"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Bold.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Bold.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Bold.ttf") format("truetype"); font-weight: bold; font-style: normal; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBold.eot"); src: local("Geometria ExtraBold"), local("Geometria-ExtraBold"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBold.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBold.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraBold.ttf") format("truetype"); font-weight: 800; font-style: normal; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-ThinItalic.eot"); src: local("Geometria ThinItalic"), local("Geometria-ThinItalic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ThinItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ThinItalic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ThinItalic.ttf") format("truetype"); font-weight: 100; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLightItalic.eot"); src: local("Geometria ExtraLightItalic"), local("Geometria-ExtraLightItalic"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLightItalic.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLightItalic.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLightItalic.ttf") format("truetype"); font-weight: 200; font-style: italic; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-Light.eot"); src: local("Geometria Light"), local("Geometria-Light"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Light.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Light.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-Light.ttf") format("truetype"); font-weight: 300; font-style: normal; font-display: swap; } @font-face { font-family: 'Geometria'; src: url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLight.eot"); src: local("Geometria ExtraLight"), local("Geometria-ExtraLight"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLight.eot?#iefix") format("embedded-opentype"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLight.woff") format("woff"), url("/local/templates/aquanet_new/css/../fonts/Geometria-ExtraLight.ttf") format("truetype"); font-weight: 200; font-style: normal; font-display: swap; } .icon-circled-plus-02 { width: 18px; height: 18px; display: block; } .icon-circled-plus-02-circle { fill: #BDBDBD; } .icon-circled-plus-02-horisontal-line { fill: #010002; } .icon-circled-plus-02-vertical-line { fill: #010002; } .social-info-wrap-mobile{ display: none!important; } .social-button{ border: none; background: none; font-size: 14px; line-height: 26px; color: #000000; display: flex; align-items: center; position: relative; cursor: pointer; } .social-button svg{ margin-right: 15px; } .social-button:hover, .social-button:active{ color: #4FA9E8; transition: all 0.3s ease; } .social-button:hover svg path{ /*stroke: #4FA9E8;*/ fill: #4FA9E8; transition: all 0.3s ease; } .social-list{ display: inline-flex; flex-direction: column; padding: 0; list-style: none; margin: 0; } .social-list__item{ margin-bottom: 11px; margin-top: 0; padding: 0; } .social-list__item::before{ content: none; } .social-list__link{ font-size: 14px; line-height: 25px; color: #000000; text-decoration: none; display: flex; align-items: center; } .social-list__link:hover, .social-list__link:active, .social-list__link:focus{ color: #4FA9E8; transition: all 0.3s ease; text-decoration: none; } .social-list__svg{ margin-right: 10px; } .social-list__link:hover .social-list__svg circle{ fill: #4FA9E8; } .social-list__item:first-child .social-list__link:hover .social-list__svg path{ stroke: #4FA9E8; } .social-info-popup { min-width: 225px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); position: absolute; top: 50px!important; left: -70px!important; display: none; cursor: default; z-index: 1; } .social-info-popup.is-active { display: block; animation: 500ms forwards contentSlideUp; } .social-info-popup:before { content: ''; display: block; position: absolute; bottom: calc(100% - 10px); right: 100px; width: 17px; height: 17px; background: #FFFFFF; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } #social-info-modal .popup-wrapper .popup-content{ max-width: 365px; padding: 22px; } @media (max-width: 659.98px) { .social-info-popup { left: 0 !important; right: 0 !important; margin-left: 0; width: auto; } .social-info-popup:before { right: auto; left: calc(50% - 10px); } .social-info-wrap{ display: none!important; } .social-info-wrap-mobile{ display: block!important;; } } @media(max-width: 320px){ #social-info-modal.popup.is-active{ top: unset; } } @media (min-width: 660px) and (max-width: 1023.98px) { .social-info-popup:not(.has-style-2) { margin-left: -30px; } /* .social-info-popup:not(.has-style-2):before { right: auto; left: 20px; } */ .social-info-popup.has-style-2 { margin-left: -10px; } } .social-info-popup-content { width: 100%; height: 100%; background: #FFFFFF; position: relative; padding: 20px; } .social-info-popup-text { font-style: normal; font-weight: normal; line-height: 19px; font-size: 14px; color: #828282; } .social-info-popup-btn { margin: 20px auto 0; max-width: 280px; } .icon-social-instagram-02 { width: 100%; height: 100%; display: block; } .icon-social-instagram-02-background { fill: #BDBDBD; } .icon-social-instagram-02-figure-01 { fill: white; } .icon-social-instagram-02-figure-02 { fill: white; } .icon-social-instagram-02-figure-03 { fill: white; } .icon-circled-cross { width: 30px; height: 30px; display: block; } .icon-circled-cross-line-left { fill: #C4C4C4; } .icon-circled-cross-line-right { fill: #C4C4C4; } .icon-circled-cross-circle { fill: #BDBDBD; } .icon-check-02 { width: 14px; height: 10px; display: block; fill: white; } .icon-phone-03 { width: 17px; height: 17px; display: block; fill: #BDBDBD; } .icon-search-03 { width: 17px; height: 17px; display: block; fill: #BDBDBD; stroke: #BDBDBD; stroke-width: 0.5; } .icon-aquanet-logo-03 { width: 22px; height: 22px; display: block; fill: #013874; } /** * Keyframes **/ @keyframes waveOut { 0% { } 100% { transform: scale(3); opacity: 0; } } @keyframes waterDrop { 0% { } 80% { transform: scale(1.5); opacity: 0; } 81% { transform: scale(0.75); opacity: 0; } 100% { opacity: 1; } } @keyframes opacityFadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes contentSlideDown { 0% { transform: translate(0, -20px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes contentSlideUp { 0% { transform: translate(0, 20px); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes contentSlideLeft { 0% { transform: translate(20px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes contentSlideRight { 0% { transform: translate(-20px, 0); opacity: 0; } 100% { transform: translate(0, 0); opacity: 1; } } @keyframes rotate { 100% { transform: rotate(360deg); } } /** * Mixins * reserve clearfix for bootstraps mixin **/ /** * Common **/ .site-wrapper { min-height: 100% !important; } @media (max-width: 659.98px) { .site-wrapper { overflow: hidden; } } .link-mimic { color: #4fa9e8; cursor: pointer; text-decoration: underline; } .link-mimic:visited { color: #4fa9e8; } .link-mimic:hover, .link-mimic:active { color: #4fa9e8; text-decoration: none; } .link-inverted { text-decoration: none; } .link-inverted:hover, .link-inverted:active { text-decoration: underline; } a[href^="tel:"] { white-space: nowrap; } .color-dim { color: #f7f7f7; } .color-dim:visited { color: #f7f7f7; } .color-dim:hover, .color-dim:active { color: #f7f7f7; } .color-blue { color: #4fa9e8; } .color-blue:visited { color: #4fa9e8; } .color-blue:hover, .color-blue:active { color: #4fa9e8; } .color-dark-blue { color: #013874; } .color-dark-blue:visited { color: #013874; } .color-dark-blue:hover, .color-dark-blue:active { color: #013874; } .color-dark-blue-lighter { color: #064991; } .color-dark-blue-lighter:visited { color: #064991; } .color-dark-blue-lighter:hover, .color-dark-blue-lighter:active { color: #064991; } .color-dark { color: #333333; } .color-dark:visited { color: #333333; } .color-dark:hover, .color-dark:active { color: #333333; } .color-green { color: #6fcf97; } .color-green:visited { color: #6fcf97; } .color-green:hover, .color-green:active { color: #6fcf97; } .color-orange { color: #ffab29; } .color-orange:visited { color: #ffab29; } .color-orange:hover, .color-orange:active { color: #ffab29; } .color-red { color: #eb5757; } .color-red:visited { color: #eb5757; } .color-red:hover, .color-red:active { color: #eb5757; } .color-grey-100 { color: #f2f2f2; } .color-grey-100:visited { color: #f2f2f2; } .color-grey-100:hover, .color-grey-100:active { color: #f2f2f2; } .color-grey-200 { color: #ededed; } .color-grey-200:visited { color: #ededed; } .color-grey-200:hover, .color-grey-200:active { color: #ededed; } .color-grey-300 { color: #d1d1d1; } .color-grey-300:visited { color: #d1d1d1; } .color-grey-300:hover, .color-grey-300:active { color: #d1d1d1; } .color-grey-400 { color: #cfcfcf; } .color-grey-400:visited { color: #cfcfcf; } .color-grey-400:hover, .color-grey-400:active { color: #cfcfcf; } .color-grey-500 { color: #bdbdbd; } .color-grey-500:visited { color: #bdbdbd; } .color-grey-500:hover, .color-grey-500:active { color: #bdbdbd; } .color-grey-600 { color: #828282; } .color-grey-600:visited { color: #828282; } .color-grey-600:hover, .color-grey-600:active { color: #828282; } .color-grey-700 { color: #4f4f4f; } .color-grey-700:visited { color: #4f4f4f; } .color-grey-700:hover, .color-grey-700:active { color: #4f4f4f; } h1 { font-size: 24px; font-weight: 500; line-height: 1.2; letter-spacing: 0.02em; margin: 0; } @media (min-width: 1024px) { h1 { font-size: 36px; } } h2 { /*font-size: 14px;*/ font-size: 24px; font-weight: 400; line-height: 1.2; } @media (min-width: 660px) { h2 { font-size: 24px; } } h2:first-child { margin-top: 0; } h3 { font-size: 20px; font-weight: 500; line-height: 1.2; } h3:first-child { margin-top: 0; } p:first-child { margin-top: 0; } ul.bullets-dark-blue li:before { background: #013874; } img { max-width: 100%; object-fit: contain; display: block; } img.float-left { float: left; margin: 0 50px 50px 0; } img.float-right { float: right; margin: 0 0 50px 50px; } .image-contain { background-position: 50% 50%; background-repeat: no-repeat; background-size: contain; max-width: 100%; max-height: 100%; overflow: hidden; } .image-contain img { opacity: 0; max-height: 100%; } table { border-collapse: collapse; border-spacing: 0; } th, td { border: 1px solid #bdbdbd; padding: 10px 15px; } @media (min-width: 1024px) { th, td { padding: 20px 30px; } } .table-notice { font-size: 14px; font-style: italic; font-weight: 300; } @media (min-width: 1024px) { .table-notice { text-align: right; } } iframe[src*="//www.youtube.com"] { width: 100%; display: block; height:500px; } .title { font-size: 18px; } .center { text-align: center; } .center img { margin: 0 auto; } .clearfix:before, .clearfix:after { content: ' '; display: table; } .clearfix:after { clear: both; } .container { width: 100%; max-width: 100%; padding: 0 10px; margin: 0 auto; } @media (min-width: 1024px) { .container { padding: 0 30px; } } @media (min-width: 1440px) { .container { padding: 0 45px; max-width: 1440px; } } /** * Page content **/ .page-content { margin-top: 20px; background: white; margin-bottom: 60px; } .page-content.page-content-cart{ padding: 0; background: none; margin-top: 30px; } .article-side{ margin-top: 20px; } .page-content:before, .page-content:after { content: ' '; display: table; } .page-content:after { clear: both; } @media (max-width: 659.98px) { .page-content { padding: 20px 10px; } .article-details .article-side{ display: none; } } @media (min-width: 660px) and (max-width: 1439.98px) { .page-content { padding: 30px 20px; } } @media (min-width: 1024px) { .page-content { padding: 40px 30px; } } .article-details > .container{ padding: 10px 0 0 0; margin-top: 10px; } .comments > .container{ padding: 0; } @media (min-width: 1440px) { .page-content { padding: 50px; } .article-side{ margin-top: 0; } .article-details > .container{ display: flex; } } .cart-process-props{ display: flex; flex-wrap: wrap; margin-bottom: 32px; } .sale_order_column{ flex: 1; } .sale_order_props{ padding: 0px 32px; background-color: #fff; flex: 1; margin-right: 20px; margin-bottom: 15px; } .cart-process-summary{ padding: 30px 32px; background-color: #fff; flex: 0 1 436px; max-width: 436px; right: 0; position: sticky; top: 0; align-self: baseline; margin-bottom: 15px; } .cart-summary-wrap{ display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; } .cart-summary__text{ font-size: 16px; line-height: 19px; letter-spacing: 0.02em; margin-bottom: 0; color: #333333; } .cart-summary__num{ font-size: 25px; line-height: 29px; color: #333333; font-weight: bold; } .cart-summary__title{ font-weight: 500; font-size: 18px; line-height: 23px; color: #333333; } .cart-process-wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; align-items: center; } .cart-process-wrap p { font-weight: 500; font-size: 18px; line-height: 23px; margin-bottom: 0; color: #000000; } .cart-process__label { display: inline-block; height: 30px; position: relative; width: 66px; } .cart-process__label input { display:none; } .slider { border: 1px solid #E0E0E0; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07); background-color: #ccc; bottom: 0; cursor: pointer; left: 0; position: absolute; right: 0; top: 0; transition: .4s; } .slider:before { background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); bottom: 2px; content: ""; height: 24px; left: 4px; position: absolute; transition: .4s; width: 24px; } input:checked + .slider { background-color: #4FA9E8; } input:checked + .slider:before { transform: translateX(33px); } .slider.round { border-radius: 30px; } .slider.round:before { border-radius: 50%; } .cart-process-elevator__stage{ margin-top: 20px; } .data-delivery-wrap__block { flex: 0 1 48%; } .floor-text{ padding: 15px 0 0 0; } /** * Site wrapper **/ .site-wrapper { /* height: 100vh; */ /*min-height: 100vh;*/ display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: start; justify-content: flex-start; position: relative; } .site-wrapper > header { -ms-flex: none; flex: none; z-index: 110; position: relative; } .site-wrapper > .content { padding-bottom: 20px; } .site-wrapper > footer { -ms-flex: none; flex: none; } .site-overlay { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 30; display: none; animation: 1s forwards opacityFadeIn; background: rgba(196, 196, 196, 0.6); } .site-overlay.is-active { display: block; } /** * SelectBoxIt **/ .selectboxit-container { width: 100%; max-width: 100%; display: block; cursor: pointer; position: relative; } .selectboxit { display: block; background: white; border: 1px solid #E0E0E0; border-radius: 30px; height: 54px; line-height: normal; padding: 0 25px; padding-right: 35px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; transition: border-color 500ms; } .selectboxit.selectboxit-open { border-color: #bfbfbf; } .selectboxit.selectboxit-open .selectboxit-arrow-container { background: url("/local/templates/aquanet_new/css/../img/icons/arrow-active.svg") 50% 50% no-repeat; width: 8px; height: 7px; background-size: cover; transition-property: transform, opacity; transition-duration: 500ms; } .selectboxit-option-icon-container { display: none; } .selectboxit-text { -ms-flex: none; flex: none; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: calc(100% - 10px) !important; } .selectboxit-arrow-container { -ms-flex: none; flex: none; width: 8px; height: 7px; background: url("/local/templates/aquanet_new/css/../img/icons/arrow.svg") 50% 50% no-repeat; background-size: cover; transform: rotate(180deg); transition-property: transform, opacity; transition-duration: 500ms; opacity: 0.5; } .selectboxit-options { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; padding: 10px 12px; margin: 10px 0 0; max-height: 290px; overflow: auto; display: none; animation: 500ms forwards contentSlideUp; position: absolute; top: 0; left: 0; width: 100%; z-index: 10; } .selectboxit-option { padding: 10px 12px; margin: 0; border-radius: 30px; transition: background-color 500ms; } .selectboxit-option:before { display: none; } .selectboxit-option.selectboxit-focus { background: rgba(79, 169, 232, 0.2); } .selectboxit-option-anchor { color: #333333; text-decoration: none; } .selectboxit-option-anchor:visited, .selectboxit-option-anchor:hover, .selectboxit-option-anchor:active { color: #333333; } .os-theme-dark > .os-scrollbar > .os-scrollbar-track > .os-scrollbar-handle { background: #4fa9e8; } .spinner-container { position: relative; } .spinner-container[data-spinner-size="40"]:after { width: 40px; height: 40px; top: calc(50% - 40px / 2); left: calc(50% - 40px / 2); border-width: 2px; } .spinner-container.is-spinner-active:before, .spinner-container.is-spinner-active:after { visibility: visible; opacity: 1; } .spinner-container:before, .spinner-container:after { content: ''; display: block; visibility: hidden; position: absolute; opacity: 0; transition: opacity 500ms; } .spinner-container:before { top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.8); z-index: 1; } .spinner-container:after { width: 122px; height: 122px; top: calc(50% - 122px / 2); left: calc(50% - 122px / 2); border: 6px solid #013874; border-right-color: white; border-radius: 100%; animation: rotate 1s linear infinite; z-index: 2; } .phone-input-wrapper { position: relative; } .phone-input-wrapper:after { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; display: block; cursor: text; } /** * Submit reveal. **/ .submit-reveal-container { position: relative; } .submit-reveal { transition: opacity 500ms; } .submit-reveal:not(.is-visible) { opacity: 0; } .submit-reveal[data-reveal-action="hide"]:not(.is-active) { visibility: hidden; } .submit-reveal[data-reveal-action="show"]:not(.is-active) { display: none; } /** * Components **/ /** * Buttons */ .btn { width: 100%; height: 54px; background: #013874; border: 0; border-radius: 30px; color: white; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 500; transition-property: background-color, border-color, box-shadow, color; transition-duration: 500ms; text-align: center; text-decoration: none; padding: 0 10px; margin: 0; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); } .btn:visited { color: white; } .btn:hover, .btn:active, .btn.is-active { color: #013874; background: white; text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); } .btn:focus { outline: none; } .btn.is-grey { background: #ededed; color: black; font-weight: 400; } .btn.is-grey:visited { color: black; } .btn.is-grey:hover, .btn.is-grey:active { color: white; background: #013874; box-shadow: none; } .btn.is-transparent-blue { background: transparent; border: 2px solid #013874; color: #013874; } .btn.is-transparent-blue:visited { color: #013874; } .btn.is-transparent-blue:hover, .btn.is-transparent-blue:active { color: white; background: #013874; text-decoration: none; box-shadow: none; } .btn.is-transparent-blue-new { background: transparent; border: 2px solid #013874; color: #013874; } .btn.is-transparent-blue-new:visited { color: #013874; } .btn.is-transparent-blue-new:hover, .btn.is-transparent-blue-new:active { color: #4FA9E8; background: transparent; text-decoration: none; border: 2px solid #4FA9E8; } .btn.is-transparent-white { background: transparent; border: 2px solid white; color: white; } .btn.is-transparent-white:visited { color: white; } .btn.is-transparent-white:hover, .btn.is-transparent-white:active { color: white; background: #013874; border-color: #013874; text-decoration: none; box-shadow: none; } .btn.is-transparent-blue-new { background: transparent; border: 2px solid #013874; color: #013874; } .btn.is-transparent-blue-new:visited { color: #013874; } .btn.is-transparent-blue-new:hover, .btn.is-transparent-blue-new:active { color: #4FA9E8; background: transparent; text-decoration: none; border: 2px solid #4FA9E8; } .btn.is-transparent-white-2 { background: transparent; border: 2px solid white; color: white; } .btn.is-transparent-white-2:visited { color: white; } .btn.is-transparent-white-2:hover, .btn.is-transparent-white-2:active { color: #013874; background: white; border-color: white; text-decoration: none; box-shadow: none; } .btn.is-transparent-grey { background: transparent; border: 2px solid #d1d1d1; color: #333333; } .btn.is-transparent-grey:visited { color: #333333; } .btn.is-transparent-grey:hover, .btn.is-transparent-grey:active { color: white; background: #013874; border-color: #013874; text-decoration: none; box-shadow: none; } .btn.is-transparent-grey-200 { background: transparent; border: 2px solid #d1d1d1; color: #bdbdbd; } .btn.is-transparent-grey-200:visited { color: #bdbdbd; } .btn.is-transparent-grey-200:hover, .btn.is-transparent-grey-200:active { color: white; background: #013874; border-color: #013874; text-decoration: none; box-shadow: none; } .serv-attach-btn{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: space-between; text-decoration: none; width: 100%; } .serv-attach-btn:hover .attach-desc__name{ color: #4fa9e8; } .attach-desc__name{ color: #333333; } .attach-remove{ position: relative; display: flex; align-items: center; padding: 0; } .attach-remove:before{ content: none; } .attach-file-icon{ position: absolute; left: 0; top: 0; } .attach-name__desc{ word-break: break-word; max-width: 320px; padding-left: 30px; color: #333333; position: relative; } .remove-attach-btn { cursor: pointer; position: absolute; right: -25px; top: 3px; } .service-attachment__error{ margin-top: 10px; } .service-attachment{ margin-top: 30px; } .attach-wrap{ flex: 0 1 50%; max-width: 100%; background: transparent; border: 1px solid #EFEFEF; color: #013874; min-height: 54px; width: 100%; border-radius: 30px; font-size: 14px; font-weight: 500; transition-property: background-color, border-color, box-shadow, color; transition-duration: 500ms; padding: 15px 30px; margin: 0; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; box-shadow: 0 0 0 rgb(0 0 0 / 25%); display: flex; flex-direction: column; } .service-attachment .service-btn-picture{ cursor: pointer; max-width: 100%; } .service-attachment__filename{ margin: 0; padding: 0; } .service-attachment-text{ font-size: 14px; line-height: 18px; color: #BDBDBD; } .attach-desc{ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .attach-count{ font-size: 14px; line-height: 18px; } .attach-count.hide{ display: none; } .btn:disabled { background: #ededed; border: 2px solid #ededed; color: white; cursor: default; } .btn.disabled:hover, .btn.disabled:active { color: white; background: #ededed; border-color: #ededed; text-decoration: none; box-shadow: none; } .btn.disabled:visited { color: white; } .serv-attach-btn svg{ margin-right: 10px; } .btn.is-disabled-grey-200 { background: #ededed; border: 2px solid #ededed; color: white; cursor: default; } .btn.is-disabled-grey-200:visited { color: white; } .btn.is-disabled-grey-200:hover, .btn.is-disabled-grey-200:active { color: white; background: #ededed; border-color: #ededed; text-decoration: none; box-shadow: none; } .btn.is-grey-200 { background: #ededed; border: 2px solid #ededed; color: white; } .btn.is-grey-200:visited { color: white; } .btn.is-grey-200:hover, .btn.is-grey-200:active { color: white; background: #013874; border-color: #013874; text-decoration: none; box-shadow: none; } .btn.is-transparent-grey-blue { background: transparent; border: 2px solid #d1d1d1; color: #bdbdbd; } .btn.is-transparent-grey-blue:visited { color: #bdbdbd; } .btn.is-transparent-grey-blue:hover, .btn.is-transparent-grey-blue:active { color: #4fa9e8; background: transparent; border-color: #4fa9e8; text-decoration: none; box-shadow: none; } .btn.is-transparent-red { background: transparent; border: 1px solid #eb5757; color: #eb5757; } .btn.is-transparent-red:visited { color: #eb5757; } .btn.is-transparent-red:hover, .btn.is-transparent-red:active { color: white; background: #eb5757; border-color: #eb5757; text-decoration: none; box-shadow: none; } .btn.is-common-blue { background: #013874; border: 2px solid #013874; color: white; } .btn.is-common-blue:visited { color: white; } .btn.is-common-blue:hover, .btn.is-common-blue:active { color: #4fa9e8; background: white; border-color: #4fa9e8; text-decoration: none; box-shadow: none; } .btn.is-blue { background: #4fa9e8; border: 2px solid #4fa9e8; color: white; } .btn.is-blue:visited { color: white; } .btn.is-blue:hover, .btn.is-blue:active { color: #4fa9e8; background: white; border-color: #4fa9e8; text-decoration: none; box-shadow: none; } .btn.is-white { background: white; border: 2px solid white; color: #013874; } .btn.is-white:visited { color: #013874; } .btn.is-white:hover, .btn.is-white:active { color: white; background: #013874; border-color: #013874; text-decoration: none; box-shadow: none; } /** * Social icons **/ .social-item[data-type="vk"] { fill: #4d76a1; } .social-item[data-type="ok"] { fill: #f2994a; background: #f2994a; border-radius: 50%; } .social-item[data-type="facebook"] { fill: #3b5998; } .social-item[data-type="google"] { fill: #dc4e41; } .social-item[data-type="twitter"] { fill: #55acee; } .social-item[data-type="youtube"] { fill: #dc4e41; } .social-item[data-type="linked"] { fill: #007ab9; } .social-item[data-type="instagram"] { position: relative; fill: #8941a7; } .social-item[data-type="instagram"]:before { background: white; border-radius: 100%; content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: 1px; } .social-item[data-type="instagram"] svg { position: relative; } .social-icon { width: 100%; height: 100%; display: block; } /** * Breadcrumbs **/ .breadcrumbs { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs-item { color: #828282; display: -ms-flexbox; display: flex; margin-right: 15px; font-size: 12.5px; } @media (max-width: 659.98px) { .breadcrumbs-item { font-size: 12px; line-height: 30px; } } @media (min-width: 660px) { .breadcrumbs-item { font-size: 12.5px; line-height: 18px; } } .breadcrumbs-item:before { content: '>'; display: block; margin-right: 15px; } .breadcrumbs-item:first-child:before { display: none; } /** * Breadcrumbs header **/ @media (max-width: 659.98px) { .breadcrumbs-header { padding-block: 15px; background: white; border-top: 1px solid #F2F2F2; } } @media (min-width: 660px) { .breadcrumbs-header { margin-top: 20px; display: -ms-flexbox; display: flex; } } .breadcrumbs-header .breadcrumbs { -ms-flex: 1; flex: 1; padding-right: 20px; } .breadcrumbs-header .page-print { -ms-flex: none; flex: none; } .page-print { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-weight: 500; color: #828282; cursor: pointer; } @media (max-width: 659.98px) { .page-print { display: none; } } .page-print .icon { width: 19px; height: 17px; display: block; margin-right: 10px; fill: #828282; } /** * Rating **/ .rating { display: flex; align-items: flex-start; } .product-main-tab-content .rating{ align-items: center; } .product-main-tab-content .user-feed-header{ flex-direction: column; } .rating-stars { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .rating-star { width: 20px; height: 19px; display: block; cursor: pointer; position: relative; } .rating-star + .rating-star { margin-left: 5px; } .rating-star.is-active .icon-star { opacity: 0; } .rating-star.is-active .icon-star-active { opacity: 1; } .rating-star .icon { width: 100%; height: 100%; display: block; transition: opacity 500ms; } .rating-star .icon-star-active { opacity: 0; position: absolute; top: 0; left: 0; } .rating-text { margin-left: 25px; } .header.is-fixed > .container { height: 60px; } @media (min-width: 1024px) { .header.is-fixed > .container { height: 70px; } } @media (max-width: 1023.98px) { .service-attachment .service-btn-picture{ flex: 0 1 100%; } } .header > .container { height: 60px; display: -ms-flexbox; display: flex; position: relative; align-items: center; } @media (min-width: 660px) { .header > .container { height: 70px; } } .catalog-header.fav-catalog-header{ background: none; } @media (min-width: 1024px) { .header .header-compare .icon { width: 28px; height: 28px; } } .header .header-compare .icon-favorites{ transition: fill 500ms; } .header .header-compare .icon:hover, .header .header-compare .icon.is-active { fill: #013874; transition: fill 500ms; } .header .header-compare:hover .icon-favorites path { fill: #013874; transition: fill 500ms; } .header .header-cart .icon-cart { width: 20px; height: 20px; display: block; fill: #BDBDBD; cursor: pointer; transition: fill 500ms; } @media (min-width: 1024px) { .header .header-cart .icon-cart { width: 28px; height: 28px; } } .header .header-cart .icon-cart:hover, .header .header-cart .icon-cart.is-active { fill: #013874; } .header .header-cart-summ { display: none; margin-left: 30px; } @media (min-width: 1440px) { .header .header-cart-summ { display: block; } } .header .header-cart-summ-title { color: #333333; font-size: 14px; line-height: 16px; letter-spacing: 0.02em; margin-bottom: 2px; } .header .header-cart-summ-amount { color: #333333; font-size: 14px; font-weight: bold; line-height: 16px; letter-spacing: 0.02em; margin-bottom: 2px; } .header .header-call-request { -ms-flex: 1; flex: 1; text-align: center; font-size: 14px; color: #bdbdbd; text-decoration: underline; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } @media (max-width: 659.98px) { .header .header-call-request { display: none; } } @media (min-width: 1024px) { .header .header-call-request { display: none; } } .header .header-call-request a { color: #bdbdbd; text-decoration: underline; } .header .header-call-request a:visited { color: #bdbdbd; } .header .header-call-request a:hover { color: #bdbdbd; text-decoration: none; } .header .header-phone { font-size: 18px; font-weight: 500; color: black; } @media (max-width: 659.98px) { .header .header-phone { display: none; } } @media (min-width: 1024px) { .header .header-phone { display: none; } } .header .header-phone a { color: black; text-decoration: none; } .header .header-phone a:visited { color: black; } .header .header-phone a:hover { color: black; text-decoration: underline; } .header .header-info { margin-left: 8px; } @media (max-width: 659.98px) { .header .header-info { display: none; } } @media (min-width: 1024px) { .header .header-info { display: none; } } .header .header-info .icon { width: 13px; height: 13px; display: block; margin-top: -4px; fill: #BDBDBD; } .header-counter { position: relative; padding-right: 13px; cursor: pointer; } .header-counter-icon { width: 22px; height: 15px; background: #eb5757; border-radius: 7px; color: white; font-size: 11px; font-weight: 500; line-height: 16px; letter-spacing: 0.02em; position: absolute; top: -2px; right: 0; text-align: center; } /** * Location content **/ .location-header { font-weight: 500; line-height: normal; font-size: 18px; letter-spacing: 0.02em; color: #000000; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .location-search { margin-top: 40px; } .location-body { border-top: 1px solid #F2F2F2; margin-top: 30px; } .location-footer { margin-top: 30px; line-height: normal; font-size: 20px; color: #000000; text-align: center; } .location-suggestion { line-height: normal; font-size: 18px; margin-top: 30px; } /** * Search suggestions **/ .suggestions-container { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; } .suggestions-container > .search { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .suggestions-dropdown { position: absolute; top: 100%; left: 0; width: 100%; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background: white; padding: 20px 30px; animation: 500ms forwards contentSlideUp; } @media (max-width: 659.98px) { .suggestions-dropdown { margin: 0 -10px; width: calc(100% + 20px); } } .suggestions-dropdown:not(.is-active) { display: none; } .suggestion { padding: 15px 22px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 1439.98px) { .suggestion { padding-left: 10px; padding-right: 10px; } } .suggestion:not(:first-child) { border-top: 2px solid #F2F2F2; } .suggestion-image-container { -ms-flex: none; flex: none; width: 76px; height: 76px; position: relative; } .suggestion-image { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .suggestion-content { -ms-flex: 1; flex: 1; margin-left: 22px; letter-spacing: 0.02em; } @media (min-width: 1440px) { .suggestion-content { font-size: 14px; line-height: 24px; } } .suggestion-link { max-width: 100%; } @media (min-width: 1440px) { .suggestion-link { overflow: hidden; text-overflow: ellipsis; } } @media (max-width: 1439.98px) { .suggestion-link { /* autoprefixer: off */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: calc(48px + 15px); } } .suggestion-price { font-weight: 500; } @media (max-width: 1439.98px) { .suggestion-price { margin-top: 3px; } } .search-interceptor { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: pointer; } @media (min-width: 660px) { .search-interceptor { display: none; } } .subheader { background: #013874; display: none; } @media (min-width: 1024px) { .subheader { display: block; } } .subheader.is-fixed { position: fixed; width: 100%; top: 60px; left: 0; } @media (min-width: 1024px) { .subheader.is-fixed { top: 70px; } } .subheader.is-fixed .subheader-item { height: 46px; } .subheader > .container { position: relative; } .subheader-layout { display: -ms-flexbox; display: flex; } .subheader-layout-menu { -ms-flex: 240px; flex: 240px; max-width: 240px; } @media (min-width: 1440px) { .subheader-layout-menu { max-width: 260px; -ms-flex: 100%; flex: 100%; } } .subheader-layout-content { -ms-flex: 720px; flex: 720px; display: -ms-flexbox; display: flex; } @media (min-width: 1440px) { .subheader-layout-content { max-width: 1070px; -ms-flex: 100%; flex: 100%; } } .subheader-item { height: 46px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .subheader-menu { width: 100%; padding-left: 24px; position: relative; transition: background-color 500ms; cursor: pointer; } .subheader-menu:hover, .subheader-menu:active, .subheader-menu.is-active { background: #064991; } .subheader-menu-icon { width: 18px; height: 18px; display: block; margin-top: -2px; fill: white; } .subheader-menu-text { color: white; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; margin-left: 15px; } .subheader-fastnav { color: white; font-size: 14px; font-weight: 500; line-height: 16px; letter-spacing: 0.02em; position: relative; margin-right: -1px; } .subheader-fastnav:hover { position: relative; z-index: 1; } .subheader-fastnav:first-child .subheader-fastnav-link { padding-left: 20px; } .subheader-fastnav:first-child .subheader-fastnav-link:before { display: none; } @media (min-width: 1024px) and (max-width: 1439.98px) { .subheader-fastnav:not(.is-main) { /*display: none;*/ } } .subheader-fastnav-link { padding: 0 13px; position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 100%; color: white; cursor: pointer; text-decoration: none; transition: background-color 500ms; background: transparent; } .subheader-fastnav-link:before { content: ''; display: block; width: 1px; height: 20px; background: #315985; position: absolute; top: 50%; left: 0; margin-top: -10px; transition: opacity 500ms; } .subheader-fastnav-link:visited { color: white; } .subheader-fastnav-link:hover { color: white; background: #064991; } .subheader-fastnav-link:hover:before { opacity: 0; } .subheader-fastnav-icon { width: 8px; height: 7px; display: block; margin-left: 5px; transform: rotate(180deg); fill: #ededed; } .subheader-call-request { color: #ededed; margin-right: 7px; font-size: 14px; -ms-flex: 1; flex: 1; } .subheader-call-request span { text-decoration: underline; cursor: pointer; } .subheader-call-request span:hover { text-decoration: none; } .subheader-phone { color: white; margin-right: 10px; } .subheader-phone a { color: white; text-decoration: none; } .subheader-phone a:visited { color: white; } .subheader-phone a:hover { color: white; text-decoration: underline; } .subheader-info-icon { width: 13px; height: 13px; display: block; margin-top: -4px; fill: white; cursor: pointer; } .subheader-lite { background: white; border-top: 1px solid #f2f2f2; display: none; } @media (min-width: 660px) and (max-width: 1023.98px) { .subheader-lite { display: block; } } .subheader-lite.is-fixed { position: fixed; top: 1px; left: 0; width: 100%; } .subheader-lite > .container { height: 58px; display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; } .subheader-lite-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } /** * Menu */ .subheader-lite-menu { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-right: 50px; } .subheader-lite-menu.is-active .icon-menu { display: none; } .subheader-lite-menu.is-active .icon-cross { display: block; } .subheader-lite-menu .icon-menu { width: 18px; height: 18px; fill: #013874; display: block; margin: 0 1px; margin-top: -2px; } .subheader-lite-menu .icon-cross { width: 20px; height: 20px; margin-top: -2px; fill: #E0E0E0; display: none; } .subheader-lite-menu-text { font-weight: 500; margin-left: 15px; } /** * Fastnav */ .subheader-lite-fastnav { margin-left: 30px; position: relative; } .subheader-lite-fastnav-link { color: #828282; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; } .subheader-lite-fastnav-link:visited { color: #828282; } .subheader-lite-fastnav-link:hover, .subheader-lite-fastnav-link:active { color: #828282; text-decoration: underline; } .subheader-lite-fastnav-text { color: #828282; font-weight: 500; } .subheader-lite-fastnav-icon { width: 6px; height: 7px; display: block; margin-top: -2px; margin-left: 10px; transform: rotate(180deg); fill: #828282; } /** * Controls */ .subheader-lite-search { -ms-flex: 1; flex: 1; } .subheader-lite-search .search { width: 100%; } .subheader-lite-search .search input { height: 36px; line-height: 36px; } .subheader-lite-account { margin-left: 30px; } .subheader-lite-account-icon { width: 23px; height: 23px; display: block; fill: #BDBDBD; transition: fill 500ms; cursor: pointer; } .subheader-lite-account-icon:hover, .subheader-lite-account-icon.is-active { fill: #013874; } .subheader-lite-account-icon.is-logged-in { fill: #4fa9e8; } .subheader-lite-compare { margin-left: 30px; } .subheader-lite-compare .icon-compare { width: 23px; height: 23px; display: block; fill: #BDBDBD; cursor: pointer; transition: fill 500ms; } .subheader-lite-compare .icon-favorites { width: 25px; height: 24px; display: block; fill: #BDBDBD; cursor: pointer; transition: fill 500ms; overflow: visible; } @media (min-width: 1024px) { .subheader-lite-compare .icon-compare { width: 28px; height: 28px; } } .subheader-lite-compare .icon-compare:hover, .subheader-lite-compare .icon-compare.is-active { fill: #013874; } .subheader-lite-cart { margin-left: 30px; } .subheader-lite-cart-icon { width: 23px; height: 23px; display: block; fill: #BDBDBD; } @media (max-width: 1023.98px) { .welcome .container { padding-left: 0; padding-right: 0; } } @media (min-width: 1024px) { .welcome-layout { display: -ms-flexbox; display: flex; } } .welcome-layout-placeholder { display: none; } @media (min-width: 1024px) { .welcome-layout-placeholder { -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; display: block; } } @media (min-width: 1440px) { .welcome-layout-placeholder { -ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px; } } @media (min-width: 1024px) { .welcome-layout-content { max-width: calc(100% - 240px); padding-left: 20px; -ms-flex: 1; flex: 1; } } @media (min-width: 1440px) { .welcome-layout-content { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } /** * Slider */ .welcome-slider-container { width: 100%; /*height: 174px;*/ height: 100%; background: white; position: relative; overflow: hidden; } /* @media (min-width: 660px) { .welcome-slider-container { height: 330px; } } @media (min-width: 1024px) { .welcome-slider-container { height: 410px; margin-top: 20px; } } @media (min-width: 1440px) { .welcome-slider-container { -ms-flex: 1 0 735px; flex: 1 0 735px; max-width: 750px; } }*/ .welcome-slider { height: 100%; } .welcome-slider:not(.slick-initialized) { display: -ms-flexbox; display: flex; } .welcome-slider:not(.slick-initialized) .welcome-slider-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .welcome-slider .slick-list, .welcome-slider .slick-track { height: 100%; } .welcome-slider .slick-dots { position: absolute; margin: 0; display: flex; } .welcome-slider .slick-dots::after { display: block; clear: both; content: ""; } .welcome-slider-arrows{ position: absolute; top: 50%; width: 35px; transform: translateY(-50%); height: 35px; border-radius: 50%; display: flex; justify-content: center; align-items: center; background: rgba(255, 255, 255, 0.7); cursor: pointer; } .welcome-slider-arrows .icon { fill: #4F9EF3; width: 7px; height: 12px; } .welcome-slider-arrows:hover{ background: #fff; } .welcome-slider-arrows:hover .icon { fill: #064991; } .welcome-slider-arrows--prev{ transform: translateY(-50%) rotate(-180deg); left: 8px; } .welcome-slider-arrows--next{ right: 8px; } .welcome-slider .slick-dots{ display: flex; align-items: center; width: 100%; left: 0; bottom: -5px; } .welcome-slider .slick-dots li { margin: 0; padding: 0px; cursor: pointer; width: 100%; flex: 1; height: 5px; padding: 10px 0; } .welcome-slider .slick-dots li button { height: 5px; } .welcome-slider .slick-dots li:hover button , .welcome-slider .slick-dots li.slick-active button { background: #4F9EF3; } .welcome-slider .slick-dots li:before { display: none; } .welcome-slider .slick-dots li button { padding: 0; text-indent: -9999px; transition: background-color 500ms; display: block; cursor: pointer; width: 100%; border: 1px solid #FFFFFF; background: #013874; height: 5px; } .welcome-slider .slick-dots li:first-child button{ border-left: 0; } .welcome-slider .slick-dots li:last-child button{ border-right: 0; } .welcome-slider-nav { padding: 10px; cursor: pointer; display: none; position: absolute; top: 50%; transform: translate(0, -50%); } .welcome-slider-nav.is-active { display: block; } .welcome-slider-nav:hover .icon { fill: #9c9c9c; } .welcome-slider-nav[data-direction="right"] { right: 0; } .welcome-slider-nav[data-direction="left"] { left: 0; } .welcome-slider-nav[data-direction="left"] .icon { transform: rotate(180deg); } .welcome-slider-nav .icon { width: 15px; height: 34px; fill: #BDBDBD; display: block; transition: fill 500ms; } .welcome-slider-item { width: 100%; height: 100%; position: relative; overflow: hidden; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .welcome-slider-content { padding: 30px 25px 0; } @media (min-width: 660px) { .welcome-slider-content { padding: 75px 30px 0; } } .welcome-slider-title { color: #013874; font-size: 24px; font-weight: 500; text-decoration: none; } .welcome-slider-title:visited { color: #013874; } .welcome-slider-title:hover, .welcome-slider-title:active { color: #013874; text-decoration: none; } @media (min-width: 660px) { .welcome-slider-title { font-size: 36px; line-height: 42px; } } .welcome-slider-text { min-height: 48px; color: #828282; line-height: 16px; font-weight: 500; margin-top: 5px; } @media (min-width: 660px) { .welcome-slider-text { min-height: 69px; font-size: 20px; line-height: 23px; } } .welcome-slider-btn { max-width: 145px; margin-top: 20px; display: none; } @media (min-width: 660px) { .welcome-slider-btn { display: block; } } .welcome-slider-btn .btn { height: 48px; } /** * Product */ .welcome-product { float: left; width: 300px; margin-top: 20px; margin-left: 20px; display: none; height: 410px; background: white; border: 2px solid #4fa9e8; padding: 20px; } .welcome-product:before, .welcome-product:after { content: ' '; display: table; } .welcome-product:after { clear: both; } @media (min-width: 1440px) { .welcome-product { display: block; -ms-flex: none; flex: none; } } .welcome-product .product-content { padding-left: 15px; padding-right: 15px; } .welcome-product .product-price-current { font-size: 24px; } .welcome-product-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .welcome-product-title { font-size: 14px; } .welcome-product-timer { font-size: 14px; color: #013874; } /** * Brands */ .welcome-brands { width: 100%; background: white; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 10px 10px 0; min-height: 220px; } @media (min-width: 1024px) { .welcome-brands { padding: 0; margin-top: 20px; min-height: auto; } } @media (min-width: 1440px) { .welcome-brands { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .welcome-brands-item { height: 70px; -ms-flex: 50%; flex: 50%; position: relative; } @media (max-width: 659.98px) { .welcome-brands-item:nth-child(2n + 2) { border-left: 1px solid #f2f2f2; } .welcome-brands-item:nth-child(1n + 3) { border-top: 1px solid #f2f2f2; } } @media (min-width: 660px) and (max-width: 1023.98px) { .welcome-brands-item { border-left: 1px solid #f2f2f2; } .welcome-brands-item:nth-child(3n + 1) { border-left: 0; } .welcome-brands-item:nth-child(1n + 4) { border-top: 1px solid #f2f2f2; } } @media (min-width: 660px) { .welcome-brands-item { -ms-flex: 33.333%; flex: 33.333%; } } @media (min-width: 1024px) { .welcome-brands-item { -ms-flex: 1; flex: 1; } .welcome-brands-item:before { width: 1px; content: ''; display: block; position: absolute; top: 15px; bottom: 15px; left: 0; background: #f2f2f2; opacity: 1; transition-property: opacity; transition-duration: 500ms; } } .welcome-brands-item:hover:before { opacity: 0; } .welcome-brands-item:hover + .welcome-brands-item:before { opacity: 0; } .welcome-brands-item:first-child:before { display: none; } @media (max-width: 659.98px) { .welcome-brands-item:nth-child(3):before { display: none; } } @media (min-width: 660px) and (max-width: 1023.98px) { .welcome-brands-item:nth-child(4):before { display: none; } } .welcome-brands-item img { max-width: 100%; max-height: 100%; height: auto; width: auto; display: inline-block; } .welcome-brands-link { width: 100%; height: 100%; display: block; text-align: center; line-height: 70px; padding: 10px; transition: background-color 500ms; } .welcome-brands-link:hover { background: #D9D9D9; } .brands-section{ padding: 20px 0; } .brands-section__title{ font-size: 24px; line-height: 30px; color: #333333; margin-bottom: 47px; font-weight: 400; display: block; } .brands-slider-wrap{ display: grid; grid-template-columns: repeat(auto-fill, minmax(208px, 1fr)); grid-gap: 20px; } .brands-slider{ margin: 0 -20px; } .brands-slider__item{ background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); padding: 40px 25px; text-align: center; } .brands-slider .brands-slider__item { margin: 10px; } .brands-slider-block{ position: relative; } .brands-arrow{ position: absolute; top: 50%; transform: translateY(-50%); width: 36px; height: 36px; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.15); display: none; border-radius: 50%; } .brands-arrow .icon { width: 6px; height: 12px; display: block; fill: #E5E5E5; transition: fill 500ms; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .brands-arrow:hover .icon { fill: #4FA9E8; } .brands-arrow__prev{ left: -25px; } .brands-arrow__next{ right: -25px; } .brands-arrow__prev .icon{ transform: translate(-50%, -50%) rotate(180deg); } .brands-slider__link{ font-size: 14px; color: #8B8B8B; display: flex; flex-direction: column; align-items: center; justify-content: center; text-decoration: none; } .brands-slider__link:hover, .brands-slider__link:active, .brands-slider__link:focus{ color: #4FA9E8; text-decoration: none; } .brands-slider__img-block{ display: flex; justify-content: center; align-items: center; margin-bottom: 40px; height: 60px; } .brands-slider__img{ width: 100%; height: 100%; object-fit: contain; } @media (max-width: 1155px) { .brands-section{ padding: 20px; } } /** * Product **/ .product { height: 100%; position: relative; z-index: 2; } .product[data-layout="default"] { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product[data-layout="default"] .product-header { position: absolute; top: 0; right: 0; left: 0; z-index: 1; } .product-header a img{ height: 180px; outline: none; } .product-header a:focus-visible, .product-header a:active, .product-header a:focus{ outline: none; } .product[data-layout="default"] .product-actions { position: absolute; top: 0; right: 0; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: end; align-items: flex-end; } .product-video{ position: absolute; top: 160px; right: 0; } .product[data-layout="default"] .product-layout-images { -ms-flex: 1; flex: 1; padding: 0px 0; max-height: 220px; min-height: 220px; } @media (max-width: 1023.98px) { .product[data-layout="default"] .product-layout-images { max-height: 204px; } } .product[data-layout="default"] .product-body { -ms-flex: none; flex: none; } .product[data-layout="default"] .product-footer { -ms-flex: none; flex: none; padding-top: 20px; margin-top: auto; } .product[data-layout="horizontal"] { height: auto; } .product[data-layout="horizontal"]::after { display: block; clear: both; content: ""; } @media (min-width: 660px) { .product[data-layout="horizontal"] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 220px; } } @media (min-width: 1440px) { .product[data-layout="horizontal"] { padding-left: 0; } } .product[data-layout="horizontal"] .product-header { position: absolute; top: 0; bottom: 0; left: 0; z-index: 1; } .product[data-layout="horizontal"] .product-flags { position: absolute; top: 0; left: 0; display: -ms-flexbox; display: flex; } .product[data-layout="horizontal"] .product-flag { margin-bottom: 0; margin-right: 10px; } .product[data-layout="horizontal"] .product-actions { position: absolute; bottom: 0; left: 0; display: -ms-flexbox; display: flex; } .product-actions-red { background-color: #f00 !important; } @media (max-width: 659.98px) { .product[data-layout="horizontal"] .product-actions { display: none; } .product-video{ position: absolute; top: 140px; } } @media (min-width: 660px) { .product[data-layout="horizontal"] .product-compare { -ms-flex-order: -1; order: -1; } } .product[data-layout="horizontal"] .product-action { margin-bottom: 0; margin-right: 10px; } .product[data-layout="horizontal"] .product-preview { margin-right: 0; margin-left: 10px; order: 1; } @media (max-width: 659.98px) { .product[data-layout="horizontal"] .product-layout-images { width: 50%; padding-top: 28px; padding-right: 20px; float: left; } } @media (min-width: 660px) { .product[data-layout="horizontal"] .product-layout-images { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; height: 100%; padding: 28px 0 28px; } } @media (min-width: 1440px) { .product[data-layout="horizontal"] .product-layout-images { -ms-flex: 0 0 250px; flex: 0 0 250px; max-width: 250px; } } @media (max-width: 659.98px) { .product[data-layout="horizontal"] .product-body { margin-left: 50%; } } @media (min-width: 660px) { .product[data-layout="horizontal"] .product-body { -ms-flex: 1; flex: 1; padding-right: 20px; padding-left: 40px; } } .product[data-layout="horizontal"] .product-text { margin-top: 20px; } @media (max-width: 659.98px) { .product[data-layout="horizontal"] .product-text { display: none; } } .product[data-layout="horizontal"] .product-status { margin-top: 20px; } .product[data-layout="horizontal"] .product-footer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: center; justify-content: center; } @media (max-width: 659.98px) { .product[data-layout="horizontal"] .product-footer { margin-top: 10px; margin-left: 50%; } } @media (min-width: 660px) { .product[data-layout="horizontal"] .product-footer { -ms-flex: 0 0 30%; flex: 0 0 30%; padding-left: 20px; border-left: 1px solid #ededed; height: 100%; } } @media (min-width: 1440px) { .product[data-layout="horizontal"] .product-footer { -ms-flex: 0 0 20%; flex: 0 0 20%; } } .product[data-layout="horizontal"] .product-price { -ms-flex: none; flex: none; } @media (min-width: 660px) { .product[data-layout="horizontal"] .product-price-old { font-size: 14px; line-height: 1.2; } } @media (min-width: 660px) { .product[data-layout="horizontal"] .product-price-current { font-size: 24px; line-height: 1.2; } } .product[data-layout="horizontal"] .product-btn { -ms-flex: none; flex: none; max-width: 100%; margin-top: 20px; } .product[data-layout="horizontal"] .product-images-nav { top: 50%; transform: translate(0, -50%); } /** * Product flags **/ .product-flags { position: absolute; top: 0; left: 0; padding-right: 35px; /*background-image: url(/images/halloween_shildik1_spider.png); Путь к фоновому изображению */ } .product-flag { background: #4fa9e8; border-radius: 15px 15px 0 15px; color: white; font-size: 13px; line-height: 13px; font-weight: 500; text-align: center; padding: 9px 15px; margin-bottom: 10px; display: inline-block; margin-right: 10px; } .product-flag-text-action { color: black; font-size: 18px; line-height: 19px; font-weight: 500; text-align: center; position: absolute; font-weight: 700; top: 62%; left: 1px; transform: translate(-10%, 100%); font-family: 'Russo One'; } @font-face { font-family: 'Russo One'; src: url(/events/black-friday2022/RussoOne-Regular.ttf); } .product-flag.is-blue { background: #4fa9e8; } .product-flag.is-green { background: #6fcf97; } .product-flag.is-fuchsia { background: #d10d82; } .product-flag.is-orange { background: #ffab29; } .product-flag.is-orange-peach { background: #fdbc9b; } .product-flag.is-red { background: #eb5757; } .is-carrot { background: #e46626; } .product-flag-action.is-orange-action { background: #e86800; } /** * Product actions **/ .product-action { margin-bottom: 10px; } .product-preview { width: 106px; cursor: pointer; position: relative; } .product-preview[data-direction="right"] .product-preview-text { margin-right: 0; margin-left: 16px; } .product-preview[data-direction="right"] .product-preview-text-inner { padding-left: 0; padding-right: 12px; transform: translate(-88px, 0); border-radius: 0 15px 15px 0; -ms-flex-pack: end; justify-content: flex-end; } .product-preview[data-direction="right"] .product-preview-icon { right: auto; left: 0; } .product-preview-text { width: 88px; height: 36px; overflow: hidden; margin-right: 16px; } .product-preview-text-inner { width: 100%; height: 100%; background: rgba(79, 169, 232, 0.6); border-radius: 15px 0 0 15px; color: white; font-size: 11px; font-weight: 500; line-height: 11px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-left: 15px; transform: translate(88px, 0); transition: transform 500ms; } .product-preview:hover .product-preview-text-inner { transform: translate(0, 0); } .product-preview-icon { width: 36px; height: 36px; border-radius: 100%; background: #d1d1d1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; transition-property: background-color; transition-duration: 500ms; } .product-preview:hover .product-preview-icon { background: #4fa9e8; } .product-preview-icon-inner { width: 16px; height: 16px; display: block; } .product-compare { width: 36px; height: 36px; border-radius: 100%; background: #d1d1d1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition-property: background-color; transition-duration: 500ms; } .product-compare:hover { background: #4fa9e8; } .product-compare:hover .product-compare-icon { fill: #4fa9e8; } .product-compare-icon { width: 16px; height: 15px; display: block; fill: #d1d1d1; stroke: white; stroke-width: 3; transition-property: fill; transition-duration: 500ms; } /** * Product slider **/ .product-layout-images { position: relative; } .product-layout-images > a { position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; } .product-images-slider { height: 269px; overflow: hidden; } @media (min-width: 660px) { .product-images-slider { height: 269px; } } @media (min-width: 1024px) { .product-images-slider { height: 269px; } } .product-images-nav { position: absolute; top: 78px; cursor: pointer; padding: 0 4px; display: none; z-index: 1; } .product-images-nav.is-active { display: block; } @media (max-width: 1023.98px) { .product-images-nav.is-active { display: none; } } .product-images-nav:hover .icon { fill: #c4c4c4; } .product-images-nav[data-direction="right"] { left: calc(100% - 2px); } .product-images-nav[data-direction="left"] { right: calc(100% - 2px); } .product-images-nav[data-direction="left"] .icon { transform: rotate(180deg); } .product-images-nav .icon { width: 13px; height: 34px; display: block; fill: #E5E5E5; transition: fill 500ms; } /** * Product content **/ .product-image { -ms-flex-item-align: center; -ms-grid-row-align: center; align-self: center; width: 100%; height: 277px; position: relative; } .product-image img { position: absolute; top: 34%; left: 50%; max-width: 277px; max-height: 100%; transform: translate(-50%, -50%); } .product-body { position: relative; } .product-body > a { text-decoration: none; padding-top: 20px; } .product-subtitle { font-size: 14px; font-weight: 500; line-height: 19px; color: #828282; } .product-title { font-size: 14px; font-weight: 500; line-height: 19px; color: #333333; letter-spacing: -0.02em; } @media (min-width: 1440px) { .product-title { letter-spacing: normal; } } .product-text { color: #828282; font-size: 12px; line-height: 14px; margin-top: 15px; } .product-link { color: #013874; text-decoration: underline; } .product-link:visited { color: #013874; } .product-link:hover, .product-link:active { color: #013874; text-decoration: none; } .product-status { color: #828282; font-size: 12px; line-height: 14px; } .product-status.is-red { color: #eb5757; } .product-status.is-orange { color: #ffab29; } .product-status.is-green { color: #6fcf97; } .product-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 659.98px) { .compare-main .product-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .compare-main .product-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .product-price { -ms-flex: 50%; flex: 50%; } @media (max-width: 659.98px) { .compare-main .product-price { -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .compare-main .product-price { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .product-price-old { font-size: 12px; font-weight: 500; line-height: 18px; color: #eb5757; text-decoration: line-through; } @media (min-width: 1440px) { .product-price-old { font-size: 14px; line-height: 14px; } } .product-price-current { font-size: 20px; line-height: 23px; color: #333333; font-weight: 500; } @media (min-width: 1440px) { .product-price-current { font-size: 20px; line-height: 22px; } } .product-btn { -ms-flex: 50%; flex: 50%; } @media (max-width: 659.98px) { .compare-main .product-btn { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 20px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .compare-main .product-btn { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 20px; } } .product-btn .btn { height: 36px; } .product-btn .additional__btn{ width: auto!important; } .product-btn .btn svg{ fill: #fff; } .product-btn-oneclick { margin-top: 10px; display: none; } .product-btn .btn:hover svg, .product-btn .btn:active svg, .product-btn .btn.is-active svg{ fill: #013874; } @media (min-width: 660px) { .product-btn-oneclick { display: block; } } .product-btn-oneclick .btn { height: 36px; } /** * Product conditions **/ .product-conditions { width: 100%; position: absolute; top: 0; left: 0; background: white; box-shadow: 0 0 10px rgba(0, 0, 0, 0.25); z-index: 1; display: none; padding-top: 450px; } .product-condition { display: -ms-flexbox; display: flex; margin: 0 20px 20px; font-weight: 500; } @media (min-width: 1440px) { .product-condition { margin: 0 40px 20px; } } .product-condition:first-child { border-top: 1px solid #ededed; padding-top: 20px; } .product-condition .icon { width: 13px; height: 10px; display: block; margin-top: 4px; margin-right: 10px; fill: #6fcf97; } /** * Product items layout **/ .product-item { display: none; } @media(min-width: 1024px){ .product-item { display: block; } } .product-items::after { display: block; clear: both; content: ""; } .product-items[data-border="top"] { border-top: 1px solid #ededed; } .product-item { float: left; width: 25%; border-left: 1px solid #ededed; position: relative; background: white; padding: 20px 40px; height: 450px; } @media (min-width: 1024px) and (max-width: 1439.98px) { .product-item { padding: 20px; } } .product-item:first-child { border-left: 0; } .product-item:hover { z-index: 3; } .product-item:hover .product-conditions { display: block; } /** * Product slider */ .product-slider { overflow: hidden; max-width: 100%; } @media (min-width: 1024px) { .product-slider .slider-nav { display: none; } } .product-slider-items { border-top: 1px solid #ededed; position: relative; } .product-slider-items:not(.slick-initialized) { display: -ms-flexbox; display: flex; } .product-slider-items:after { content: ''; display: block; width: 1px; height: 100%; position: absolute; top: 0; left: 0; background: white; } .product-equipment .product-slider-items { border-top: 0; margin-top: 20px; } .product-equipment .product-slider-items:after { display: none; } .product-slider-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; border-left: 1px solid #ededed; background: white; padding: 20px; height: 450px; } @media (min-width: 660px) { .product-slider-item { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; } } .product-equipment .product-slider-item { border: 1px solid #ededed; } @media (min-width: 660px) { .product-equipment .product-slider-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } .slider-nav { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; background: white; border-top: 1px solid #ededed; } .product-equipment .slider-nav { border: 1px solid #ededed; border-top: 0; } .slider-nav .icon { width: 30px; height: 30px; display: block; fill: #bdbdbd; transition: fill 500ms; } .slider-nav .icon[data-direction="left"] { transform: rotate(180deg); } .slider-nav .icon:hover { fill: #828282; } .slider-nav-count { color: #bdbdbd; font-size: 18px; text-align: center; } @media (min-width: 1024px) { .ideas-subheader { font-size: 18px; } } @media (min-width: 1440px) { .ideas-subheader { font-size: 24px; } } /** * Items */ .ideas-body { margin-top: 30px; margin-bottom: 10px; position: relative; overflow: hidden; } @media (min-width: 1024px) { .ideas-body { margin-bottom: 20px; } } @media (min-width: 1440px) { .ideas-body { margin-bottom: 30px; } } .ideas-items:not(.slick-initialized) { display: -ms-flexbox; display: flex; } .ideas-item { -ms-flex: none; flex: none; width: 100%; height: 192px; position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media (min-width: 660px) { .ideas-item { height: 345px; } } @media (min-width: 1024px) { .ideas-item { height: 510px; } } @media (min-width: 1440px) { .ideas-item { height: 706px; } } .ideas-item-overlay-link { position: absolute; width: 100%; height: 100%; top: 0; left: 0; display: block; } .ideas-item-anchor { width: 30px; height: 30px; display: none; position: absolute; margin-top: -15px; margin-left: -15px; cursor: pointer; } @media (min-width: 1024px) { .ideas-item-anchor { display: block; } } .ideas-item-anchor .icon { width: 100%; height: 100%; display: block; } .ideas-item-anchor:hover:before, .ideas-item-anchor:hover:after { display: block; } .ideas-item-anchor:before, .ideas-item-anchor:after { width: 100%; height: 100%; display: none; content: ''; position: absolute; top: 0; left: 0; border: 1px solid white; border-radius: 100%; animation: 1.5s forwards waveOut; } .ideas-item-anchor:after { animation-delay: 0.25s; } .ideas-item-content { display: none; position: absolute; } @media (min-width: 1440px) { .ideas-item-content { width: 270px; } } .ideas-item-content.is-active { display: block; } .ideas-item-content[data-dock="top-left"] { margin-top: -15px; margin-left: 25px; } .ideas-item-content[data-dock="top-left"] .ideas-item-content-inner { animation: 500ms forwards contentSlideLeft; } .ideas-item-content[data-dock="top-right"] { margin-top: -15px; margin-left: -25px; transform: translate(-100%, 0); } .ideas-item-content[data-dock="top-right"] .ideas-item-content-inner { animation: 500ms forwards contentSlideRight; } .ideas-item-content[data-dock="middle-left"] { margin-left: 25px; transform: translate(0, -50%); } .ideas-item-content[data-dock="middle-left"] .ideas-item-content-inner { animation: 500ms forwards contentSlideLeft; } .ideas-item-content[data-dock="middle-right"] { margin-left: -25px; transform: translate(-100%, -50%); } .ideas-item-content[data-dock="middle-right"] .ideas-item-content-inner { animation: 500ms forwards contentSlideRight; } .ideas-item-content[data-dock="bottom-left"] { margin-top: 15px; margin-left: 25px; transform: translate(0, -100%); } .ideas-item-content[data-dock="bottom-left"] .ideas-item-content-inner { animation: 500ms forwards contentSlideLeft; } .ideas-item-content[data-dock="bottom-right"] { margin-top: 15px; margin-left: -25px; transform: translate(-100%, -100%); } .ideas-item-content[data-dock="bottom-right"] .ideas-item-content-inner { animation: 500ms forwards contentSlideRight; } .ideas-item-content .product-actions { position: relative; z-index: 1; } .ideas-item-content .product-preview { position: absolute; top: 0; right: 0; } .ideas-item-content-inner { background: #FFFFFF; box-shadow: 0px 0px 15px rgba(1, 56, 116, 0.5); padding: 20px; width: 240px; } .ideas-item-image { width: 200px; height: 160px; position: relative; margin: 0 auto; } .ideas-item-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-height: 100%; } .ideas-item-subtitle { font-size: 14px; font-weight: 500; line-height: 19px; color: #828282; margin-top: 20px; } .ideas-item-title { font-size: 14px; font-weight: 500; line-height: 19px; color: #333333; height: 36px; overflow: hidden; } .ideas-item-link { margin-top: 5px; } .ideas-item-footer { margin-top: 10px; display: -ms-flexbox; display: flex; } .ideas-item-price { -ms-flex: 1; flex: 1; } .ideas-item-price-old { font-size: 12px; font-weight: 500; line-height: 18px; color: #bdbdbd; text-decoration: line-through; } @media (min-width: 1440px) { .ideas-item-price-old { font-size: 14px; line-height: 14px; } } .ideas-item-price-current { font-weight: 500; line-height: normal; font-size: 20px; color: #333333; } .ideas-item-btn { -ms-flex: none; flex: none; } .ideas-item-btn .btn { height: 36px; } /*@media (min-width: 1024px) and (max-width: 1439.98px) { .ideas-item-btn .btn { width: 55px; } }*/ @media (max-width: 1439.98px) { .ideas-item-btn .btn-text { display: none; } } @media (min-width: 1440px) { .ideas-item-btn .btn-icon { display: none; } } .ideas-item-btn .icon-cart { width: 20px; height: 20px; display: block; fill: white; } .ideas-nav { height: 100%; position: absolute; top: 0; padding: 0 10px; cursor: pointer; } @media (min-width: 1440px) { .ideas-nav { padding: 0 20px; } } .ideas-nav:not(.is-active) { display: none; } .ideas-nav:hover .icon { fill: white; } .ideas-nav[data-direction="right"] { right: 0; } .ideas-nav[data-direction="right"] .icon { transform: translate(0, -50%); } .ideas-nav[data-direction="left"] { left: 0; } .ideas-nav[data-direction="left"] .icon { transform: translate(0, -50%) rotate(180deg); } .ideas-nav .icon { width: 15px; height: 25px; display: block; fill: #E6E6E6; transition: fill 500ms; position: relative; top: 50%; } @media (min-width: 1024px) and (max-width: 1439.98px) { .ideas-nav .icon { width: 22px; height: 37px; } } @media (min-width: 1440px) { .ideas-nav .icon { width: 30px; height: 51px; } } /** * Social footer */ .ideas-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023.98px) { .ideas-footer.is-type-1 .ideas-footer-col:nth-child(2) { display: none; } } @media (min-width: 1024px) { .ideas-footer.is-type-2 { display: none; } } @media (max-width: 1023.98px) { .ideas-footer.is-type-2 { margin: 10px 10px 0; } } .ideas-footer.is-type-2 .ideas-footer-col:nth-child(1) { -ms-flex: none; flex: none; } .ideas-footer-col { -ms-flex: 1; flex: 1; max-width: 100%; } .ideas-footer-col:nth-child(2) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } .ideas-footer-text { margin-right: 20px; } @media (max-width: 659.98px) { .ideas-footer-text { display: none; } } .ideas-footer-icons { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .ideas-footer-icons .social-item { width: 27px; height: 27px; } .ideas-footer-icons .social-item + .social-item { margin-left: 8px; } .ideas-footer .btn { height: 40px; } @media (min-width: 1440px) { .ideas-footer .btn { max-width: 190px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .ideas-footer .btn { max-width: 160px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .ideas-footer .btn { max-width: 140px; } } /** * Products slider */ @media (min-width: 1024px) { .ideas-products { display: none; } } .ideas-products-body { max-width: 100%; overflow: hidden; } .ideas-products-items:not(.slick-initialized) { display: -ms-flexbox; display: flex; } .ideas-products-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .features { background: white; margin-top: 10px; } @media (min-width: 1024px) { .features { margin-top: 40px; } } @media (min-width: 1440px) { .features .container { padding: 50px 100px 70px; } } .features-wrapper { position: relative; padding: 30px 10px 50px; } @media (min-width: 660px) { .features-wrapper { padding: 40px 30px; } } @media (min-width: 1024px) { .features-wrapper { padding: 40px; } } @media (min-width: 1440px) { .features-wrapper { padding: 0; } } .features-header { color: #333333; font-size: 18px; font-weight: 500; } @media (min-width: 1024px) { .features-header { font-size: 24px; } } @media (min-width: 1440px) { .features-header { padding-left: 270px; } } /** * Counters */ .features-counters { margin-top: 10px; } @media (min-width: 660px) { .features-counters { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; margin-top: 30px; } } @media (min-width: 1024px) { .features-counters { padding-right: 100px; } } @media (min-width: 1440px) { .features-counters { width: 170px; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 0; bottom: 0; left: 0; margin-top: 0; padding-right: 0; } } .features-counters--item { -ms-flex: none; flex: none; } @media (max-width: 659.98px) { .features-counters--item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } @media (min-width: 660px) and (max-width: 1023.98px) { .features-counters--item { width: 170px; } } .features-counters--value { -ms-flex: 0 0 140px; flex: 0 0 140px; font-size: 64px; font-weight: 700; line-height: 74px; color: #cfcfcf; } @media (min-width: 660px) { .features-counters--value { width: auto; font-size: 72px; } } .features-counters--text { font-size: 18px; font-weight: 700; line-height: 18px; color: #333333; margin-top: -8px; } @media (min-width: 660px) { .features-counters--text { margin-top: 0; } } @media (max-width: 768px) { .features-icons { -ms-flex-wrap: wrap; flex-wrap: wrap; } } /** * Icons */ .features-icons { display: -ms-flexbox; display: flex; } @media (min-width: 1440px) { .features-icons { padding-left: 270px; } } .features-icons--col { -ms-flex: 100%; flex: 100%; margin-top: 40px; padding: 0 30px; } @media (min-width: 660px) { .features-icons--col { -ms-flex: 50%; flex: 50%; margin-top: 50px; } } @media (min-width: 1024px) { .features-icons--col { margin-top: 60px; padding: 0 70px 0 0; } } @media (min-width: 1440px) { .features-icons--col { padding: 0 50px 0 10px; } } @media (min-width: 1024px) { .features-icons--item { display: -ms-flexbox; display: flex; } } .features-icons--item + .features-icons--item { margin-top: 30px; } @media (min-width: 1440px) { .features-icons--item + .features-icons--item { margin-top: 50px; } } .features-icons--item-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 660px) { .features-icons--item-header { height: 62px; } } @media (min-width: 1024px) { .features-icons--item-header { height: auto; -ms-flex: 0 0 100px; flex: 0 0 100px; padding-right: 33px; -ms-flex-align: start; align-items: flex-start; } } .features-icons--item-icon { display: block; } .features-icons--item-icon[data-type="cog"] { width: 62px; height: 62px; } .features-icons--item-icon[data-type="tools"] { width: 62px; height: 54px; } .features-icons--item-icon[data-type="arrow-back"] { width: 57px; height: 49px; } .features-icons--item-icon[data-type="truck"] { width: 66px; height: 45px; } .features-icons--item-icon[data-type="piggy-bank"] { width: 50px; height: 51px; } .features-icons--item-icon[data-type="headset"] { width: 55px; height: 53px; } .features-icons--item-body { -ms-flex: 1; flex: 1; } .features-icons--title { color: #333333; font-size: 14px; font-weight: 700; line-height: 24px; text-transform: uppercase; margin-top: 15px; text-align: center; } @media (min-width: 660px) { .features-icons--title { min-height: 48px; line-height: 24px; } } @media (min-width: 1024px) { .features-icons--title { min-height: 0; margin-top: 0; text-align: left; } } .features-icons--text { color: #828282; font-size: 14px; font-weight: 500; line-height: 19px; margin-top: 20px; text-align: center; } @media (min-width: 660px) { .features-icons--text { min-height: 38px; line-height: 19px; } } @media (min-width: 1024px) { .features-icons--text { margin-top: 10px; text-align: left; } } @media (min-width: 1440px) { .features-icons--text { min-height: 48px; line-height: 24px; } } /** * Features simple **/ .features-simple { margin-top: 20px; } @media (min-width: 1024px) { .features-simple { margin-top: 30px; } } @media (min-width: 1440px) { .features-simple:not(.ignore-lg) > .container { padding-top: 70px; padding-right: 45px; padding-left: 45px; } .features-simple:not(.ignore-lg) .features-icons { display: block; } .features-simple:not(.ignore-lg) .features-icons--col { display: flex; flex: none; width: 100%; padding-left: 0; } .features-simple:not(.ignore-lg) .features-icons--col + .features-icons--col { padding-left: 0; margin-top: 50px; } .features-simple:not(.ignore-lg) .features-icons--item { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; margin-top: 0; padding-right: 25px; } } .features-simple > .container { padding-right: 10px; padding-left: 10px; } @media (min-width: 1024px) { .features-simple > .container { padding-right: 30px; padding-left: 30px; } } @media (min-width: 1024px) { .features-simple .features-icons { padding-left: 0; } } .features-simple .features-icons--col { margin-top: 0; } @media (min-width: 1024px) { .features-simple .features-icons--col { padding-right: 0; } } .features-simple .features-icons--col + .features-icons--col { margin-top: 30px; } @media (min-width: 660px) { .features-simple .features-icons--col + .features-icons--col { margin-top: 0; } } @media (min-width: 1024px) { .features-simple .features-icons--col + .features-icons--col { padding-left: 50px; } } .map-stores { display: none; } @media (min-width: 660px) { .map-stores { display: block; } } .map-stores-body { position: relative; } .map-stores-wrapper { height: 560px; } @media (max-width: 1023.98px) { .map-stores-wrapper { height: 460px; } } .map-stores-map { width: 100%; height: 100%; position: absolute; top: 0; left: 0; } .map-stores-item-body:not(.is-active) { display: none; } .map-stores-items { max-width: 320px; min-height: 100%; max-height: 100%; background: rgba(255, 255, 255, 0.85); position: relative; /*overflow: hidden; overflow: scroll;*/ overflow: auto; } .map-stores-item { padding: 30px 40px 30px 60px; } .map-stores-item + .map-stores-item { border-top: 1px solid #ededed; } .map-stores-item-title { font-size: 14px; font-weighT: 500; text-transform: uppercase; position: relative; cursor: pointer; } .map-stores-item-title.is-active .icon { transform: rotate(-90deg); } .map-stores-item-title .icon { width: 19px; height: 19px; display: block; fill: #8B8B8B; position: absolute; top: 0; right: 100%; margin-right: 10px; transform: rotate(90deg); transition: transform 500ms; } .map-stores-item-row { display: -ms-flexbox; display: flex; margin-top: 20px; } .map-stores-item-icon-wrapper { -ms-flex: none; flex: none; width: 12px; } .map-stores-item-icon { display: block; max-width: 100%; margin-top: 2px; fill: #013874; stroke: #013874; } .map-stores-item-icon[data-type="map-marker"] { width: 14px; height: 20px; fill: #BDBDBD; stroke: none; margin-top: 0; } .map-stores-item-icon[data-type="map-marker-02"] { width: 11px; height: 15px; margin-top: 1px; } .map-stores-item-icon[data-type="clock"] { width: 12px; height: 12px; } .map-stores-item-icon[data-type="phone"] { width: 12px; height: 12px; } .map-stores-subway-line { width: 10px; height: 10px; border-radius: 100%; margin-top: 3px; } .map-stores-item-text { -ms-flex: 1; flex: 1; margin-left: 10px; } .articles-index .article-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; margin-top: -10px; } .articles-index .article-list:before, .articles-index .article-list:after { content: ' '; display: table; } .articles-index .article-list:after { clear: both; } @media (min-width: 1024px) { .articles-index .article-list { margin-top: 20px; } } @media (min-width: 1440px) { .articles-index .article-list { margin-top: 0; display: block; } } .articles-index .article { width: 100%; height: 200px; position: relative; cursor: default; padding: 0 10px; margin-top: 10px; } @media (min-width: 1024px) { .articles-index .article { width: 50%; margin-top: 20px; } } @media (min-width: 1440px) { .articles-index .article { margin-top: 0; float: left; } } @media (min-width: 1440px) { .articles-index .article[data-id="0"] { width: 24.817%; height: 428px; } .articles-index .article[data-id="0"] .article-footer { display: block; } .articles-index .article[data-id="0"] .btn { width: 160px; height: 48px; margin-top: 20px; } } @media (min-width: 1440px) { .articles-index .article[data-id="1"] { width: 48.175%; height: 428px; } .articles-index .article[data-id="1"] .article-footer { display: block; } .articles-index .article[data-id="1"] .btn { width: 160px; height: 48px; margin-top: 20px; } } @media (min-width: 1440px) { .articles-index .article[data-id="2"] { width: 27.007%; height: 204px; } } @media (min-width: 1440px) { .articles-index .article[data-id="3"] { margin-top: 20px; width: 27.007%; height: 204px; } } .articles-index .article-inner { height: 100%; position: relative; padding: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 660px) { .articles-index .article-inner { padding: 30px; } } @media (min-width: 1440px) { .articles-index .article-inner { padding: 20px; padding-left: 40px; -ms-flex-pack: center; justify-content: center; } } .articles-index .article-image { position: absolute; top: 0; right: 0; bottom: 0; left: 0; overflow: hidden; } .articles-index .article-image-inner { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; transition: transform 500ms; } .articles-index .article-image-inner:after { width: 100%; height: 100%; background: rgba(0, 10, 18, 0.58); content: ''; display: block; position: absolute; top: 0; left: 0; } .product-flag-text-action_day_s { color: white; font-size: 10px; line-height: 13px; font-weight: 500; text-align: center; position: relative; font-weight: 700; top: -29px; left: 41px; transform: translate(-50%, -50%); height: 0px; } .article:hover .articles-index .article-image-inner { transform: scale(1.2); } .articles-index .article-content { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; position: relative; } @media (min-width: 1440px) { .article[data-id="0"] .articles-index .article-content, .article[data-id="1"] .articles-index .article-content { -ms-flex-pack: end; justify-content: flex-end; padding: 10px 30px 66px 44px; } } @media (min-width: 1440px) { .article[data-id="2"] .articles-index .article-content, .article[data-id="3"] .articles-index .article-content { padding: 10px 30px 10px 44px; } } .articles-index .article-tags { color: white; font-size: 18px; font-weight: 500; margin-bottom: 20px; display: none; } @media (min-width: 1440px) { .articles-index .article-tags { display: block; } } .articles-index .article-title { color: white; font-size: 18px; font-weight: 500; text-decoration: none; } .articles-index .article-title:visited { color: white; } .articles-index .article-title:hover, .articles-index .article-title:active { color: white; text-decoration: underline; } .articles-index .article-text { color: #f2f2f2; font-size: 14px; font-weight: 500; display: none; margin-top: 20px; } @media (min-width: 1440px) { .articles-index .article-text { display: block; } } .articles-index .article-footer { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding-top: 20px; position: relative; } @media (min-width: 1440px) { .articles-index .article-footer { -ms-flex: none; flex: none; } } .articles-index .article-date { color: #ededed; } .articles-index .btn { width: 116px; height: 33px; } .footer { background: white; } .footer-header { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 30px 0; } .footer-subscribe { -ms-flex: 100%; flex: 100%; margin-bottom: 20px; } @media (min-width: 660px) { .footer-subscribe { margin-bottom: 30px; } } @media (min-width: 1024px) { .footer-subscribe { margin-bottom: 0; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .footer-subscribe { -ms-flex: 0 0 520px; flex: 0 0 520px; max-width: 520px; } } @media (min-width: 1440px) { .footer-subscribe { -ms-flex: 0 0 735px; flex: 0 0 735px; } } .footer-subscribe-container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .footer-subscribe-header { -ms-flex: 100%; flex: 100%; color: #333333; font-size: 14px; font-weight: 500; margin-bottom: 20px; } @media (min-width: 660px) { .footer-subscribe-header { margin-bottom: 30px; } } @media (min-width: 1440px) { .footer-subscribe-header { -ms-flex: 0 0 300px; flex: 0 0 300px; margin-bottom: 0; padding-top: 4px; } } .footer-subscribe-form { width: 100%; } @media (min-width: 660px) { .footer-subscribe-form { -ms-flex: 100%; flex: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1024px) { .footer-subscribe-form { -ms-flex: 0 0 435px; flex: 0 0 435px; } } .footer-subscribe-form .processing-permission { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .footer-subscribe-input { -ms-flex: 1; flex: 1; width: 100%; height: 54px; background: white; border: 1px solid #ededed; border-radius: 5px; position: relative; padding: 0 20px; transition: border-color 500ms; } @media (min-width: 660px) { .footer-subscribe-input { max-width: calc(100% - 155px); border-radius: 5px 0 0 5px; border-right: 0; } } @media (min-width: 1024px) { .footer-subscribe-input { -ms-flex: none; flex: none; width: 280px; } } .footer-subscribe-input::-webkit-input-placeholder { color: #828282; } .footer-subscribe-input:-ms-input-placeholder { color: #828282; } .footer-subscribe-input::placeholder { color: #828282; } .footer-subscribe-input.is-invalid { border-color: #eb5757; } @media (max-width: 659.98px) { .footer-subscribe-btn { margin-top: 7px; } } .footer-subscribe-btn .btn { border: 1px solid transparent; border-radius: 5px; font-size: 14px; } @media (min-width: 660px) { .footer-subscribe-btn .btn { width: 155px; border-radius: 0 5px 5px 0; } } .footer-subscribe-btn .btn:hover, .footer-subscribe-btn .btn:active { border-color: #ededed; box-shadow: none; } .footer-subscribe-message { line-height: 21px; font-size: 14px; color: #4F4F4F; } .footer-subscribe-message.result { text-align: center; } .footer-subscribe-message-title { font-weight: 700; } .footer-subscribe-message-text { font-weight: 500; } .footer-social { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .footer-social .social-item { -ms-flex: none; flex: none; width: 40px; height: 40px; background: #bdbdbd; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition: background-color 500ms; } @media (min-width: 660px) { .footer-social .social-item { width: 54px; height: 54px; } } .footer-social .social-item + .social-item { margin-left: 8px; } @media (min-width: 660px) { .footer-social .social-item + .social-item { margin-left: 12px; } } .footer-social .social-item:hover, .footer-social .social-item:active { background: #013874; } .footer-social .social-item:hover .social-icon, .footer-social .social-item:hover .icon-social-instagram-02-background, .footer-social .social-item:active .social-icon, .footer-social .social-item:active .icon-social-instagram-02-background, .footer-social .social-item:hover .icon-social-yazen, .footer-social .social-item:active .icon-social-yazen { fill: #013874; } .footer-social .social-icon, .footer-social .icon-social-instagram-02-background, .footer-social .icon-social-yazen { fill: #bdbdbd; transition: fill 500ms; } /** * Footer part #2 */ .footer-body { border-top: 2px solid #f2f2f2; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 20px 30px; } @media (min-width: 1024px) { .footer-body { padding-left: 0; padding-right: 0; } } .footer-body-col { -ms-flex: 100%; flex: 100%; } @media (min-width: 660px) { .footer-body-col { -ms-flex: 50%; flex: 50%; } } @media (min-width: 1024px) { .footer-body-col { -ms-flex: 1; flex: 1; } } .footer-body-feedback .footer-body-item { margin-bottom: 16px; } .footer-body-title { color: #333333; font-size: 14px; font-weight: 500; margin: 22px 0 16px; text-transform: uppercase; } .footer-body-item { font-weight: 500; line-height: 20px; } .footer-body-link { color: #828282; cursor: pointer; text-decoration: none; } .footer-body-link:visited { color: #828282; } .footer-body-link:hover, .footer-body-link:active { color: #013874; text-decoration: underline; } .footer-body-link.is-underlined { text-decoration: underline; } .footer-body-link.is-underlined:hover, .footer-body-link.is-underlined:active { text-decoration: underline; } .footer-body-contacts { margin-bottom: 16px; } .footer-body-contacts-title { color: #bdbdbd; font-size: 14px; font-weight: 500; line-height: 16px; margin-bottom: 6px; } .footer-body-contacts-text { color: #333333; font-size: 18px; font-weight: 500; line-height: 20px; } .footer-body-contacts-link { color: #333333; text-decoration: none; } .footer-body-contacts-link:visited { color: #333333; } .footer-body-contacts-link:hover, .footer-body-contacts-link:active { color: #333333; text-decoration: underline; } .footer-body-social { display: -ms-flexbox; display: flex; } .footer-body-social-item { width: 40px; height: 40px; border-radius: 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; } .footer-body-social-item:after { width: 100%; height: 100%; background: rgba(255, 255, 255, 0.5); border-radius: 5px; content: ''; display: block; position: absolute; top: 0; left: 0; opacity: 0; transition: opacity 500ms; } .footer-body-social-item:hover:after { opacity: 1; } .footer-body-social-item + .footer-body-social-item { margin-left: 16px; } .footer-body-social-icon { display: block; max-width: 100%; } .footer-body-social-icon[data-title="viber"] { width: 20px; height: 20px; } .footer-body-social-icon[data-title="whatsapp"] { width: 22px; height: 22px; } .footer-body-social-icon[data-title="telegram"] { width: 20px; height: 18px; } .footer-body-sceldue { color: #828282; font-size: 14px; font-weight: 500; line-height: 22px; margin-top: 24px; } /** * Footer part #3 */ .footer-footer { border-top: 2px solid #f2f2f2; padding: 20px 0 30px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 660px) { .footer-footer { flex-direction: column; } } .footer-footer-copyright { -ms-flex: 0 0 100%; flex: 0 0 100%; color: #bdbdbd; font-weight: 500; padding-right: 10px; } @media (min-width: 660px) { .footer-footer-copyright { -ms-flex: 1; flex: 1; } } .footer-footer-payments { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 20px; -webkit-flex: 1; justify-content: flex-end; -webkit-justify-content: flex-end; } @media (min-width: 660px) { .footer-footer-payments { margin-top: 0; } } .footer-footer-social { justify-content: center; margin-top: 20px; } @media (min-width: 660px) { .footer-footer-social { margin-top: 0; } } .footer-footer-payments-item { display: block; max-width: 100%; } .footer-footer-payments-item + .footer-footer-payments-item { margin-left: 36px; } .articles .article-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -5px 0; } @media (min-width: 660px) { .articles .article-list { margin: 0 -8px 0; } } @media (min-width: 1024px) { .articles .article-list { margin: 0 -10px 0; } } .articles .article-item { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 20px; } .articles .article-item .article { margin: 0px 5px; } @media (min-width: 660px) { .articles .article-item { -ms-flex: 0 0 50%; flex: 0 0 50%; } .articles .article-item .article { margin: 0px 8px; } } @media (min-width: 1024px) { .articles .article-item { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } .articles .article-item .article { margin: 0px 10px; } } .articles .article { height: 100%; background: white; border: 1px solid #f2f2f2; } @media (min-width: 1024px) { .articles .article { border: 0; } } .articles .article-header { height: 250px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; position: relative; } .articles .article-header a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; } .articles .timer { -ms-flex-pack: center; justify-content: center; background: rgba(20, 41, 65, 0.6); padding: 10px; transform: translate(30px, 15px); } .articles .timer-title { color: white; } .articles .timer-col { color: white; } .articles .article-body { padding: 20px 20px 20px; } @media (min-width: 1024px) { .articles .article-body { padding: 25px 30px 30px; } } .articles .article-subtitle { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; color: #828282; } .articles .article-views { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: end; justify-content: flex-end; } .articles .article-views .icon { -ms-flex: none; flex: none; width: 23px; height: 24px; display: block; fill: #bdbdbd; margin-right: 15px; } .articles .article-title { font-weight: 500; font-size: 18px; letter-spacing: 0.02em; margin-top: 20px; } .articles .article-title a { color: #333333; text-decoration: none; } .articles .article-title a:visited { color: #333333; } .articles .article-title a:hover, .articles .article-title a:active { color: #333333; text-decoration: underline; } .articles .article-text { letter-spacing: 0.02em; /*margin-top: 20px;*/ } @media (max-width: 659.98px) { .site-wrapper[data-page="articles"] { background: white; } .site-wrapper[data-page="articles"] .page-header { margin-top: 0; } .site-wrapper[data-page="articles"] .comments { border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin-bottom: -20px; padding-bottom: 20px; } .site-wrapper[data-page="articles"] .comments-item { border-top: 1px solid #f2f2f2; margin-left: -20px; margin-right: -20px; padding-left: 20px; padding-right: 20px; } .site-wrapper[data-page="articles"] .comments-item:first-child { border-top: 0; } .site-wrapper[data-page="articles"] .message-form { border-top: 1px solid #f2f2f2; margin: 0 -20px; padding: 20px 5px 0; } .site-wrapper[data-page="articles"] .footer { border-top: 1px solid #f2f2f2; } } .article-details > .container { position: relative; } .article-details-wrap{ position: relative; } @media (max-width: 1023.98px) { .article-details > .container { padding: 0; } } @media (min-width: 1440px) { .article-details-wrap{ display: flex; } } .article-details .article-header { height: 210px; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 25px; } @media (min-width: 660px) { .article-details .article-header { height: 240px; } } @media (min-width: 1024px) { .article-details .article-header { height: 380px; -ms-flex-pack: start; justify-content: flex-start; padding-top: 80px; margin-bottom: -150px; } } @media (min-width: 1440px) { .article-details .article-header { margin-bottom: -130px; } } .article-details .breadcrumbs-header { background: none; padding: 0; } .article-details .breadcrumbs-header > .container { padding: 0; } .article-details .breadcrumbs-item { color: #ededed; } .article-details .breadcrumbs-item a { color: #ededed; } .article-details .breadcrumbs-item a:visited { color: #ededed; } .article-details .breadcrumbs-item a:hover, .article-details .breadcrumbs-item a:active { color: #ededed; } .article-details .page-print { display: none; } .article-details h1 { font-size: 20px; color: white; margin-top: 20px; text-align: center; } @media (min-width: 660px) { .article-details h1 { font-size: 36px; } } @media (min-width: 1024px) { .article-details .article-main { -ms-flex: 1; flex: 1; } } .article-details .article-main .page-content { margin: 0; padding-top: 15px; } .article-details .article-main p { margin: 1.4em 0; font-size: 14px; } .article-details .article-imageset { margin: 30px; } @media (min-width: 660px) { .article-details .article-imageset { display: -ms-flexbox; display: flex; margin-bottom: 30px; } } .article-details .article-image { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .article-details .article-image + .article-image { margin-top: 20px; } @media (min-width: 660px) { .article-details .article-image + .article-image { margin-top: 0; margin-left: 20px; } } .article-details .article-image[data-width="33"] { -ms-flex: 33.333%; flex: 33.333%; } .article-details .article-image[data-width="50"] { -ms-flex: 50%; flex: 50%; } .article-details .article-image[data-width="66"] { -ms-flex: 66.666%; flex: 66.666%; } .article-details .article-image[data-width="100"] { -ms-flex: 100%; flex: 100%; } .article-details .article-image img { width: 100%; display: block; visibility: hidden; } @media (min-width: 660px) { .article-details .article-image img { width: auto; max-width: 100%; } } .article-details .article-image-center { margin-bottom: 20px; } @media (min-width: 660px) { .article-details .article-image-center { margin-bottom: 30px; } } .article-details .article-image-center img { max-width: 100%; display: block; margin: 0 auto; } .article-details .article-footer { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: 60px; } .article-details .article-footer-nav { margin-top: 48px; } .article-details .article-date { -ms-flex: none; flex: none; } .article-details .article-views { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: none; flex: none; margin-left: 40px; margin-right: 40px; } .article-details .article-views .icon { width: 24px; height: 13px; display: block; fill: #bdbdbd; margin-top: -2px; margin-right: 15px; } .article-details .article-social { -ms-flex: 0 0 100%; flex: 0 0 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: 20px; } @media (min-width: 660px) { .article-details .article-social { -ms-flex: 1; flex: 1; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; } } /*.article-details .article-social span { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 5px; } @media (min-width: 660px) { .article-details .article-social span { -ms-flex: none; flex: none; margin-right: 25px; margin-bottom: 0; } }*/ .article-details .social-item { margin-right: 8px; } @media (min-width: 660px) { .article-details .social-item { margin-left: 8px; margin-right: 0; } } .article-details .social-icon { width: 32px; height: 32px; display: block; } .article-details .article-nav { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .article-details .article-nav[data-direction="left"] .icon { transform: rotate(180deg); margin-right: 15px; } .article-details .article-nav[data-direction="right"] { -ms-flex-pack: end; justify-content: flex-end; text-align: right; } .article-details .article-nav[data-direction="right"] .icon { margin-left: 15px; } .article-details .article-nav .icon { width: 9px; height: 15px; display: block; fill: #828282; margin-top: -2px; } .article-details .article-nav a { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; color: #828282; text-decoration: none; } .article-details .article-nav a:visited { color: #828282; } .article-details .article-nav a:hover, .article-details .article-nav a:active { color: #013874; text-decoration: none; } .article-details .article-nav a:hover .icon, .article-details .article-nav a:active .icon { fill: #013874; } @media (max-width: 1439.98px) { .article-details .article-side { margin-top: 20px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .article-details .article-side { padding: 0 10px; } } @media (min-width: 1440px) { .article-details .article-side { -ms-flex: none; flex: none; width: 320px; margin-left: 20px; } } .article-details .product-items { display: block; } .article-details .product-items::after { display: block; clear: both; content: ""; } @media (max-width: 659.98px) { .article-details .product-items { border-top: 1px solid #f2f2f2; } } @media (min-width: 660px) and (max-width: 1023.98px) { .article-details .product-items { margin: 0 -5px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .article-details .product-items { margin: 0 -8px; } } .article-details .product-item { border: 0; background: none; } @media (max-width: 659.98px) { .article-details .product-item { width: 100%; float: none; padding: 0 10px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .article-details .product-item { width: 50%; padding: 0 5px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .article-details .product-item { width: 33.333%; padding: 0 8px; } } @media (min-width: 1440px) { .article-details .product-item { width: 100%; float: none; background: white; } } @media (max-width: 1023.98px) { .article-details .product-item:nth-child(3) { display: none; } } @media (max-width: 659.98px) { .article-details .product-item + .product-item { margin-top: 10px; } } @media (min-width: 1440px) { .article-details .product-item + .product-item { margin-top: 15px; } } @media (max-width: 1439.98px) { .article-details .product { background: white; padding: 20px; } .article-details .product .product-header { top: 20px; right: 20px; left: 20px; } } .article-details .sale-info { background: white; padding: 0 40px; } @media (min-width: 660px) { .article-details .sale-info { display: -ms-flexbox; display: flex; padding: 0; } } @media (min-width: 1024px) { .article-details .sale-info { display: block; padding: 0 20px; } } @media (min-width: 1440px) { .article-details .sale-info { padding: 0 25px; } } .article-details .sale-info-section { padding: 30px 0; } @media (min-width: 660px) { .article-details .sale-info-section { -ms-flex: none; flex: none; padding: 30px 20px; } } @media (min-width: 1024px) { .article-details .sale-info-section { padding: 30px 0; } } @media (min-width: 1440px) { .article-details .sale-info-section { padding: 30px 0; } } .article-details .sale-info-section + .sale-info-section { border-top: 1px solid #f2f2f2; } @media (min-width: 660px) { .article-details .sale-info-section + .sale-info-section { -ms-flex: 1; flex: 1; } } .article-details .detail-action-logo img { display: block; margin-bottom: 20px; } @media (min-width: 740px) { .article-details .detail-action-logo { display: inline-block; margin-right: 40px; } } @media (max-width: 739px) { .article-details .detail-action-logo { margin: 0 auto; text-align: center; margin-right: 0; } .article-details .detail-action-logo img { margin: 0 auto; } } .article-details .action-h2 { font-weight: bold; margin: 0 0 20px 0; } .article-details .sale-info-title { font-weight: 500; font-size: 18px; margin-bottom: 20px; } @media (min-width: 660px) { .article-details .sale-info-title { font-size: 14px; } } @media (min-width: 1440px) { .article-details .sale-info-title { font-size: 18px; } } .article-details .sale-info-text { margin-top: 10px; font-size: 14px; } .article-details .timer-title { font-size: 18px; margin-bottom: 20px; } @media (min-width: 660px) { .article-details .timer-title { font-size: 14px; } } @media (min-width: 1440px) { .article-details .timer-title { font-size: 18px; } } .article-details .timer-col span { color: #013874; } /** * Article select stars rating */ .article-details .rating-score { margin-left: 30px; } .article-details .rating-score::after { content: '/'; padding: 0 5px; } .article-details .rating-text { margin-left: 0; } .article-details .rating.select-rating .rating-star-button { cursor: pointer; } .article-details .rating.select-rating .rating-star-button svg { pointer-events: none; } .article-details .rating.select-rating .rating-star-button.is-active:not(:hover) .icon-star, .article-details .rating.select-rating .rating-star-button.is-active:hover ~ .rating-star-button.is-active .icon-star-active { opacity: 0; } .article-details .rating.select-rating .rating-star-button.is-active:not(:hover) .icon-star { opacity: 1; } /** * Article sale deals **/ @media (max-width: 659.98px) { .site-wrapper[data-page="article-sale-deals"] { background: white; } .site-wrapper[data-page="article-sale-deals"] .page-header { margin-top: 0; } } .site-wrapper[data-page="article-sale-deals"] .article-details > .container { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1024px) { .site-wrapper[data-page="article-sale-deals"] .article-details > .container { -ms-flex-wrap: nowrap; flex-wrap: nowrap; } } .site-wrapper[data-page="article-sale-deals"] .article-main { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-order: 1; order: 1; } @media (max-width: 659.98px) { .site-wrapper[data-page="article-sale-deals"] .article-main { border-top: 1px solid #f2f2f2; } } @media (min-width: 660px) { .site-wrapper[data-page="article-sale-deals"] .article-main { margin-top: 20px; } } @media (min-width: 1024px) { .site-wrapper[data-page="article-sale-deals"] .article-main { -ms-flex: 1; flex: 1; -ms-flex-order: 0; order: 0; margin-top: 0; } } .site-wrapper[data-page="article-sale-deals"] .article-side { -ms-flex: 0 0 100%; flex: 0 0 100%; -ms-flex-order: 0; order: 0; } @media (min-width: 660px) { .site-wrapper[data-page="article-sale-deals"] .article-side { margin-top: 20px; } } @media (min-width: 1024px) { .site-wrapper[data-page="article-sale-deals"] .article-side { -ms-flex: none; flex: none; -ms-flex-order: 1; order: 1; width: 230px; margin-top: 0; margin-left: 15px; } } @media (min-width: 1440px) { .site-wrapper[data-page="article-sale-deals"] .article-side { width: 320px; } } .site-wrapper[data-page="article-sale-deals"] .footer { border-top: 0; } /** * Article about **/ @media (min-width: 1440px) { .site-wrapper[data-page="article-about"] .article-side { width: 210px; position: relative; } } .comments { margin-top: 20px; } @media (max-width: 659.98px) { .comments > .container { padding: 0; } } .comments-inner { background: white; padding: 30px 20px; } @media (min-width: 1024px) { .comments-inner { padding: 50px 40px; } } .comments-title { font-size: 28px; } @media (min-width: 1024px) { .comments-title { font-size: 36px; } } .comments-item { padding: 40px 0; } @media (min-width: 660px) { .comments-item { display: -ms-flexbox; display: flex; } } .comments-item + .comments-item { border-top: 1px solid #ededed; } @media (min-width: 660px) { .comments-item-header { -ms-flex: 0 0 200px; flex: 0 0 200px; margin-right: 30px; } } .comments-item-author { font-weight: 500; font-size: 14px; } .comments-item-location { margin-top: 10px; } .comments-item-date { color: #bdbdbd; margin-top: 10px; } .comments-item-body { margin-top: 30px; } @media (min-width: 660px) { .comments-item-body { -ms-flex: 1; flex: 1; margin-top: 0; } } /** * Message form **/ .message-form { margin: 0 -15px; } .message-form.is-sent .message-form-subtitle { font-size: 18px; margin-top: 15px; } .message-form-title { font-size: 24px; padding: 0 15px; } .message-form-subtitle { padding: 0 15px; } .message-form-textarea { padding: 0 15px; margin-top: 40px; } .message-form-textarea textarea { width: 100%; height: 54px; min-height: 54px; min-width: 100%; max-width: 100%; color: #828282; display: block; background: white; border: 1px solid #ededed; border-radius: 30px; padding: 18px 30px; transition: border-color 500ms; } /*.scroll-textarea > .scroll-content > textarea.is-invalid { border: 1px solid #eb5757 !important; }*/ .message-form-textarea .scroll-textarea.is-invalid, .message-form-textarea textarea.is-invalid { border-color: #eb5757; } @media (min-width: 660px) { .message-form-row { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .message-form-input { margin-top: 15px; padding: 0 15px; } @media (min-width: 660px) { .message-form-input { -ms-flex: 1; flex: 1; margin-top: 25px; } } .message-form-input input { width: 100%; height: 54px; line-height: 54px; color: #828282; display: block; background: white; border: 1px solid #ededed; border-radius: 30px; padding: 0 30px; transition: border-color 500ms; } .message-form-input input.is-invalid { border-color: #eb5757; } .message-form-submit { margin-top: 15px; padding: 0 15px; } @media (min-width: 660px) { .message-form-submit { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 25px; } } @media (min-width: 1024px) { .message-form-submit { -ms-flex: none; flex: none; } } @media (min-width: 1024px) { .message-form-submit .btn { width: 180px; margin-left: 0; } } @media (min-width: 1440px) { .message-form-submit .btn { width: 220px; } } /** * Message form standalone **/ .question-form { margin-bottom: 60px; } @media (max-width: 1023.98px) { .question-form { margin-bottom: 30px; } } .question-form .message-form { padding-top: 30px; } @media (min-width: 1024px) { .question-form .message-form { padding-top: 60px; } } .question-form .message-form-subtitle { margin-top: 10px; font-size: 14px; } @media (min-width: 1024px) { .question-form .message-form-subtitle { margin-top: 15px; } } .question-form .message-form-textarea { margin-top: 20px; } @media (min-width: 1024px) { .question-form .message-form-textarea { margin-top: 30px; } } .certificates { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1440px) { .certificates { position: absolute; top: 0; left: 0; width: 100%; max-height: 100%; height: 100%; } } .certificates-title { -ms-flex: none; flex: none; height: 40px; background: white; font-size: 18px; font-weight: 500; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 0 10px; cursor: pointer; } @media (max-width: 1439.98px) { .certificates-title { background: none; display: none; font-size: 24px; font-weight: normal; } .certificates-title:first-child { display: block; } } @media (max-width: 659.98px) { .certificates-title { font-size: 18px; } } .certificates-title .icon { width: 25px; height: 25px; display: block; margin-left: 20px; transform: rotate(90deg); fill: #bdbdbd; } @media (max-width: 1439.98px) { .certificates-title .icon { display: none; } } .certificates-title:first-child .icon { transform: rotate(-90deg); } .certificates-title.is-disabled { cursor: default; } .certificates-title.is-disabled .icon { display: none; } .certificates-list { -ms-flex: 1; flex: 1; overflow: hidden; } @media (max-width: 1439.98px) { .certificates-list { display: none; } } .certificates-list .certificates-item { padding: 8px 0; } .certificates-list .certificates-item img { width: 100%; } .certificates-slide { transition: transform 500ms; } .certificates-grid { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; } @media (max-width: 659.98px) { .certificates-grid { margin: 0 -5px; } } @media (min-width: 1440px) { .certificates-grid { display: none; } } .certificates-grid .certificates-item { padding: 0 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 659.98px) { .certificates-grid .certificates-item { padding: 0 5px; margin-top: 10px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .certificates-grid .certificates-item { margin-top: 20px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .certificates-grid .certificates-item { margin-top: 30px; } } @media (max-width: 659.98px) { .certificates-grid .certificates-item[data-width="normal"] { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; -ms-flex-order: -1; order: -1; } } @media (min-width: 660px) and (max-width: 1023.98px) { .certificates-grid .certificates-item[data-width="normal"] { -ms-flex: 0 0 25%; flex: 0 0 25%; max-width: 25%; -ms-flex-order: -1; order: -1; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .certificates-grid .certificates-item[data-width="normal"] { -ms-flex: 0 0 20%; flex: 0 0 20%; max-width: 20%; } } @media (max-width: 659.98px) { .certificates-grid .certificates-item[data-width="double"] { -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; } } @media (min-width: 660px) and (max-width: 1023.98px) { .certificates-grid .certificates-item[data-width="double"] { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .certificates-grid .certificates-item[data-width="double"] { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } } .certificates-grid .certificates-item img { -ms-flex: none; flex: none; } .ideas-thumbs { margin-top: 60px; } .ideas-thumbs-title { font-size: 24px; } .ideas-thumbs-items { margin-top: 30px; } @media (min-width: 660px) { .ideas-thumbs-items { display: -ms-flexbox; display: flex; margin-left: -5px; margin-right: -5px; } } @media (min-width: 1024px) { .ideas-thumbs-items { margin-left: -8px; margin-right: -8px; } } @media (min-width: 1024px) { .ideas-thumbs-items { margin-left: -15px; margin-right: -15px; } } .ideas-thumbs-item { margin-top: 10px; } @media (min-width: 660px) { .ideas-thumbs-item { -ms-flex: 1; flex: 1; margin-top: 0; padding: 0 5px; } } @media (min-width: 1024px) { .ideas-thumbs-item { padding: 0 8px; } } @media (min-width: 1024px) { .ideas-thumbs-item { padding: 0 15px; } } @media (max-width: 1023.98px) { .ideas-thumbs-item:nth-child(3) { display: none; } } @media (max-width: 1439.98px) { .ideas-thumbs-item:nth-child(4) { display: none; } } .ideas-thumbs-item img { display: block; max-width: 100%; transition: transform 500ms; width: 100%; margin: 0 auto; } @media (min-width: 660px) { .ideas-thumbs-item img { width: auto; } } .ideas-thumbs-item img:hover { transform: scale(1.1); } .ideas-thumbs-item img:hover { box-shadow: 0px 0px 8px #ccc; } .features-service { margin-top: 20px; } @media (max-width: 659.98px) { .features-service > .container { padding: 0; } } .features-service .feature-items { background: white; padding-top: 35px; } @media (min-width: 660px) { .features-service .feature-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 35px; padding-left: 35px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .features-service .feature-items { padding-top: 50px; padding-left: 70px; } } @media (min-width: 1440px) { .features-service .feature-items { padding-top: 0; padding-left: 50px; } } .features-service .feature-item { padding: 0 35px 35px; } @media (min-width: 660px) { .features-service .feature-item { -ms-flex: 50%; flex: 50%; padding: 0 35px 35px 0; } } @media (min-width: 1024px) { .features-service .feature-item { padding: 0 70px 50px 0; } } @media (min-width: 1440px) { .features-service .feature-item { -ms-flex: 1; flex: 1; padding: 50px 50px 50px 0; } } .features-service .feature-item[data-type="1"] .icon { width: 49px; height: 56px; display: block; } .features-service .feature-item[data-type="2"] .icon { width: 52px; height: 50px; display: block; } .features-service .feature-item[data-type="3"] .icon { width: 51px; height: 51px; display: block; } .features-service .feature-item[data-type="4"] .icon { width: 52px; height: 52px; display: block; } .features-service .feature-item .icon { fill: #013874; } .features-service .feature-icon { height: 70px; } @media (min-width: 1024px) and (max-width: 1439.98px) { .features-service .feature-icon { width: 100px; height: 100%; float: left; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .features-service .feature-title { font-size: 14px; font-weight: 700; text-transform: uppercase; } .features-service .feature-text { font-weight: 500; color: #828282; margin-top: 10px; } /** * Related **/ .related .article-item { margin-top: 0; } @media (max-width: 659.98px) { .related .article-item + .article-item { margin-top: 20px; } } @media (max-width: 1023.98px) { .related .article-item:nth-child(3) { display: none; } } .related .article { border: 0; } /** * Timer **/ .timer { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; } .timer-title { font-weight: 500; margin-bottom: 5px; } .timer-cols { display: -ms-flexbox; display: flex; } .timer-col { -ms-flex: none; flex: none; width: 60px; font-size: 10px; line-height: 10px; text-align: center; margin-left: -10px; } .timer-col + .timer-col { margin-left: 0; } .timer-col span { display: block; font-size: 36px; line-height: 32px; margin-bottom: 3px; letter-spacing: 0.04em; } .timer-dots { width: 10px; font-size: 36px; line-height: 30px; } /** * Spoiler **/ .spoiler { padding: 20px 0; border-top: 1px solid #ededed; } .catalog .spoiler { margin-bottom: 10px; padding: 22px 20px; background-color: #fff; box-shadow: 0px 0px 10px rgb(159 162 191 / 60%); border-radius: 5px; border-top: 0; } .spoiler.is-first { border-top: 0; margin-top: 0; } .spoiler > .spoiler-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 20px; cursor: pointer; } .spoiler-header__icon img { margin-right: 12px; width: 48px; height: 38px; } .spoiler-header__icon{ display: flex; align-items: center; } .spoiler > .spoiler-header > .icon { width: 25px; height: 25px; margin-left: 20px; transform: rotate( 90deg); transition-property: transform, fill; transition-duration: 500ms; fill: #bdbdbd; } .spoiler > .spoiler-header.is-active > .icon { transform: rotate(-90deg); } .catalog .spoiler > .spoiler-header > .icon { width: unset; height: unset; fill: transparent; margin-left: 20px; transition-property: transform, fill; transition-duration: 500ms; transform: rotate(0); } .catalog .spoiler > .spoiler-header.is-active > .icon { transform: rotate(-180deg); } .spoiler > .spoiler-header.is-active > .icon[data-type="2"] { transform: rotate(0); } .spoiler > .spoiler-header > .icon[data-type="2"] { width: 15px; height: 12px; margin-right: 5px; transform: rotate(180deg); } .spoiler > .spoiler-body { display: none; padding: 30px 0; } .spoiler > .spoiler-body:before, .spoiler > .spoiler-body:after { content: ' '; display: table; } .spoiler > .spoiler-body:after { clear: both; } .spoiler > .spoiler-body.is-active { display: block; } /** * Spoiler simple **/ .spoiler-simple { padding: 20px 0; } .spoiler-expander.is-hidden { display: none; } .spoiler-reducer.is-hidden { display: none; } .spoiler-entry { margin-top: 20px; } .spoiler-entry.is-hidden { display: none; } /** * Feedback **/ .feedback { background: #013874; margin-top: 20px; } @media (max-width: 659.98px) { .feedback > .container { padding: 0; } } .feedback .processing-permission { display: -ms-inline-flexbox; display: inline-flex; } .feedback-content { padding: 50px; } @media (min-width: 1440px) { .feedback-content { display: -ms-flexbox; display: flex; } } .feedback-header { text-align: center; } @media (min-width: 1440px) { .feedback-header { width: 400px; -ms-flex: none; flex: none; padding-right: 50px; text-align: left; } } @media (min-width: 1440px) { .feedback-header.is-alone { width: 100%; } } .feedback-title { font-size: 24px; color: white; } .feedback-text { font-size: 14px; color: white; margin-top: 15px; } @media (max-width: 1439.98px) { .feedback-body { margin-top: 30px; } } @media (min-width: 1440px) { .feedback-body { -ms-flex: 1; flex: 1; } } @media (min-width: 1024px) { .feedback-row { display: -ms-flexbox; display: flex; margin: 0 -8px; } } .feedback-row + .feedback-row { margin-top: 20px; } @media (min-width: 1024px) { .feedback-row + .feedback-row { margin-top: 30px; } } @media (max-width: 1023.98px) { .feedback-item { margin-top: 0px; } } @media (min-width: 1024px) { .feedback-item { -ms-flex: 33.333%; flex: 33.333%; max-width: 33.333%; padding: 0 8px; } .feedback-item[data-width="66"] { -ms-flex: 66.666%; flex: 66.666%; max-width: 66.666%; } } .feedback-item textarea, .feedback-item input { width: 100%; height: 54px; display: block; line-height: 54px; color: #828282; background: white; border-radius: 30px; border: 2px solid transparent; margin: 0; padding: 0 30px; transition: border-color 500ms; } .feedback-item textarea.is-invalid, .feedback-item input.is-invalid { border-color: #eb5757; } .feedback-item textarea { min-height: 104px; min-width: 100%; max-width: 100%; line-height: normal; padding-top: 15px; padding-bottom: 15px; } @media (min-width: 660px) { .feedback-item textarea { min-height: 54px; } } .feedback-item .btn { color: white; } .feedback-item .btn:visited { color: white; } .feedback-item .btn:hover, .feedback-item .btn:active { color: #013874; background: white; border-color: white; } @media (min-width: 1024px) and (max-width: 1439.98px) { .feedback-02 .feedback-content { display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; } .feedback-02 .feedback-header { width: 305px; -ms-flex: none; flex: none; padding-right: 50px; text-align: left; } .feedback-02 .feedback-body { margin-top: 0; -ms-flex: 1; flex: 1; } } @media (min-width: 660px) and (max-width: 1023.98px) { .feedback-02 .feedback-content { padding-left: 0; padding-right: 0; } .feedback-02 .feedback-header { padding: 0 70px; } .feedback-02 .feedback-row { display: -ms-flexbox; display: flex; margin: 0 -8px; } .feedback-02 .feedback-row + .feedback-row { margin-top: 30px; } .feedback-02 .feedback-item { margin-top: 0; -ms-flex: 33.333%; flex: 33.333%; max-width: 33.333%; padding: 0 8px; } .feedback-02 .feedback-item[data-width="66"] { -ms-flex: 66.666%; flex: 66.666%; max-width: 66.666%; } } @media (max-width: 659.98px) { .feedback-02 .feedback-content { padding-left: 20px; padding-right: 20px; } } /** * Show more **/ .show-more { background: white; border: 1px solid #f2f2f2; line-height: 15px; font-size: 14px; text-align: center; color: #4f4f4f; padding: 25px 20px 20px; margin-top: 20px; cursor: pointer; } /** * Pagination **/ .pagination { display: -ms-flexbox; display: flex; margin-top: 20px; } .pagination-item { background: white; border: 1px solid #f2f2f2; line-height: 18px; font-size: 14px; color: #4f4f4f; cursor: pointer; padding: 14px 20px 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .pagination-nav.right { margin-left: 20px; } .pagination-nav.left { margin-right: 20px; } @media (max-width: 765.98px) { /*.pagination-nav { margin-left: auto; }*/ .pagination-nav.right { margin-left: auto; } .pagination-nav.left { margin-right: 0; } } .pagination-nav .icon { width: 8px; height: 7px; display: block; fill: #828282; margin-left: 10px; transform: rotate(90deg); margin-top: -2px; } .pagination-nav.left .icon { transform: rotate(270deg); margin-left: 0; margin-right: 10px; } .pagination-item a { display: flex; } .pagination-nav a .icon { margin-top: 4px; } .pagination a { text-decoration: none; color: #333; } .pagination a:hover, span.pagination-item { color: #4fa9e8; } .bx-pagination.feedback-pagination{ margin-top: 30px; } .bx-pagination.feedback-pagination .feedback-pagination-list{ display: flex; justify-content: center; } .bx-pagination.feedback-pagination .feedback-pagination-list li{ margin: 0; padding: 0; } .bx-pagination.feedback-pagination .feedback-pagination-list li span{ background: #FFFFFF; border: 1px solid #F2F2F2; padding: 12px 20px; height: 43px; border-radius: 3px 0px 0px 3px; text-decoration: none; font-weight: 400; font-size: 14px; line-height: 18px; letter-spacing: 0.02em; color: #333333; } .bx-pag-wrap small{ font-size: inherit; } .bx-pagination.feedback-pagination .feedback-pagination-list li.bx-active span{ color: #4FA9EF; background: #FFFFFF; } .feedback-pagination-list li::before{ content: none; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-prev span, .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-next span { background: #FFFFFF; border: 1px solid #F2F2F2; padding: 6px 20px; height: 43px; border-radius: 3px 0px 0px 3px; text-decoration: none; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-prev span svg{ margin-right: 10px; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-next span svg{ margin-left: 10px; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-prev span { margin-right: 30px; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-next span { margin-left: 30px; } .bx-pagination.feedback-pagination .bx-pagination-container ul li a{ display: inline-block; } /** * Alphabet index **/ .alphabet-index { margin: 0 -10px; } .alphabet-index:before, .alphabet-index:after { content: ' '; display: table; } .alphabet-index:after { clear: both; } @media (min-width: 1440px) { .alphabet-index { margin: 0 -25px; } } .alphabet-index + .downloads-index { margin-top: 20px; } .alphabet-item { font-size: 20px; float: left; margin-top: 5px; padding: 5px 0; display: block; width: 40px; text-align: center; } @media (min-width: 1440px) { .alphabet-item { width: 64px; } } @media (max-width: 1439.98px) { .alphabet-item[data-type="all"] { width: 80px; text-align: left; padding-left: 12px; } } /** * Shopping categories **/ .shopping-categories .btn { margin-bottom: 40px; } @media (min-width: 660px) { .shopping-categories .btn { width: 240px; margin: 0 auto 40px; } } .shopping-categories ul { list-style: none; margin: 0; } @media (min-width: 660px) { .shopping-categories ul { columns: 2; } } @media (min-width: 1440px) { .shopping-categories ul { columns: 3; } } .shopping-categories li { padding-left: 0; } @media (max-width: 1023.98px) { .shopping-categories li { padding-right: 20px; } } @media (min-width: 1024px) { .shopping-categories li { padding-right: 0; padding-left: 50px; } } .shopping-categories li:before { display: none; } .shopping-categories li a { color: #333333; } .shopping-categories li a:visited { color: #333333; } .shopping-categories li a:hover, .shopping-categories li a:active { color: #013874; } .collection-list { display: flex; flex-wrap: wrap; align-items: center; border-top: 1px solid #ededed; background-color: #fff; padding: 10px 10px; } .collection-list__link:visited { color: #828282; } .collection-list__link.active { color: #4fa9e8; } .collection-list__link.checked { color: #fff; background-color: #013874; } .collection-list .btn-show-more, .collection-list__link { display: inline-block; background: #fff; border: 1px solid #BDBDBD; border-radius: 30px; padding: 9px; font-weight: normal; text-align: center; cursor: pointer; color: #828282; text-decoration: none; font-size: 14px; line-height: 1; margin: 5px; } .collection-list .btn-show-more:hover { color: #4fa9e8; } /** * Collections **/ .collections { margin: 20px 0; } @media (min-width: 660px) { .collections { margin: 40px 0; } } .collections-header, .collections .owl-nav { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .collections .owl-nav { position: absolute; top: -40px; right: -10px; } .collections-header .icon, .collections .owl-nav .icon { -ms-flex: none; flex: none; width: 30px; height: 30px; display: block; fill: #bdbdbd; cursor: pointer; transition: fill 500ms; } .collections-header .icon[data-direction="left"], .collections .owl-nav .icon[data-direction="left"] { transform: rotate(180deg); } .collections-header .icon[data-direction="right"], .collections .owl-nav .icon[data-direction="right"] { margin-left: 15px; } .collections-header .icon:hover, .collections .owl-nav .icon:hover { fill: #828282; } .collections-title { -ms-flex: 1; flex: 1; font-size: 24px; } .collections-body { margin-top: 20px; } .collections-items { display: flex; margin: 0 -10px; flex-wrap: wrap; align-items: center; } .collections-item { background: #F2F2F2; border: 1px solid #BDBDBD; border-radius: 30px; padding: 16px 25px; font-weight: normal; text-align: center; margin: 0 10px 25px 10px; cursor: pointer; } .collections-item:hover{ border-color: #013874; cursor: pointer; } .collections-item:hover .color-dark-blue{ color: #013874; } .collections-item .color-dark-blue{ color: #828282; text-decoration: none; font-size: 16px; line-height: 1; } .collections-item-more-link a{ color: #828282; text-decoration: none; } .collections-item-more-link:hover a{ color: #013874; } /** * Collections - catalog side **/ .catalog-side .collections { background: white; margin: 0; margin-top: 25px; padding-top: 10px; } .catalog-side .collections .collections-header { padding: 20px; border-bottom: 1px solid #ededed; } .collections-items li { margin-top: 5px; } .collections-items li:first-child { margin-top: 0; } .collections-list { margin-bottom: 15px; } .collections-list-title { font-weight: 500; font-size: 14px; line-height: 20px; padding-bottom: 20px; color: #4F4F4F; } .collections-wrapp { padding: 0px 20px; padding-bottom: 10px; } .collections-wrapp .collections-items { padding: 0px 10px; } .collections-wrapp .collections-items ul { width: 100%; } .collections-more { max-width: 200px; width: 100%; margin-top: -10px; margin-bottom: 10px; } .collections-more a.btn { height: 37px; } .collections-item-hide { display: none; } .collections-item-hide.is-active { display: block; } .collections-wrapp .collections-items li a { font-weight: 400; font-size: 14px; line-height: 20px; color: #757575; text-decoration: none; } .collections-wrapp .collections-items li a:hover { color: #4fa9e8; } .catalog-side .collections-title { font-size: 18px; font-weight: 500; } .catalog-side .collections-items { margin-left: -10px; } .catalog-side .collections-item { margin-left: 10px; } /** * Collections - catalog main **/ .catalog-main .collections { background: white; border-top: 1px solid #ededed; padding: 20px 30px; margin: 0; } .catalog-main-cat{ width: 100%; } @media (max-width: 659.98px) { .catalog-main .collections-title { font-size: 18px; } .bx-pag-wrap small { display: none; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-prev span svg{ margin-right: 0; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-next span svg{ margin-left: 0; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-next span{ margin-left: 0; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-prev span{ margin-right: 0; } } .catalog-main .collections-items { margin-left: -10px; } .catalog-main .collections-item { margin-left: 10px; } /** * Call request form **/ .call-request { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; margin-top: 20px; position: relative; } @media (min-width: 1024px) { .call-request { margin-top: 40px; } } .call-request > .container { position: relative; } .call-request-inner { padding: 40px 20px; } @media (min-width: 660px) { .call-request-inner { padding: 40px 50px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .call-request-inner { padding: 35px 50px 15px; } } @media (min-width: 1440px) { .call-request-inner { padding: 35px 0; display: -ms-flexbox; display: flex; } } .call-request-header { color: white; text-align: center; } @media (min-width: 1440px) { .call-request-header { -ms-flex: 1; flex: 1; padding-right: 20px; text-align: left; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .call-request-header .call-request-permission { display: none; } } .call-request-title { font-weight: 500; font-size: 24px; } .call-request-text { margin-top: 10px; } .call-request-body { margin: 0 -15px; margin-top: -20px; padding-top: 30px; } @media (min-width: 1024px) { .call-request-body { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 30px; padding-top: 0; } } @media (min-width: 1440px) { .call-request-body { margin-top: 0; -ms-flex: 0 0 60%; flex: 0 0 60%; } } @media (min-width: 1440px) { .call-request-body .call-request-permission { display: none; } } @media (max-width: 1023.98px) { .call-request-body .call-request-permission { display: none; } .collection-list { overflow-x: auto; display: block; white-space: nowrap; } .collection-list__link { min-width: max-content; } .collection-list .btn-show-more { display: none; } .collection-list__link.hide { display: inline-block !important; } } .call-request-input { padding: 0 15px; } .phone-input-wrapper { width: 100%; } @media (min-width: 1024px) { .call-request-input { -ms-flex: 0 1 35%; flex: 0 1 35%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } @media (max-width: 1024px) { .call-request-input { margin-top: 20px; } } @media (min-width: 1440px) { .call-request-input { -ms-flex: 0 1 35%; flex: 0 1 35%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .call-request-input > div, .call-request-input > input { -ms-flex: none; flex: none; } } @media (max-width: 950px) { .cart-process-props{ display: block; flex-wrap: wrap; } .sale_order_props{ margin-right: 0; margin-bottom: 0; } .cart-process-summary{ max-width: 100%; margin-top: 0; padding-top: 0; } } @media (max-width: 880px) { #promocode-element-container #vector { flex-direction: column; height: auto; } #promocode-element-container #vector> a{ margin-right: 0; } #promocode-element-container #vector #b_text{ text-align: center; } #promocode-element-container #vector #button{ margin: 0 auto; } } .call-request-input input { width: 100%; height: 54px; line-height: 54px; background: rgba(255, 255, 255, 0.25); border: 2px solid transparent; border-radius: 30px; margin: 0; padding: 0 30px; color: white; transition: border-color 500ms; } .call-request-input input::-webkit-input-placeholder { color: white; } .call-request-input input:-ms-input-placeholder { color: white; } .call-request-input input::placeholder { color: white; } .call-request-input input.is-invalid { border-color: #eb5757; } .call-request-submit { padding: 0 15px; margin-top: 20px; } .call-request-submit input { width: 100%; } @media (min-width: 1024px) { .call-request-submit { -ms-flex: none; flex: none; margin-top: 0; } } @media (min-width: 1440px) { .call-request-submit { -ms-flex: 0 1 30%; flex: 0 1 30%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .call-request-submit > .btn { -ms-flex: none; flex: none; } } @media (min-width: 1024px) { .call-request-submit { -ms-flex: 0 1 30%; flex: 0 1 30%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .call-request-permission { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 10px; display: -ms-flexbox; display: flex; text-align: left; } @media (max-width: 1439.98px) { .call-request-permission { padding: 0 15px; margin-top: 15px; } .welcome-slider-item { background-size: 100% 100%; } } @media (min-width: 660px) and (max-width: 1023.98px) { .call-request-permission { -ms-flex-pack: center; justify-content: center; } } @media (max-width: 659.98px) { .call-request-permission { padding: 0; } } .call-request-checkbox { -ms-flex: none; flex: none; border: 1px solid #CFCFCF; border-radius: 3px; overflow: hidden; position: relative; width: 19px; height: 19px; margin-right: 12px; transition: border 500ms; } .call-request-checkbox.is-invalid { border: 2px solid #eb5757; } .call-request-checkbox-input { position: absolute; top: 0; left: -999px; } .call-request-checkbox-input:not(:checked) ~ .call-request-checkbox-check { opacity: 0; } .call-request-checkbox-check { width: 14px; height: 9px; position: absolute; top: 4px; left: 1px; transition: opacity 500ms; } .call-request-checkbox-label { -ms-flex: none; flex: none; line-height: 13px; font-size: 12px; color: white; padding-top: 5px; } @media (max-width: 659.98px) { .call-request-checkbox-label { -ms-flex: 1; flex: 1; } } .call-request-checkbox-label:visited { color: white; } .call-request-checkbox-label:hover { color: white; } .call-request[data-type="2"] .call-request-input input { background: white; color: #333333; } .call-request[data-type="2"] .call-request-input input::-webkit-input-placeholder { color: #828282; } .call-request[data-type="2"] .call-request-input input:-ms-input-placeholder { color: #828282; } .call-request[data-type="2"] .call-request-input input::placeholder { color: #828282; } .call-request[data-type="3"] .call-request-body { -ms-flex-pack: end; justify-content: flex-end; } /** * Section header **/ .section-header { font-size: 24px; line-height: 30px; letter-spacing: 0.02em; margin-top: 20px; padding-top: 20px; padding-bottom: 20px; display: -ms-flexbox; display: flex; } .section-header[data-background="white"] { background: white; padding-left: 20px; padding-right: 20px; } .section-header[data-background="white"] .icon { fill: #bdbdbd; } .section-header[data-background="white"] .icon:hover, .section-header[data-background="white"] .icon:active { fill: #828282; } @media (min-width: 1440px) { .section-header[data-size="large"] { font-size: 36px; line-height: 40px; } .section-header[data-size="large"] .icon { margin-top: 5px; } } .section-header .header-title { padding-right: 30px; } @media (max-width: 1023.98px) { .section-header .header-title { -ms-flex: 1; flex: 1; } } .section-header .icon { width: 30px; height: 30px; display: block; fill: #828282; transition: fill 500ms; -ms-flex: none; flex: none; } .section-header .icon:hover, .section-header .icon:active { fill: #333333; } .additional-title { display: flex; } .additional-block .header-title { margin-right: 30px; } .additional-block .icon { width: 30px; height: 30px; display: block; fill: #828282; transition: fill 500ms; -ms-flex: none; flex: none; } .additional-block .icon:hover, .section-header .icon:active { fill: #333333; } .section-header a { -ms-flex: none; flex: none; } /** * Cart empty **/ .cart-empty-title { font-size: 18px; letter-spacing: 0.02em; text-align: center; } @media (min-width: 660px) { .cart-empty-title { font-size: 32px; } } .cart-empty-text { letter-spacing: 0.02em; text-align: center; max-width: 680px; margin: 0 auto; margin-top: 20px; } @media (min-width: 660px) { .cart-empty-text { font-size: 18px; margin-top: 20px; } } .cart-empty-btn { margin-top: 20px; } @media (min-width: 660px) { .cart-empty-btn { margin-top: 20px; } } .cart-empty-btn .btn { max-width: 240px; height: 44px; margin: 0 auto; } /** * Location select **/ .location-select { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .location-select:hover .icon, .location-select.is-active .icon { fill: #013874; } .location-select .icon { display: block; fill: #bdbdbd; transition: fill 500ms; } .location-select .icon[data-type="1"] { width: 19px; height: 28px; } @media (max-width: 659.98px) { .location-select .icon[data-type="1"] { width: 14px; height: 20px; } } .location-select .icon[data-type="2"] { width: 8px; height: 7px; transform: rotate(180deg); margin-left: 8px; margin-top: -2px; } .location-select-text { font-size: 14px; font-weight: 500; letter-spacing: 0.02em; margin-left: 15px; } /** * Header simple **/ .header-simple { background: white; } .header-simple > .container { position: relative; } .header-simple .inner { height: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media (min-width: 660px) { .header-simple .inner { height: 80px; -ms-flex-pack: start; justify-content: flex-start; } } .header-simple .logo { -ms-flex: none; flex: none; } .header-simple .logo .icon { width: 146px; height: 34px; display: block; } @media (min-width: 660px) { .header-simple .logo .icon { width: 208px; height: 49px; } } .header-simple .location { -ms-flex: none; flex: none; } @media (min-width: 660px) { .header-simple .location { margin-left: 20px; margin-right: auto; } } @media (min-width: 1024px) { .header-simple .location { margin-left: 40px; } } @media print { .header-simple .location { display: none; } } .header-simple .phone { -ms-flex: none; flex: none; font-size: 14px; font-weight: 700; display: none; color: #013874; } @media (min-width: 660px) { .header-simple .phone { display: block; } } @media print { .header-simple .phone { display: none; } } .header-simple .phone a { color: #013874; text-decoration: none; } .header-simple .phone a:visited { color: #013874; } .header-simple .phone a:hover, .header-simple .phone a:active { color: #013874; text-decoration: underline; } .header-simple .info { -ms-flex: none; flex: none; margin-left: 15px; display: none; } @media (min-width: 660px) { .header-simple .info { display: block; } } @media print { .header-simple .info { display: none; } } .header-simple .info .icon { width: 13px; height: 13px; display: block; fill: #013874; margin-top: -4px; } /** * Footer simple **/ .footer-simple { background: white; } .footer-simple .inner { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; padding: 30px 0; } @media screen and (max-width: 659.98px) { .footer-simple .inner { display: block; padding: 30px 10px; } } @media screen and (min-width: 660px) and (max-width: 1023.98px) { .footer-simple .logo { -ms-flex: 40%; flex: 40%; } } @media screen and (min-width: 1024px) and (max-width: 1439.98px) { .footer-simple .logo { -ms-flex: 29%; flex: 29%; } } @media screen and (min-width: 1440px) { .footer-simple .logo { -ms-flex: 20%; flex: 20%; } } @media print { .footer-simple .logo { display: none; } } .footer-simple .logo .icon { width: 208px; height: 49px; display: block; max-width: 100%; } .footer-simple .copyright { color: #bdbdbd; } @media screen and (max-width: 659.98px) { .footer-simple .copyright { margin-top: 20px; } } @media screen and (min-width: 660px) and (max-width: 1023.98px) { .footer-simple .copyright { -ms-flex-order: 3; order: 3; -ms-flex: 40%; flex: 40%; line-height: 26px; margin-top: 20px; } } @media screen and (min-width: 1024px) and (max-width: 1439.98px) { .footer-simple .copyright { -ms-flex-order: 4; order: 4; -ms-flex: 100%; flex: 100%; line-height: 26px; margin-top: 20px; } .footer-simple .copyright br { display: none; } } @media screen and (min-width: 1440px) { .footer-simple .copyright { -ms-flex-order: 1; order: 1; -ms-flex: 26%; flex: 26%; height: 80px; border-left: 1px solid #ededed; padding-left: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 26px; } } @media print { .footer-simple .copyright { -ms-flex-order: 1; order: 1; -ms-flex: 26%; flex: 26%; height: 80px; border-left: 0; padding-left: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; line-height: 26px; color: black; } } .footer-simple .phone { font-size: 18px; font-weight: 700; -ms-flex-order: 2; order: 2; -ms-flex: 16%; flex: 16%; } @media screen and (max-width: 659.98px) { .footer-simple .phone { margin-top: 20px; } } @media screen and (min-width: 660px) and (max-width: 1023.98px) { .footer-simple .phone { -ms-flex-order: 1; order: 1; -ms-flex: 30%; flex: 30%; } } @media screen and (min-width: 1024px) and (max-width: 1439.98px) { .footer-simple .phone { -ms-flex-order: 1; order: 1; -ms-flex: 23%; flex: 23%; } } .footer-simple .phone + .phone { -ms-flex-order: 3; order: 3; } @media screen and (min-width: 660px) and (max-width: 1023.98px) { .footer-simple .phone + .phone { -ms-flex-order: 2; order: 2; } } @media screen and (min-width: 1024px) and (max-width: 1439.98px) { .footer-simple .phone + .phone { -ms-flex-order: 2; order: 2; } } .footer-simple .phone a { color: #333333; text-decoration: none; } .footer-simple .phone a:visited { color: #333333; } .footer-simple .phone a:hover, .footer-simple .phone a:active { color: #333333; text-decoration: underline; } .footer-simple .phone-title { font-size: 14px; font-weight: 400; color: #bdbdbd; margin-bottom: 5px; } @media print { .footer-simple .phone-title { color: black; } } .footer-simple .payment { -ms-flex-order: 4; order: 4; -ms-flex: 20%; flex: 20%; } @media screen and (max-width: 659.98px) { .footer-simple .payment { margin-top: 20px; } } @media screen and (min-width: 660px) and (max-width: 1023.98px) { .footer-simple .payment { -ms-flex-order: 4; order: 4; -ms-flex: 60%; flex: 60%; border-left: 1px solid #ededed; padding-left: 30px; margin-top: 20px; } } @media screen and (min-width: 1024px) and (max-width: 1439.98px) { .footer-simple .payment { -ms-flex-order: 3; order: 3; -ms-flex: 25%; flex: 25%; } } @media print { .footer-simple .payment { -ms-flex: none; flex: none; } } .footer-simple .payment-title { color: #bdbdbd; } @media print { .footer-simple .payment-title { color: black; } } .footer-simple .payment-items { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 5px; } .footer-simple .payment-items img { margin-right: 30px; } /** * Features order **/ .features-order { background: white; padding-top: 40px; margin-top: 20px; } @media (min-width: 660px) { .features-order { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1024px) { .features-order { padding-top: 0; } } .features-order .feature { -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 0 20px 40px; } @media (min-width: 660px) { .features-order .feature { -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (min-width: 1024px) { .features-order .feature { -ms-flex: 0 0 25%; flex: 0 0 25%; padding: 40px 20px; } } @media (min-width: 1440px) { .features-order .feature { padding: 40px; } } .features-order .feature-icon { height: 90px; } .features-order .icon { display: block; margin: 0 auto; fill: #013874; } .features-order .icon[data-type="1"] { width: 56px; height: 56px; } .features-order .icon[data-type="2"] { width: 61px; height: 61px; } .features-order .icon[data-type="3"] { width: 61px; height: 61px; } .features-order .icon[data-type="4"] { width: 61px; height: 61px; } .features-order .feature-text { text-align: center; } /** * Order summary **/ @media (min-width: 1024px) { .order-summary { display: -ms-flexbox; display: flex; margin: 0 -10px; } } .order-summary-col { margin-top: 20px; } @media (min-width: 1024px) { .order-summary-col { padding: 0 10px; } } @media (min-width: 1024px) { .order-summary-main { -ms-flex: 1; flex: 1; } } @media (min-width: 660px) { .order-summary-main .order-summary-body { margin-left: -20px; margin-right: -20px; } } @media (min-width: 1440px) { .order-summary-main .order-summary-body { margin-left: -40px; margin-right: -40px; } } .order-summary-content { background: white; padding: 20px 10px; height: 100%; } .order-summary-content__info{ display: flex; justify-content: center; align-items: center; flex-direction: column; } .summary-content__info{ font-size: 36px; line-height: 45px; color: #333333; margin-bottom: 25px; font-weight: 400; } .summary-content__info-count{ color: #013874; font-weight: bold; } /* summary-popup */ .popup-content.summary-popup{ padding: 15px 20px; } .summary-content__header{ font-size: 18px; margin: 5px 0 15px 0; } .summary-content-popup__header{ border-bottom:1px solid #F2F2F2; } .summary-content-body{ display: flex; flex-direction: column; } .summary-content-body p { margin-bottom: 0; margin-top: 5px; } .summary-content-body .summary-content__info-btn{ align-self: center; margin-top: 10px; } .summary-content__info-text{ font-weight: 400; font-size: 24px; margin-bottom: 10px; margin-top: 0; } .summary-content__info-btn{ max-width: 270px; width: 100%; margin-top: 35px; } .order-summary{ display: flex; flex-wrap: wrap; } .order-summary-main{ margin-right: 35px; flex: 1 0 54%; } .order-summary-side{ flex: 1 0 auto; } @media (min-width: 660px) { .order-summary-content { padding: 30px 20px; } } @media (min-width: 1440px) { .order-summary-content { padding: 30px 40px; } } .order-summary-header { font-size: 18px; } @media (min-width: 660px) { .order-summary-header { font-size: 24px; } } @media (min-width: 660px) { .order-summary-body { margin-top: 10px; } } .order-summary-body table { width: 100%; display: none; } @media (min-width: 660px) { .order-summary-body table { display: table; } } .order-summary-body th { color: #828282; border: 0; border-bottom: 1px solid #f2f2f2; font-weight: 400; text-align: left; padding: 0 20px 10px; } @media (min-width: 660px) { .order-summary-body th:nth-child(1) { padding-left: 20px; } } @media (min-width: 1440px) { .order-summary-body th:nth-child(1) { padding-left: 40px; } } .order-summary-body th:nth-child(3) { text-align: center; } .order-summary-body th:nth-child(4) { text-align: center; } @media (min-width: 660px) { .order-summary-body th:nth-child(4) { padding-right: 20px; } } @media (min-width: 1440px) { .order-summary-body th:nth-child(4) { padding-right: 40px; } } .order-summary-body td { border: 0; border-bottom: 1px solid #f2f2f2; padding: 20px; vertical-align: top; } @media (min-width: 660px) { .order-summary-body td:nth-child(1) { padding-left: 20px; } } @media (min-width: 1440px) { .order-summary-body td:nth-child(1) { padding-left: 40px; } } .order-summary-body td:nth-child(2) { white-space: nowrap; } .order-summary-body td:nth-child(3) { text-align: center; } .order-summary-body td:nth-child(4) { text-align: right; white-space: nowrap; } @media (min-width: 660px) { .order-summary-body td:nth-child(4) { padding-right: 20px; } } @media (min-width: 1440px) { .order-summary-body td:nth-child(4) { padding-right: 40px; } } .order-summary-footer { margin-top: 20px; } @media (min-width: 660px) { .order-summary-footer table { margin-left: auto; } } .order-summary-footer td { border: 0; padding: 10px 30px 10px 0; } @media (min-width: 660px) { .order-summary-footer td { padding: 10px 0 10px 30px; } } .order-summary-footer td:nth-child(2) { text-align: right; } .order-summary-side { flex: 1 0 auto; } .order-summary-footer td.total { font-size: 14px; font-weight: 500; } /** * Order summary card (mobile) **/ .summary-card { padding: 20px 0; border-bottom: 1px solid #f2f2f2; } @media (min-width: 660px) { .summary-card { display: none; } } .summary-card-header { color: #828282; margin-top: 5px; } .summary-card-header:first-child { margin-top: 0; } .summary-card-row { margin-top: 15px; display: -ms-flexbox; display: flex; } .summary-card-col { -ms-flex: 0 0 50%; flex: 0 0 50%; } .summary-card-col:first-child { color: #828282; } /** * Order summary side **/ @media (min-width: 1024px) { .order-summary-side { -ms-flex: none; flex: none; width: 320px; } } @media(max-width: 1100px){ .summary-content__info{ font-size: 24px; } .summary-content__info-text{ font-size: 18px; } .summary-content__info-btn{ max-width: 200px; height: 35px; } } .site-wrapper.site-wrapper-cart{ overflow-x: visible; } @media(max-width: 768px){ .summary-content__info{ max-width: 210px; font-size: 18px; text-align: center; margin-bottom: 10px; line-height: 1.4; } .summary-content__info-text{ font-size: 14px; } } @media(max-width: 610px){ .layout-col.poll{ display: none; } .summary-content__info,.summary-content__info-text{ font-size: 16px; line-height: 20px; text-align: center; color: #333333; } .layout-content{ text-align: center; } .social-groups-footer{ justify-content: center; } .order-summary-main, .order-summary-side{ flex: 1 0 100%; } .order-summary{ margin-top: 20px; } .order-summary-col{ margin-top: 0; } .summary-content__info-btn{ max-width: 170px; margin-top: 21px; } .order-summary-header{ font-size: 24px; line-height: 30px; color: #333333; } .order-summary-header, .order-summary-body{ text-align: center; margin-bottom: 10px; } .order-summary-content{ padding-top: 10px; } .order-summary-content__info{ margin-top: 10px; } .order-summary-side .side-value{ font-weight: 500; font-size: 14px; line-height: 18px; color: #333333; } .summary-content__info{ margin-top: 0; max-width: 100%; } .attach-name__desc{ padding-right: 30px; } .remove-attach-btn { right: -15px; } } @media (min-width: 1440px) { .order-summary-side { width: 440px; } } .order-summary-side .side-key { color: #828282; margin-top: 20px; } .order-summary-side .side-key:first-child { margin-top: 0; } .order-summary-side .side-value { font-size: 14px; font-weight: 500; } /** * Checkbox **/ .checkbox { -ms-flex: none; flex: none; width: 22px; height: 22px; border: 1px solid #cfcfcf; border-radius: 3px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; overflow: hidden; cursor: pointer; } .checkbox.is-active .icon { opacity: 1; fill: #4FA9E8; } .checkbox.is-active ~ span{ color: #4FA9E8; } .checkbox .icon { width: 14px; height: 9px; display: block; opacity: 0; transition: opacity 500ms; } .checkbox input { position: absolute; top: 0; left: -9999px; } .check-input__lift:checked ~ .icon { opacity: 1; fill: #4FA9E8; } /** * Seo text **/ .seo-text { margin-top: 40px; } .seo-text p { margin: 20px 0 0; } .seo-text-title, .seo-text h2 { font-size: 24px; text-align: left; } .seo-text h3 { font-size: 19px; font-weight: 400; text-align: left; } /** * Page header **/ .page-header { margin-top: 20px; } @media (min-width: 660px) { .page-header { display: -ms-flexbox; display: flex; justify-content: space-between; } } .page-header h1 { flex: 0 1 auto; } .cart-item__title{ position: relative; display: inline-block; } .share-basket-block{ display: flex; justify-content: space-between; flex-wrap: wrap; max-width: 430px; margin-top: 15px; align-items: baseline; } .share-basket__link{ display: flex; align-items: center; font-weight: normal; font-size: 14px; line-height: 18px; color: #8A8C8A; text-decoration: none; transition: all .3s ease; margin-right: 25px; padding-bottom: 18px; } .share-basket__link svg{ margin-right: 10px; } .share-basket__link:hover svg path{ fill: #4fa9e8; } .save_basket-url .social-list__link svg circle{ fill: #8A8C8A; transition: all .3s ease; } .save_basket-url .social-list__link svg path{ fill: #fff; stroke: #8A8C8A; transition: all .3s ease; } .link-save_basket{ display: inline-block; padding-top: 15px; color: #8A8C8A; text-decoration: none; } .link-save_basket:hover{ color: #4fa9e8; } .cart-counter__title{ position: absolute; right: -15px; top: 0; font-weight: 500; font-size: 14px; line-height: 18px; color: #8A8C8A; } .page-header .social { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 10px; } @media (min-width: 660px) { .page-header .social { margin-top: 0; } } .page-header .social-title { margin-right: 20px; } .page-header .social-item { width: 30px; height: 30px; display: block; margin-left: 5px; } .header-cart .page-header-link__cart{ text-decoration: none; font-size: 20px; line-height: 25px; display: flex; align-items: center; color: #013874!important; } .header-cart .page-header-link__cart .icon-arrow{ transform: rotate(180deg); width: 25px; height: 25px; margin-left: 13px; fill: #C4C4C4; margin-top: 5px; font-weight: 500; } .header-cart .page-header-link__cart:active svg, .header-cart .page-header-link__cart:hover svg, .header-cart .page-header-link__cart:focus svg{ fill: #013874; } @media (min-width: 660px) { .page-header-link { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } /** * Page controls **/ @media (min-width: 660px) { .page-controls { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 1100px){ .summary-content__info { font-size: 24px; } .summary-content__info-text { font-size: 18px; } .summary-content__info-btn { max-width: 200px; height: 35px; } } @media (max-width: 880px){ .order-summary-main { flex: 0 1 45%; margin-right: 30px; } .order-summary-side { flex: 0 1 50%; } } @media (max-width: 768px){ .order-summary-main, .order-summary-side { flex: 1; } .summary-content__info { max-width: 210px; font-size: 18px; text-align: center; margin-bottom: 10px; line-height: 1.4; margin-top: 0; } .summary-content__info-text { font-size: 14px; } } .page-filter { margin-top: 20px; } .page-filter select { opacity: 0; width: 210px; height: 44px; background: white; border: 1px solid #f2f2f2; border-radius: 0; line-height: 18px; font-size: 14px; color: #4f4f4f; cursor: pointer; padding: 12px 20px 12px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .page-filter .selectboxit-container { min-width: 210px; } .page-filter .selectboxit { background: white; border: 1px solid #f2f2f2; border-radius: 0; line-height: 18px; font-size: 14px; color: #4f4f4f; cursor: pointer; padding: 14px 20px 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: auto; } .page-filter .selectboxit.selectboxit-open { border-color: #d1d1d1; } .page-filter .selectboxit-arrow-container { margin-top: -2px; } .page-filter .selectboxit-options { border-radius: 0; } .page-filter .selectboxit-option { border-radius: 0; } @media (max-width: 610px){ .order-summary-col { margin-top: 0; } .order-summary-main, .order-summary-side { flex: 1 0 100%; } .order-summary-content { border-top: none; } .summary-content__info, .summary-content__info-text { font-size: 16px; line-height: 20px; text-align: center; color: #333333; } .summary-content__info { margin-top: 0; max-width: 100%; } .order-summary { margin-top: 20px; } .order-summary-header, .order-summary-body { text-align: center; margin-bottom: 10px; } .order-summary-header { font-size: 24px; line-height: 30px; color: #333333; } .layout-col.poll { display: none; } .social-groups-footer { justify-content: center; } .layout-content { text-align: center; } } /** * Search **/ .search-controls { position: absolute; top: -1px; right: -1px; bottom: -1px; } .search-controls::after { display: block; clear: both; content: ""; } .search-canel { height: 100%; padding: 0 20px; float: left; cursor: pointer; -ms-flex-align: center; align-items: center; display: none; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none; border: 0; } .search-canel.active { display: -ms-flexbox; display: flex; } .search-canel:hover .icon, .search-canel:active .icon { fill: #aeaeae; } .search-canel .icon { width: 21px; height: 21px; display: block; fill: #cfcfcf; transition: fill 500ms; } .search-submit { height: 100%; padding: 0 20px; float: left; border-radius: 30px; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; transition: background-color 500ms; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; background: none; border: 0; } .search-submit:hover, .search-submit:active { background: #013874; } .search-submit:hover .icon, .search-submit:active .icon { fill: white; } .search-submit .icon { width: 21px; height: 21px; display: block; fill: #bdbdbd; transition: fill 500ms; } /** * Popup **/ .popup-open { overflow: hidden; position: fixed; top: 0; right: 0; bottom: 0; left: 0; } html.popup-open body { overflow: hidden; height:initial; } .popup-overlay { width: 100%; height: 100%; position: fixed; top: 0; left: 0; z-index: 99; display: none; animation: 1s forwards opacityFadeIn; background: rgba(196, 196, 196, 0.6); } .popup-overlay.is-active { display: block; } .popup { position: fixed; top: 0; right: 0; bottom: 0; left: 0; overflow-y: scroll; overflow-x: hidden; z-index: 100; display: none; } .popup.is-active { display: block; } .popup-wrapper { width: 100%; min-height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1024px) { .popup-wrapper { padding: 10px; } } .popup-content { width: 100%; background: white; position: relative; box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); padding: 40px 20px; animation: 500ms backwards contentSlideDown; } @media (min-width: 1024px) { .popup-content { padding: 40px 80px; max-width: 660px; } } .popup-close { padding: 15px; position: absolute; top: 0; right: 0; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .popup-close:hover .icon, .popup-close:active .icon { transform: scale(1.2); fill: #bdbdbd; } .popup-close .icon { width: 16px; height: 16px; display: block; fill: #cfcfcf; transition-property: transform, fill; transition-duration: 500ms; } .popup-title { font-weight: 500; line-height: normal; font-size: 22px; text-align: center; display: block; margin-bottom: 20px; } .popup-subtitle { margin-top: 10px; text-align: center; } .popup-social-title { margin-top: 30px; text-align: center; color: #828282; } .popup-social { margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .popup-social .social-item { width: 30px; height: 30px; margin: 0 4px; } .form-switcher { margin-top: 30px; }#popup-block-content .popup-block-content{ padding: 25px 40px 0 40px; max-width: 900px; border-radius: 7px; } .popup-block__title{ font-weight: bold; font-size: 24px; line-height: 31px; color: #252B37; margin-bottom: 5px; text-align: center; display: block; } .popup-block__sale{ font-weight: bold; font-size: 63px; text-align: center; color: #357DFF; margin: 0; line-height: 1.1; } .popup-block__subscr{ font-weight: normal; font-size: 14px; line-height: 15px; text-align: center; color: #363636; } .popup-block__subscr img{ display: inline-block; vertical-align: bottom; margin-right: 10px; } .popup-block__form{ margin-top: 20px; } #popup-block-content .popup-block__input:active, #popup-block-content .popup-block__input:focus{ background: #fff; border: 1px solid #cfcfcf; } #popup-block-content .popup-block__input{ background: #F1F1F1; margin-bottom: 12px; border: none; } #popup-block-content .popup-block__input::placeholder{ font-size: 14px; line-height: 18px; color: #828282; text-align: center; } #popup-block-content .popup-block__btn{ background: #357DFF; } .popup-block__small{ font-weight: normal; font-size: 11px; line-height: 16px; text-align: center; color: #828282; margin-top: 10px; display: inline-block; } .popup-block-wrap{ display: flex; justify-content: space-between; flex-wrap: wrap; } .popup-block-wrap__offer{ flex: 1; margin-bottom: 20px; margin-right: 40px; } .popup-block-wrap__img{ flex: 0 1 auto; align-self: flex-end; } .popup-block-wrap__img img{ max-width: 100%; height: auto; } .popup-discount-wrap{ text-align: center; margin: 0 auto; background: url('/local/templates/aquanet_new/img/popup-discount-bg.svg') 70% 0 no-repeat; background-size: contain; width: 600px; } .popup-discount-wrap .popup-discount__title{ font-weight: bold; font-size: 28px; line-height: 35px; color: #1A2E35; margin: 75px 0 25px 0; } .popup-discount__text{ font-weight: normal; font-size: 26px; line-height: 33px; color: #1A2E35; margin-bottom: 12px; } .popup-discount__coupon{ font-weight: bold; font-size: 28px; line-height: 35px; color: #1A2E35; margin-bottom: 30px; } .popup-discount__btn{ padding: 16px 16px 25px 16px; max-width: 300px; width: 100%; cursor: pointer; background: #357DFF; border: 1px solid #357DFF; border-radius: 7px; font-weight: bold; font-size: 18px; line-height: 23px; text-align: center; color: #FFFFFF; margin-bottom: 45px; } .popup-discount-extra{ max-width: 435px; margin: 0 auto 20px auto; color: #455A64; } .popup-discount-extra p { font-weight: normal; font-size: 9px; line-height: 11px; text-align: center; color: #455A64; } .location-choice .location-choice__content{ padding: 20px; max-width: 350px; position: absolute; left: 120px; top: 60px; } .location-choice__btn-wrap{ display: flex; align-items: center; justify-content: flex-start; } .push-activate{ position: fixed; top: 0; max-width: 350px; right: 0; width: 300px; z-index: 1200; display: none; } .push-activate.is-active{ display: block; } .location-choice .location-choice__btn,.push-activate .location-choice__btn{ background: #013874; border: 0; border-radius: 5px; color: white; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; text-decoration: none; padding: 10px 15px; margin-right: 15px; } .location-choice .location-choice__link{ border: 0; color: #013874; cursor: pointer; font-size: 14px; font-weight: 500; text-decoration: none; background: transparent; } .location-choice .location-choice__link:hover{ text-decoration: underline; } .location-choice__title svg{ fill: #bdbdbd; margin-right: 15px; } .location-choice .popup-title.location-choice__title{ display: flex; align-items: center; justify-self: flex-start; font-size: 14px; font-weight: 500; letter-spacing: 0.02em; text-align: left; position: relative; } .location-choice .popup-close{ padding: 0; right: -20px; } .push-activate .popup-title.location-choice__title{ font-size: 16px; font-weight: 500; letter-spacing: 0.02em; text-align: left; } .push-activate .popup-content{ margin: 0 30px; } .push-activate .location-choice__link{ background: #e5e5e5; border: 0; border-radius: 5px; color: #000; cursor: pointer; font-size: 14px; font-weight: 500; text-align: center; text-decoration: none; padding: 10px 15px; max-width: 100px; width: 100%; } .push-activate .location-choice__btn:hover{ color: #013874; background: white; text-decoration: none; box-shadow: 0 0 8px rgb(0 0 0 / 25%); transition: .2s ease-in; } .push-activate .location-choice__link:hover{ background: #c3c1c1; transition: .2s ease-in; } .push-activate .location-choice__content{ padding: 20px; max-width: 350px; position: absolute; right: 0; top: 60px; } .push-activate .location-choice__btn-wrap{ justify-content: center } .push-activate .popup-close{ padding: 10px; right: -10px; } @media (max-width: 850px) { #popup-block-content .popup-block-content{ padding: 25px 25px 0 25px; margin: 0 15px; } .popup-block-wrap{ justify-content: center; } .popup-block-wrap__offer{ margin-right: 0; flex: 1 0 100%; } .popup-block-wrap__img{ align-self: baseline; } } @media (max-width: 425px) { .popup-block-wrap__img{ display: none; } .popup-block__small{ font-size: 12px; } .push-activate .popup-title.location-choice__title{ font-size: 14px; } .push-activate .popup-content{ margin: 0 10px; } } @media (min-width: 660px) { .form-switcher { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } } .form-switcher-item { line-height: 20px; cursor: pointer; } .form-switcher-item::after { display: block; clear: both; content: ""; } @media (max-width: 659.98px) { .form-switcher-item { margin-top: 10px; } .form-switcher-item:first-child { margin-top: 0; } } @media (min-width: 660px) { .form-switcher-item { margin: 0 10px; } } .form-switcher-item.is-active .radio:after { opacity: 1; } .form-switcher-item .radio { margin-right: 10px; margin-top: 2px; float: left; } .radio { width: 14px; height: 14px; border: 1px solid #cfcfcf; border-radius: 100%; background: white; position: relative; } .radio:after { content: ''; display: block; background: #013874; width: 8px; height: 8px; border-radius: 100%; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transition: opacity 500ms; } .reg-form { display: none; margin-top: 20px; } .reg-form.is-active { display: block; } .reg-form .checkbox-text { padding-top: 2px; } .form-row { margin-top: 20px; position: relative; } .form-row:first-child { margin-top: 0; } .form-row.is-invalid .form-row-label { transform: scale(1); } .form-row.is-invalid input { border-color: #eb5757; } .form-row.is-focus .form-row-label { transform: scale(1); } .form-row.is-focus input { border-color: #013874; } .form-row input { width: 100%; height: 48px; background: white; border: 1px solid #cfcfcf; border-radius: 25px; font-weight: 500; line-height: normal; color: #333333; padding: 0 20px; margin: 0; transition: border-color 500ms; } .form-row input::-webkit-input-placeholder { color: #bdbdbd; } .form-row input:-ms-input-placeholder { color: #bdbdbd; } .form-row input::placeholder { color: #bdbdbd; } .form-row .processing-permission { margin-top: 0; } .form-row-label { position: absolute; top: -6px; left: 30px; background: white; padding: 0 6px; font-weight: 500; line-height: normal; font-size: 11px; color: #bdbdbd; transform-origin: left center; transform: scale(0); transition: transform 500ms; } .checkbox-row { line-height: 16px; } .checkbox-row svg.icon { margin-left: 1px; } .checkbox-row::after { display: block; clear: both; content: ""; } .checkbox-row .checkbox { float: left; margin-right: 10px; } .form-captcha { margin-top: 30px; } .form-error { color: #eb5757; margin-top: 10px; } .form-success { color: #6fcf97; margin-top: 10px; } .popup-message { margin-top: 30px; text-align: center; } .form-submit { margin-top: 30px; text-align: center; } @media (max-width: 659.98px) { .form-submit { text-align: center; } } @media (min-width: 660px) { .form-submit { display: -ms-flexbox; display: flex; } .form-submit .btn { -ms-flex: 1; flex: 1; } } .form-submit .secondary-btn { cursor: pointer; } @media (max-width: 659.98px) { .form-submit .secondary-btn { display: inline-block; margin: 10px auto 0; padding: 10px; } } @media (min-width: 660px) { .form-submit .secondary-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 0 30px; } } /** * Popup alternative appearance **/ .popup.is-type-02 .popup-close .icon { width: 21px; height: 21px; } .popup.is-type-02 .popup-content { padding: 0; } .popup-header { padding: 16px; border-bottom: 1px solid #f2f2f2; font-weight: 500; text-align: center; } @media (min-width: 660px) { .popup-header { padding: 16px 80px; } } .popup-body { color: #bdbdbd; line-height: 20px; padding: 20px; } @media (min-width: 660px) { .popup-body { padding: 50px 80px; } } /** * Popup filter **/ .popup-filter .popup-close { top: 4px; } .popup-filter .popup-close .icon { width: 21px; height: 21px; } .popup-filter .popup-content { padding: 0; } .popup-filter .popup-header { font-size: 24px; text-align: left; font-weight: 400; padding: 15px 20px 10px; } .popup-filter .popup-body { padding: 0; } .popup-filter .filter-header { font-size: 18px; color: #000000; } /** * Popup cart **/ .popup-cart .popup-close { top: 14px; } .popup-cart .popup-close .icon { width: 21px; height: 21px; } .popup-cart .popup-content { padding: 0; } .popup-cart .popup-header { font-size: 24px; text-align: left; font-weight: 400; padding: 20px 20px 15px; } .popup-cart .popup-body { color: #333333; } @media (max-width: 659.98px) { .popup-cart .popup-body { padding: 10px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .popup-cart .popup-body { padding: 30px; } } .popup-cart .cart-summary { font-size: 18px; color: #013874; line-height: 1.4; } .popup-cart .cart-summary span { color: black; } .popup-cart .cart-content[data-type="mobile"] { display: block; position: relative; } @media (max-width: 659.98px) { .popup-cart .cart-content[data-type="mobile"] { padding-bottom: 35px; padding-right: 15px; } } .popup-cart .cart-close { position: absolute; bottom: 0; right: 0; } @media (max-width: 659.98px) { .popup-cart .cart-close { bottom: 15px; right: 15px; } } /** * Popup product **/ .popup.is-type-03 .popup-content { padding: 0; } .product-main th { text-align: left; } @media (min-width: 1024px) { .popup.is-type-03 .popup-content { max-width: 960px; } } .popup.is-type-03 .product-main-header { padding: 20px; } .product-main-header-row{ display: flex; align-items: center; flex-wrap: wrap; margin-top: 25px; } .product-main-header-row .rating { margin-right: 35px; } .product-main-header-row .js_compare.active .social-button{ color: #4FA9E8; } .product-main-header-row .js_compare.active{ color: #4FA9E8; } .product-main-header-row .js_compare.active .product-compare__icon path{ stroke: #4FA9E8; } .cart-item__set-tools .js_compare.active { background: none; } .cart-item__set-tools .js_compare.active path { fill: #083571; } .product-main-payment-compare{ margin-right: 25px; } .product-main-payment-compare.active path { fill: #4FA9E8; } .product-main-payment-compare.active span { color: #4FA9E8; } .add-favorites.not-text{ width: 36px; height: 36px; border-radius: 50%; background: #d1d1d1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition-property: background-color; transition-duration: 500ms; border: none; } .add-favorites.not-text.active{ background: #4fa9e8; } .add-favorites.not-text:hover{ background: #4fa9e8; } .add-favorites.not-text svg{ display: block; fill: #d1d1d1; transition-property: fill; transition-duration: 500ms; overflow: visible; } .product-compare__btn{ background: none; border: none; display: flex; flex-wrap: wrap; align-items: center; } .payment-compare-wrap, .product-compare-info-popup{ position: relative; } .product-compare-info-popup-content { width: 100%; height: 100%; background: #FFFFFF; position: relative; padding: 20px 25px 20px 15px; } .product-compare-info-popup-content p { font-size: 14px; line-height: 25px; color: #000000; } .info-popup-close{ position: absolute; right: 0; top: 5px; z-index: 1; background-color: transparent; border: none; } .product-compare-info-popup { min-width: 225px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); position: absolute; top: 50px!important; left: -30px!important; display: none; cursor: default; z-index: 10; } .product-compare-info-popup.is-active { display: block; animation: 500ms forwards contentSlideUp; } .product-compare-info-popup:before { content: ''; display: block; position: absolute; bottom: calc(100% - 10px); right: 100px; width: 17px; height: 17px; background: #FFFFFF; box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } .product-compare__btn svg{ margin-right: 15px; } .popup.is-type-03 .product-main-header-text { padding-right: 20px; } .popup.is-type-03 .product-main-appearance { padding: 20px; } @media (min-width: 1440px) { .popup.is-type-03 .product-main-appearance { width: 40%; } } .popup.is-type-03 .product-main-appearance-body { padding: 20px; } @media (min-width: 1440px) { .popup.is-type-03 .product-main-slider { -ms-flex: 100%; flex: 100%; } } @media (min-width: 1440px) { .popup.is-type-03 .product-thumbs-wrapper { -ms-flex: 100%; flex: 100%; } } @media (min-width: 1440px) { .popup.is-type-03 .product-main-360 { margin-left: 0; margin-top: 20px; } } @media (min-width: 1440px) { .popup.is-type-03 .product-main-video { margin-top: 20px; } } .popup.is-type-03 .product-main-details { padding: 20px; } @media (max-width: 1023.98px) { .popup.is-type-03 .product-main-details { padding-bottom: 0; } } @media (min-width: 1440px) { .popup.is-type-03 .product-main-details { width: 60%; } } .popup.is-type-03 .product-main-parameters { padding-right: 20px; } @media (max-width: 659.98px) { .popup.is-type-03 .product-main-parameters { -ms-flex-order: 1; order: 1; } } .popup.is-type-03 .product-main-parameters .product-footer { margin-top: 20px; } .popup.is-type-03 .product-main-payment { padding-left: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 659.98px) { .popup.is-type-03 .product-main-payment { -ms-flex-order: 0; order: 0; } } @media (max-width: 1023.98px) { .popup.is-type-03 .product-main-payment .product-footer { display: none; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .popup.is-type-03 .product-main-payment-info { -ms-flex-order: unset; order: unset; } } .popup.is-type-03 .product-footer { -ms-flex-align: end; align-items: flex-end; display: block; } .product-reply { margin-top: 30px; font-size: 14px; line-height: 18px; } .product-reply::after { display: block; clear: both; content: ""; } .product-reply .icon { display: inline; } .product-reply .icon-laquo { width: 12px; height: 10px; margin-right: 4px; margin-left: -16px; } .product-reply .icon-raquo { width: 12px; height: 10px; margin-left: 4px; } .product-reply-link { margin-top: 10px; width: 100%; } .product-rating { margin-top: 20px; -ms-flex-align: end; align-items: flex-end; width: 100%; } .rating-replies { margin-left: 15px; } .rating-replies span { color: #828282; } .product-faq { margin-top: 30px; width: 100%; } .product-faq span { color: #828282; } /** * Compare **/ .popup-compare-body { margin-top: 30px; } .popup-compare-footer { margin-top: 40px; } .popup-contacts-wrapper { margin-top: 20px; color: #bdbdbd; } /** * Search **/ @keyframes searchSlide { to { transform: translate(0, -30px); } } .popup[data-id="search"] .popup-wrapper { -ms-flex-align: stretch; align-items: stretch; } .popup[data-id="search"] .popup-content { animation: 500ms forwards opacityFadeIn; } .popup[data-id="search"] .popup-body { padding: 0; margin: 0 -10px; } .popup[data-id="search"] .suggestions-container { position: absolute; top: 121px; left: 10px; right: 10px; animation: 500ms 500ms forwards searchSlide; } .popup[data-id="search"] .suggestions-dropdown { box-shadow: none; } /** * Call request. **/ .callrequest-message-title { line-height: 22px; font-size: 14px; font-weight: 500; color: #000000; } .callrequest-message-text { line-height: normal; font-size: 14px; color: #000000; margin-top: 22px; } .popup[data-id="callrequest"] .callrequest-message { text-align: center; } .popup[data-id="pay-info"] .popup-content { padding: 40px 0 0 0; } .popup[data-id="pay-info"] .guarantee-icon{ margin-right: 15px; } .popup[data-id="pay-info"] .page-content{ margin-bottom: 0; } /** * Site menu **/ .site-menu { width: 100%; position: absolute; top: 100%; left: 0; display: none; } @media (max-width: 659.98px) { .site-menu { max-width: 100%; overflow: hidden; top: 0px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .site-menu { width: 33.333%; } } .site-menu.is-active { display: block; } .site-menu:not(.is-active) .site-menu-link[data-priority="secondary"] { display: none; } .site-menu-cols { display: -ms-flexbox; display: flex; transition: transform 500ms; } .site-menu-cols.is-lvl-2 { transform: translate(-100%, 0); } .site-menu-cols.is-lvl-3 { transform: translate(-200%, 0); } @media (max-width: 659px) { .site-menu-cols:last-child .site-menu-col { margin-bottom: 0; } .site-menu-cols.is-lvl-2 .catalog_top:not(.is-active) { display: none; } .catalog_slide.site-menu-col[data-lvl="2"] { position: static !important; } .site-menu-cols.is-lvl-2 { transform: translate(0, 0); } .catalog_top.is-active { min-height: 100%; } .catalog_top.is-active .site-menu-col { margin-bottom: 0; min-height: 100%; max-height: initial !important; } .catalog_top.is-active > .site-menu-link { display: none; } .site-menu-cols.is-active { min-height: 100%; } .mobile-menu-opened .vr-popup-mobile { display: none; } .mobile-menu-opened .js-catalog-opener-level-1{ display: none !important; } } .site-menu-col { -ms-flex: 0 0 100%; flex: 0 0 100%; background: white; display: none; border-left: 1px solid #f2f2f2; } @media (min-width: 1024px) { .site-menu-col { max-height: calc(100vh - 142px); } } @media (min-width: 660px) and (max-width: 1023.98px) { .site-menu-col { max-height: calc(100vh - 129px); } } @media (max-width: 659.98px) { .site-menu-col { max-height: calc(100vh - 60px); } } .site-menu-col:first-child { border-left: 0; } .site-menu-col.is-active { display: block; } .site-menu-col[data-lvl="3"] .site-menu-link { font-weight: 400; } .site-menu-col .icon-discount { width: 16px; height: 16px; display: block; margin-right: 10px; fill: #eb5757; } .site-menu-col .icon-arrow { width: 8px; height: 7px; display: block; transform: rotate(90deg); fill: #ededed; } @media (min-width: 1024px) { .subheader.is-fixed .site-menu-col { max-height: calc(100vh - 116px); } } @media (max-width: 1023.98px) { .subheader.is-fixed .site-menu-col { max-height: calc(100vh - 60px); } } .subheader-lite.is-fixed .site-menu-col { max-height: calc(100vh - 60px); } .site-menu-link { height: 52px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding-right: 20px; padding-left: 24px; font-size: 15px; font-weight: 500; line-height: 1.2; letter-spacing: 0.02em; color: #333333; transition: color 500ms; text-decoration: none; border-top: 1px solid #f2f2f2; } @media (max-width: 1023.98px) { .site-menu-link { padding-left: 10px; } } .site-menu-link:visited { color: #333333; } .site-menu-link:hover, .site-menu-link:active, .site-menu-link.is-active { color: #4fa9e8; } .site-menu-link[data-priority="secondary"] { color: #808080; } .site-menu-link[data-priority="secondary"]:visited { color: #808080; } .site-menu-link[data-priority="secondary"]:hover, .site-menu-link[data-priority="secondary"]:active { color: #4fa9e8; } @media (min-width: 1024px) { .site-menu-link[data-viewport="sm"] { display: none; } } @media (min-width: 1440px) { .site-menu-link[data-viewport="md"] { display: none; } } .site-menu-discount { color: #eb5757; } .site-menu-discount:visited { color: #eb5757; } .site-menu-discount:hover, .site-menu-discount:active { color: #eb5757; } .site-menu-text { -ms-flex: 1; flex: 1; padding-right: 10px; } /** * Site menu XS **/ .site-menu-xs { z-index: 2; position: relative; } @media (min-width: 660px) { .site-menu-xs { display: none; } } .site-menu-xs.is-fixed { position: fixed; top: 0; left: 0; width: 100%; } /** * Site menu nav **/ .site-menu-nav { width: 0; height: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; background: white; font-weight: 500; transition: width 500ms; position: absolute; top: -60px; right: 0; overflow: hidden; z-index: 2; } .site-menu-nav.is-active { width: 100%; } .site-menu-nav .icon-wrapper { width: 50px; height: 50px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .site-menu-nav .icon { fill: #C4C4C4; display: block; } .site-menu-nav .icon-arrow-pointy { width: 24px; height: 24px; margin-left: 10px; } .site-menu-nav .icon-cross { width: 21px; height: 21px; margin-right: 10px; } /** * Product print **/ .product-print { line-height: 27px; font-size: 18px; color: #000000; } .product-print h1 { font-weight: 500; line-height: normal; font-size: 24px; color: #333333; } .product-print p { margin: 30px 0 0; } .product-print .print-cols { margin-top: 70px; } .product-print .print-cols::after { display: block; clear: both; content: ""; } .product-print .print-col { float: left; } .product-print .print-col:nth-child(1) { width: 45%; padding-right: 55px; } .product-print .print-col:nth-child(2) { width: 55%; padding-left: 55px; } .product-print .image-thumbs { margin-top: -20px; margin-left: -20px; padding-top: 20px; } .product-print .image-thumbs::after { display: block; clear: both; content: ""; } .product-print .image-thumb { float: left; margin-top: 20px; margin-left: 20px; width: 150px; height: 100px; overflow: hidden; } .product-print .item-data { border-left: 2px solid #EDEDED; margin-left: -55px; padding-left: 55px; } .product-print .item-data::after { display: block; clear: both; content: ""; } .product-print .item-data p { margin-top: 0; } .product-print .item-data p + p { margin-top: 30px; } .product-print .item-data .item-price { font-weight: bold; line-height: normal; font-size: 40px; text-align: right; color: #333333; float: right; margin-top: 20px; } .product-print .item-parameters { margin-top: 20px; border: 0; } .product-print .item-parameters tr { border: 1px solid #BDBDBD; } .product-print .item-parameters tr.even { background: #F7F7F7; } .product-print .item-parameters td { border: 0; padding: 7px 23px; } @media print { .site-wrapper[data-page="product"] { display: none; } } .site-wrapper[data-page="product"][data-print="true"] { display: none; } @media print { .site-wrapper[data-page="product"][data-print="true"] { display: block; } } /** * Compare print **/ .compare-print-portrait { display: none; } @media (orientation: portrait) { .compare-print-portrait { display: block; } } .compare-print-portrait th { width: 37%; } .compare-print-portrait th:first-child { width: 26%; } .compare-print-landscape { display: none; } @media (orientation: landscape) { .compare-print-landscape { display: block; } } .compare-print-landscape th { width: 21%; } .compare-print-landscape th:first-child { width: 16%; } .compare-print { width: 100%; page-break-before: always; } .compare-print:first-child { page-break-before: auto; } .compare-print tr.even { background: #F7F7F7; } .compare-print tr.even td { border-top: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; } .compare-print tr:nth-child(3) td { font-weight: 700; } .compare-print tr:nth-child(3) td:first-child { font-weight: normal; } .compare-print tr:last-child td { border-bottom: 1px solid #EDEDED; } .compare-print tr:last-child.even td { border-bottom: 1px solid #BDBDBD; } .compare-print th { border: 1px solid #EDEDED; border-bottom: 0; padding: 20px; vertical-align: middle; text-align: center; } .compare-print th.is-empty { border: 0 !important; background: white; } .compare-print td { border: 1px solid #EDEDED; border-bottom: 0; padding: 7px 23px; font-weight: normal; line-height: normal; font-size: 18px; color: #000000; text-align: center; } .compare-print td:first-child { font-size: 14px; text-align: left; } .compare-print td.is-empty { border: 0 !important; background: white; } .icon-comparison { width: 118px; height: 118px; fill: #4F4F4F; display: block; margin: auto; } .compare-image { width: 240px; height: 240px; position: relative; margin: auto; } .compare-image img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; display: block; } @media print { .site-wrapper[data-page="compare"] { display: none; } } .site-wrapper[data-page="compare"][data-print="true"] { display: none; } @media print { .site-wrapper[data-page="compare"][data-print="true"] { display: block; } } /** * Subheader mobile **/ .subheader-mobile { padding: 20px 10px; border-top: 1px solid #F2F2F2; background: white; } @media (min-width: 660px) { .subheader-mobile { display: none; } } .subheader-row { margin-top: 20px; } .subheader-row::after { display: block; clear: both; content: ""; } .subheader-row:first-child { margin-top: 0; } .subheader-call-offer { width: 50%; float: left; font-size: 14px; line-height: 20px; color: #828282; } .subheader-call-offer::after { display: block; clear: both; content: ""; } .subheader-call-offer .icon-phone { width: 14px; height: 14px; display: block; fill: #BDBDBD; stroke: #BDBDBD; margin-right: 8px; margin-top: 2px; float: left; } .subheader-phone-num { width: 50%; float: left; border-left: 1px solid #BDBDBD; font-weight: 500; line-height: 20px; font-size: 15px; color: #000000; text-align: right; } /** * Header cart **/ .header-cart { transition: transform 500ms; } @media (max-width: 1023.98px) { .header-cart { transform: none !important; transition: none !important; } } .header-cart .inner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023.98px) { .header-cart .inner .cart-summary, .header-cart .inner .cart-trigger { display: none; } } @media (min-width: 660px) { .header-cart .location { display: none; } } .header-cart .phone { font-size: 14px; font-weight: 700; } @media (min-width: 660px) { .header-cart .phone a { margin-top: 10px; } .header-cart .phone a:first-child { margin-top: 0; } } .header-cart .cart-summary { font-size: 18px; color: #013874; line-height: 1.4; } .header-cart .cart-summary span { color: black; } .header-cart .cart-trigger { font-size: 18px; color: black; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; cursor: pointer; } .header-cart .cart-trigger.is-active .icon-arrow, .header-cart .cart-trigger:hover .icon-arrow { fill: #9c9c9c; transform: rotate(-90deg); } .header-cart .icon-arrow { width: 25px; height: 25px; display: block; fill: #BDBDBD; transition-property: fill, transform; transition-duration: 500ms; margin-left: 20px; transform: rotate(90deg); margin-top: -2px; } @media (max-width: 659.98px) { .header-cart .cart-trigger-simple { margin-top: 10px; } } @media (min-width: 660px) { .header-cart .cart-trigger-simple { font-size: 18px; } } .header-cart .inner-sub { border-top: 1px solid #F2F2F2; padding: 20px 10px; margin: 0 -10px; } @media (min-width: 660px) { .header-cart .inner-sub { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 1024px) { .header-cart .inner-sub { display: none; } } .header-cart .inner-sub .phone { display: block; } @media (max-width: 659.98px) { .header-cart .inner-sub .phone { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } @media (min-width: 660px) and (max-width: 1023.98px) { .header-cart .inner-sub .phone { display: none; } } @media (max-width: 659.98px) { .header-cart .inner-sub .cart-summary { display: none; } } .header-cart-content { background: white; border-bottom: 1px solid #f2f2f2; position: absolute; bottom: 100%; left: 0; width: 100%; transition: transform 500ms; } @media (max-width: 1023.98px) { .header-cart-content { display: none; } } .header-cart-content .cart-content[data-type="desktop"] .cart-item { border-top: 1px solid #f2f2f2; padding: 0; display: block; } .cart-item-inner { width: 100%; } .header-cart-content .cart-content[data-type="desktop"] .cart-item-inner { padding: 20px 0; display: -ms-flexbox; display: flex; } .header-cart-content .cart-content[data-type="desktop"] .cart-header { padding: 20px 0 5px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .header-cart-content .cart-content[data-type="desktop"] .cart-photo { text-align: center; font-size: 18px; } /** * Header dropdown **/ .header-dropdown { background: white; border-top: 1px solid #f2f2f2; position: absolute; top: 100%; display: none; animation: 500ms forwards contentSlideUp; padding: 30px; width: 100%; z-index: 1; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); } .header-dropdown.is-active { display: block; } .header-dropdown[data-id="location-inner"] { box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.15); width: 100%; left: 0; } @media (min-width: 1024px) { .header-dropdown[data-id="location-inner"] { max-width: 530px; } } @media (max-width: 659.98px) { .header-dropdown[data-id="location-inner"] { left: -10px; right: -10px; width: auto; } } .header-dropdown[data-dock="left"] { left: 10px; } @media (max-width: 659.98px) { .header-dropdown[data-dock="left"] { margin: 0 -10px; } } @media (min-width: 1024px) { .header-dropdown[data-dock="left"] { left: 30px; } } @media (min-width: 1440px) { .header-dropdown[data-dock="left"] { left: 45px; } } .header-dropdown[data-dock="right"] { right: 10px; } @media (max-width: 659.98px) { .header-dropdown[data-dock="right"] { margin: 0 -10px; } } @media (min-width: 1024px) { .header-dropdown[data-dock="right"] { right: 30px; } } @media (min-width: 1440px) { .header-dropdown[data-dock="right"] { right: 45px; } } .header-dropdown .dropdown-header { font-weight: 500; line-height: normal; font-size: 18px; letter-spacing: 0.02em; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } .header-dropdown .dropdown-header .icon-wrapper { cursor: pointer; } .header-dropdown .dropdown-header .icon-wrapper:hover .icon-circled-cross-line-left, .header-dropdown .dropdown-header .icon-wrapper:hover .icon-circled-cross-line-right { fill: #a3a3a3; } .header-dropdown .dropdown-header .icon-wrapper:hover .icon-circled-cross-circle { fill: #9c9c9c; } .header-dropdown .dropdown-header .icon-circled-cross-line-left, .header-dropdown .dropdown-header .icon-circled-cross-line-right, .header-dropdown .dropdown-header .icon-circled-cross-circle { transition-property: fill; transition-duration: 500ms; } /** * Subheader more **/ .header-dropdown[data-id="subheader_more"] { width: 270px; padding: 0; left: 0; } .header-dropdown[data-id="subheader_more"] .subheader-dropdown-item { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 10px 15px; border-top: 1px solid #f2f2f2; background: white; color: #333333; font-size: 15px; font-weight: 400; line-height: 1.2; text-decoration: none; transition: color 500ms; } @media (min-width: 1024px) { .header-dropdown[data-id="subheader_more"] .subheader-dropdown-item:first-child { border-color: transparent; } } .header-dropdown[data-id="subheader_more"] .subheader-dropdown-item:visited { color: #333333; } .header-dropdown[data-id="subheader_more"] .subheader-dropdown-item:hover, .header-dropdown[data-id="subheader_more"] .subheader-dropdown-item:active { color: #4fa9e8; } .header-dropdown[data-id="subheader_more"] .subheader-dropdown-item .icon-arrow { width: 8px; height: 7px; display: block; transform: rotate(90deg); fill: #ededed; margin-left: 10px; } /** * Location select **/ .header-dropdown[data-id="location"] { max-width: 530px; } /** * Others **/ .header-dropdown[data-id="contacts"] { max-width: 480px; } @media (min-width: 1024px) { .header-dropdown[data-id="contacts"] .popup-contacts-sceldue br { display: none; } } .header-dropdown[data-id="callrequest"] { max-width: 325px; } .header-dropdown[data-id="authorization"] { width: 325px; right: 0; } .header-dropdown[data-id="authorization"] .dropdown-header { -ms-flex-pack: center; justify-content: center; position: relative; } .header-dropdown[data-id="authorization"] .dropdown-header .icon-wrapper { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); } .header-dropdown[data-id="authorization"] .form-submit { display: block; text-align: center; } .header-dropdown[data-id="authorization"] .form-submit .secondary-btn { display: inline-block; margin: 10px auto 0; padding: 10px; } .header-dropdown[data-id="registration"] { width: 480px; right: 0; } .header-dropdown[data-id="registration"] .dropdown-header { -ms-flex-pack: center; justify-content: center; position: relative; } .header-dropdown[data-id="registration"] .dropdown-header .icon-wrapper { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); } .header-dropdown[data-id="recovery"] { width: 480px; right: 0; } .header-dropdown[data-id="recovery"] .dropdown-header { -ms-flex-pack: center; justify-content: center; position: relative; } .header-dropdown[data-id="recovery"] .dropdown-header .icon-wrapper { position: absolute; top: 50%; right: 0; transform: translate(0, -50%); } .header-dropdown[data-id="compare"] { width: 530px; right: 0; } .header-dropdown[data-id="cart-compact"] { width: 530px; right: 0; } .cart-compact-body { margin: 20px -30px 0; } @media (max-width: 1023.98px) { .cart-compact-body { margin-left: -20px; margin-right: -20px; } } .cart-compact-item { padding: 15px 0; display: -ms-flexbox; display: flex; } @media (max-width: 659.98px) { .cart-compact-item { display: block; } .cart-compact-item::after { display: block; clear: both; content: ""; } } .cart-compact-item:not(:first-child) { border-top: 2px solid #F2F2F2; } .cart-compact-item-col { padding-top: 15px; } .cart-compact-item-image-wrapper { width: 76px; height: 76px; position: relative; margin-left: 0px; padding-top: 0; display: block; } @media (max-width: 659.98px) { .cart-compact-item-image-wrapper { margin-left: 15px; float: left; } } .cart-compact-item-image { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .cart-compact-item-title { line-height: 24px; font-size: 14px; letter-spacing: 0.02em; color: #333333; margin-left: 38px; width: 200px; /* autoprefixer: off */ overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; max-height: calc(48px + 15px); } @media (max-width: 1023.98px) { .cart-compact-item-title { -ms-flex: 1; flex: 1; width: auto; } } @media (max-width: 659.98px) { .cart-compact-item-title { margin-left: 106px; margin-right: 15px; } } .cart-compact-item-price { line-height: 24px; font-size: 20px; font-weight: 500; color: #333333; margin-left: 30px; width: 100px; } @media (max-width: 659.98px) { .cart-compact-item-price { margin-left: 106px; margin-right: 15px; width: auto; } } .cart-compact-item-remove { margin-left: 10px; } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-compact-item-remove { margin-right: 20px; } } @media (max-width: 659.98px) { .cart-compact-item-remove { margin-left: 106px; margin-right: 15px; } } .cart-compact-item-remove .icon-wrapper { margin: -10px; padding: 10px; cursor: pointer; } @media (max-width: 659.98px) { .cart-compact-item-remove .icon-wrapper { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .cart-compact-item-remove .icon-wrapper .icon, .cart-compact-item-remove .icon-wrapper .icon-label { -ms-flex: none; flex: none; } } .cart-compact-item-remove .icon-wrapper:hover .icon { fill: #bfbfbf; } .cart-compact-item-remove .icon-wrapper:hover .icon-label { color: #bfbfbf; } .cart-compact-item-remove .icon { width: 10px; height: 10px; fill: #E0E0E0; transition: fill 500ms; } .cart-compact-item-remove .icon-label { color: #E0E0E0; transition: color 500ms; line-height: 16px; margin-left: 10px; } @media (min-width: 660px) { .cart-compact-item-remove .icon-label { display: none; } } .cart-compact-footer { margin: 20px -30px -5px; border-top: 2px solid #F2F2F2; padding: 30px 30px 0; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 1023.98px) { .cart-compact-footer { margin-left: -20px; margin-right: -20px; } } @media (max-width: 659.98px) { .cart-compact-footer { margin-top: 50px; display: block; } } .cart-compact-total { -ms-flex: 1; flex: 1; } .cart-compact-total-label { line-height: 14px; font-size: 14px; color: #828282; margin-top: -5px; } .cart-compact-total-value { line-height: 35px; font-size: 35px; font-weight: 700; color: #333333; margin-top: 10px; } .cart-compact-btn { -ms-flex: 0 0 220px; flex: 0 0 220px; max-width: 220px; } @media (max-width: 659.98px) { .cart-compact-btn { margin-top: 20px; max-width: none; } } .cart-compact-btn .btn { height: 45px; } .catalog-form{ background: #fff; padding: 30px 50px 60px 50px; margin-top: 20px; max-width: 735px; margin: 20px auto 60px auto; } .catalog-form__title{ font-weight: 500; font-size: 32px; line-height: 38px; text-align: center; color: #000000; margin-bottom: 30px; } .catalog-form__info{ font-weight: 400; font-size: 14px; line-height: 25px; color: #000000; margin-bottom: 30px; text-align: center; } .catalog-form-row{ display: flex; align-items: center; flex-wrap: wrap; margin-bottom: 20px; } .catalog-form__item + .catalog-form__item{ margin-left: 20px; } .catalog-form__item{ flex: 1; } .catalog-form-row .form-row{ margin-top: 0; } .textarea__default{ min-width: 100%; max-width: 100%; width: 100%; min-height: 108px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; line-height: normal; font-size: 14px; padding: 15px 25px; transition: border-color 500ms; resize: none; } .catalog-form__btn{ padding: 10px 25px; height: 45px; background: #000000; border-radius: 30px; margin-bottom: 20px; font-weight: 400; font-size: 14px; line-height: 25px; color: #FFFFFF; } .catalog-form-row-checkbox{ justify-content: center; } .catalog-form-row-checkbox .processing-checkbox{ margin-top: 0; } .catalog-form-row-checkbox .processing-permission{ align-items: center; } .catalog-form-row-checkbox .processing-checkbox-label{ font-weight: 400; font-size: 13px; line-height: 13px; text-decoration-line: underline; color: #333333; padding-top: 0; } .o2k-catalog{ margin-bottom: 80px; background: #000000; padding: 41px 31px; position: relative; } .o2k-catalog__title{ font-weight: 500; font-size: 32px; line-height: 38px; color: #FFFFFF; margin: 0; position: relative; z-index: 5; } .o2k-catalog__img{ position: absolute; right: 0; top: 0; object-fit: contain; z-index: 1; max-width: 100%; height: 100%; } .o2k-catalog__link{ margin-top: 35px; padding: 10px 25px; background: #FFFFFF; border-radius: 30px; font-weight: 400; font-size: 14px; line-height: 25px; color: #060606!important; display: inline-block; text-decoration: none; position: relative; z-index: 5; } .o2k-catalog__link:hover{ color: #060606; } /** * User **/ .header-dropdown[data-id="user"] { width: 325px; right: 0; } .header-dropdown[data-id="user"] .dropdown-header .icon-wrapper { margin-left: 30px; } .popup-user-body { margin-top: 30px; } .popup-user-menu-item:not(:first-child) { margin-top: 10px; } .popup-user-footer { margin-top: 30px; } /** * Pages **/ /** * Index page **/ @media (max-width: 1023.98px) { .site-wrapper[data-page="index"] > .content { padding-bottom: 10px; } } @media (max-width: 1023.98px) { .site-wrapper[data-page="index"] .section-header { margin-top: 10px; } } @media (min-width: 1024px) { .site-wrapper[data-page="index"] .subheader-menu { background: #064991; } } @media (min-width: 1024px) { .site-wrapper[data-page="index"] .site-menu { display: block; } } /** * Delivery page **/ .delivery-price { margin: 20px 0; width: 100%; max-width: 100%; } .table-responsive { display: block; width: 100%; overflow-x: auto; -webkit-overflow-scrolling: touch; -ms-overflow-style: -ms-autohiding-scrollbar; } @media (min-width: 660px) { .delivery-price { margin: 30px 0; } } @media (min-width: 1024px) { .delivery-price { margin: 40px 0; } } @media (min-width: 1440px) { .delivery-price { margin: 50px 0; } } .delivery-price th:nth-child(1), .delivery-price td:nth-child(1) { width: 31%; text-align: left; } .delivery-price th:nth-child(2), .delivery-price td:nth-child(2) { width: 23%; text-align: center; } .delivery-price th:nth-child(3), .delivery-price td:nth-child(3) { width: 23%; text-align: center; } .delivery-price th:nth-child(4), .delivery-price td:nth-child(4) { text-align: center; width: 23%; } @media (min-width: 660px) { .delivery-price-mobile { display: none; } } @media (min-width: 660px) { .delivery-partners { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; margin: 0 -5px; } } @media (min-width: 1024px) { .delivery-partners { margin: 0 -8px; } } .delivery-partners-item { margin-top: 10px; } @media (min-width: 660px) { .delivery-partners-item { margin-top: 0; padding: 0 5px; } } @media (min-width: 1024px) { .delivery-partners-item { padding: 0 8px; } } .delivery-partners-item:first-child { margin-top: 0; } .delivery-partners-item img { max-width: 100%; display: block; } .marker-heading { display: -ms-flexbox; display: flex; font-size: 20px; font-weight: 500; line-height: 24px; margin-top: 20px; padding-top: 13px; } .marker-heading:first-child { margin-top: 0; } .marker-heading .icon { -ms-flex: none; flex: none; width: 50px; height: 43px; display: block; fill: #013874; margin-right: 20px; margin-top: -13px; } .marker-heading span { -ms-flex: 1; flex: 1; } .marker-map { margin-top: 20px; height: 380px; } /** * Instruction page **/ .instruction{ margin: 22px 0 30px 0; padding: 50px 40px 60px 40px; background-color: #fff; } .search-language-guess{ flex: 100%; margin-top: 20px; } .instruction-filters-row{ display: flex; justify-content: space-between; flex-wrap: wrap; } .instruction-search__text{ flex: 100%; margin-top: 20px; } .instruction-filters__form-row{ display: flex; flex: 1; } .instruction-filters__item{ flex: 0 1 345px; margin-right: 30px; } .instruction-filters__item--search{ position: relative; } .search-input__icon{ position: absolute; left: 20px; top: 20px; transition: all 0.2s ease-in-out; fill: #BDBDBD; } .search-input:focus ~ .search-input__icon{ fill: #4FA9E8; } .instruction-filters__item--search{ flex: 1; margin-right: 0; } .search-input{ width: 100%; height: 54px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; line-height: 52px; font-size: 14px; padding: 0 25px 0 40px; transition: border-color 500ms; } .instruction-list{ margin: 55px 0 50px 0; padding: 0; list-style: none; display: grid; gap: 70px 40px; grid-template: auto / repeat(auto-fill, minmax(287px, 1fr)); } .instruction-list__item{ padding: 0; margin: 0; } .instruction-list__item::before{ content: none; } .instruction-list__link{ display: flex; align-items: center; font-size: 16px; line-height: 19px; color: #4FA9E8; } .instruction-list__link img{ margin-right: 19px; } .instruction__btn{ display: block; background: white; border: 1px solid #f2f2f2; line-height: 18px; font-size: 14px; color: #4f4f4f; cursor: pointer; padding: 14px 20px 10px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 1165px){ .instruction{ padding: 40px 20px 30px 20px; } .instruction-filters__form-row{ flex: 1 0 auto; } .instruction-filters__item,.instruction-filters__item--search{ flex: 1 0 30%; } .instruction-list{ gap: 70px 30px; grid-template: auto / repeat(auto-fill, minmax(240px, 1fr)); } } @media (max-width: 768px){ .instruction{ padding: 30px 18px 40px 18px; } .instruction-filters__form-row .instruction-filters__item:nth-last-child(2){ margin-right: 0; } .instruction-filters__item--search{ flex: 1 0 100%; margin-top: 15px; } .instruction-list{ gap: 70px 30px; grid-template: auto / repeat(auto-fill, minmax(280px, 1fr)); } } @media (max-width: 500px){ .instruction{ padding:25px 15px 30px 15px; } .instruction-filters__form-row{ flex-wrap: wrap; } .instruction-filters__form-row{ flex: 1 0 100%; } .instruction-filters__item{ flex: 1 0 100%; margin-top: 15px; margin-right: 0; } .instruction-filters__item--search{ margin-top: 15px; } .instruction-list{ gap: 30px; justify-content: center; } .location-choice .location-choice__content{ padding: 15px; position: static; } .catalog-form{ padding: 15px 25px 30px 25px; } .catalog-form__title{ font-size: 24px; } .catalog-form-row{ flex-direction: column; align-items: stretch; margin-bottom: 0; } .catalog-form__item{ margin-bottom: 20px; } .catalog-form__item + .catalog-form__item{ margin-left: 0; } } /** * Sellers page **/ .departments { margin-top: 20px; } @media (min-width: 1024px) { .departments { margin-top: 40px; } } @media (max-width: 659.98px) { .departments > .container { padding: 0; } } @media (min-width: 660px) { .departments-cols { display: -ms-flexbox; display: flex; margin: 0 -5px; } } @media (min-width: 1024px) { .departments-cols { margin: 0 -15px; } } @media (min-width: 660px) { .departments-col { -ms-flex: 1; flex: 1; padding: 0 5px; } } @media (min-width: 1024px) { .departments-col { padding: 0 15px; } } .departments-item { height: 100%; border-top: 1px solid #ededed; background: white; padding: 50px 20px; } @media (min-width: 660px) { .departments-item { border-top: 0; } } @media (min-width: 1024px) { .departments-item { padding: 50px; } } .departments-title { font-weight: 500; font-size: 18px; } .departments-text { line-height: 30px; margin-top: 20px; } .departments-text a { color: #013874; } .departments-text a:visited { color: #013874; } .departments-text a:hover, .departments-text a:active { color: #013874; } @media (max-width: 659.98px) { .site-wrapper[data-page="sellers"] { background: white; } .site-wrapper[data-page="sellers"] .page-header { margin-top: 0; } .site-wrapper[data-page="sellers"] .social { margin-top: 20px; border-top: 1px solid #F2F2F2; padding-top: 10px; } .site-wrapper[data-page="sellers"] .footer { border-top: 1px solid #F2F2F2; } } /** * Credit page **/ @media (min-width: 660px) { .credit-row { display: -ms-flexbox; display: flex; } .credit-image { -ms-flex: 40%; flex: 40%; padding-right: 20px; } .credit-text { -ms-flex: 60%; flex: 60%; } } /** * Guarantees page **/ .guarantee-icon { width: 45px; } .guarantee-icon[data-type="1"] .icon { width: 23px; height: 28px; display: block; } .guarantee-icon[data-type="2"] .icon { width: 24px; height: 22px; display: block; } .guarantee-icon[data-type="3"] .icon { width: 25px; height: 29px; display: block; } .guarantee-icon[data-type="4"] .icon { width: 25px; height: 31px; display: block; } .guarantee-icon[data-type="5"] .icon { width: 23px; height: 28px; display: block; } .guarantee-icon[data-type="6"] .icon { width: 25px; height: 26px; display: block; } /** * Contacts page **/ .contacts-header { font-size: 24px; padding-bottom: 30px; } @media (max-width: 1023.98px) { .contacts-header { padding-bottom: 20px; } } .contacts-body { border-top: 1px solid #ededed; line-height: 24px; font-size: 14px; display: -ms-flexbox; display: flex; } @media (max-width: 1023.98px) { .contacts-body { display: block; } } .contacts-col:nth-child(1) { -ms-flex: 1; flex: 1; padding-right: 50px; } @media (min-width: 1440px) { .contacts-col:nth-child(1) { padding-right: 220px; } } .contacts-col:nth-child(2) { -ms-flex: 0 0 400px; flex: 0 0 400px; max-width: 400px; } @media (max-width: 1023.98px) { .contacts-col:nth-child(2) { margin-top: 30px; } } .contacts-row { margin-top: 30px; display: -ms-flexbox; display: flex; } @media (max-width: 659.98px) { .contacts-row { margin-top: 20px; } } .contacts-icon { width: 50px; -ms-flex: none; flex: none; fill: #013874; stroke: #013874; } .contacts-icon[data-type="1"] .icon { width: 25px; height: 25px; display: block; margin-top: 4px; } .contacts-icon[data-type="2"] .icon { width: 26px; height: 26px; display: block; margin-top: 4px; } .contacts-icon[data-type="3"] .icon { width: 27px; height: 16px; display: block; margin-top: 4px; } .contacts-icon[data-type="4"] .icon { width: 23px; height: 32px; display: block; margin-top: 2px; } .contacts-text { -ms-flex: 1; flex: 1; } .contacts-footer { margin-top: 50px; } @media (max-width: 1023.98px) { .contacts-footer { margin-top: 30px; } } /** * Contacts print **/ @media screen { .site-wrapper[data-page="contacts"] .contacts-body[data-media="print"] { display: none; } .site-wrapper[data-page="contacts"] .header-simple, .site-wrapper[data-page="contacts"] .footer-simple { display: none; } } @media print { .site-wrapper[data-page="contacts"] .contacts-header { padding-bottom: 45px; } .site-wrapper[data-page="contacts"] .contacts-body[data-media="screen"] { display: none; } .site-wrapper[data-page="contacts"] .contacts-body[data-media="print"] { display: block; } .site-wrapper[data-page="contacts"] .header, .site-wrapper[data-page="contacts"] .subheader, .site-wrapper[data-page="contacts"] .subheader-lite, .site-wrapper[data-page="contacts"] .subheader-mobile, .site-wrapper[data-page="contacts"] .site-menu-xs, .site-wrapper[data-page="contacts"] .header-simple, .site-wrapper[data-page="contacts"] .breadcrumbs-header, .site-wrapper[data-page="contacts"] .page-header, .site-wrapper[data-page="contacts"] .feedback, .site-wrapper[data-page="contacts"] .footer { display: none; } .site-wrapper[data-page="contacts"] .header-simple, .site-wrapper[data-page="contacts"] .footer-simple { display: block; } } .contacts-body[data-media="print"] { font-size: 18px; display: block; } .contacts-body[data-media="print"]::after { display: block; clear: both; content: ""; } .contacts-body[data-media="print"] .contacts-col { float: left; } .contacts-body[data-media="print"] .contacts-col:nth-child(1) { width: 850px; } .contacts-body[data-media="print"] .contacts-col:nth-child(2) { width: 400px; } .contacts-body[data-media="print"] p { margin: 20px 0 0; } .contacts-body[data-media="print"] p.contacts-title { margin-top: 30px; font-weight: 500; } /** * FAQ **/ .site-wrapper[data-page="faq"] .page-content { padding: 0; } .site-wrapper[data-page="faq"] .page-content-header { padding: 20px 10px; background: #E5E5E5; font-size: 24px; } .site-wrapper[data-page="faq"] .page-content-body { padding: 0 10px; } @media (min-width: 660px) { .site-wrapper[data-page="faq"] .page-content-header { padding: 20px; } .site-wrapper[data-page="faq"] .page-content-body { padding: 0 20px; } .site-wrapper[data-page="faq"] .spoiler-header { padding-left: 20px; padding-right: 20px; } .site-wrapper[data-page="faq"] .spoiler-body { padding-left: 20px; padding-right: 20px; } } @media (min-width: 1024px) { .site-wrapper[data-page="faq"] .page-content-header { padding: 20px 50px; } .site-wrapper[data-page="faq"] .page-content-body { padding: 0 50px; } .site-wrapper[data-page="faq"] .spoiler-header { padding-left: 20px; padding-right: 20px; } .site-wrapper[data-page="faq"] .spoiler-body { padding-left: 50px; padding-right: 50px; } } /** * Jobs page **/ .jobs-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding-bottom: 40px; position: relative; } @media (max-width: 659.98px) { .jobs-header { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } .jobs-header .location-select, .jobs-header .jobs-result { margin-top: 20px; } } .region { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex: 1; flex: 1; } @media (max-width: 659.98px) { .region { -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } } .region .location-select { height: 33px; } .region .location-select .icon[data-type="1"] { width: 13px; height: 19px; fill: #013874; } .region-label { font-size: 24px; margin-right: 20px; } .jobs-result { -ms-flex: none; flex: none; font-size: 14px; text-align: right; letter-spacing: 0.02em; } .jobs-spoiler .spoiler-body { padding-top: 0; } .jobs-spoiler-header { padding-bottom: 20px; cursor: pointer; } .jobs-spoiler-header:hover .spoiler-header .icon { fill: #828282; } .jobs-spoiler-header.is-active .spoiler-header .icon { transform: rotate(-90deg); } .jobs-spoiler-header.is-active .spoiler-header .icon[data-type="2"] { transform: rotate(0); } .jobs-spoiler-header .spoiler-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 20px 0; font-size: 20px; cursor: default; } .jobs-spoiler-header .spoiler-header > .icon { -ms-flex: none; flex: none; width: 25px; height: 25px; display: block; margin-left: 20px; transform: rotate(90deg); transition-property: transform, fill; transition-duration: 500ms; fill: #bdbdbd; } .jobs-spoiler-header .spoiler-header > .icon[data-type="2"] { width: 15px; height: 12px; margin-right: 5px; transform: rotate(180deg); } .jobs-meta { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; font-size: 18px; color: #828282; } .jobs-meta + .jobs-meta { margin-top: 10px; } .jobs-meta-icon { width: 30px; } .jobs-meta-icon[data-type="1"] .icon { width: 18px; height: 18px; } .jobs-meta-icon[data-type="2"] .icon { width: 13px; height: 19px; margin-left: 2px; } .jobs-meta-icon .icon { display: block; fill: #ededed; } .jobs-cols { font-size: 20px; color: #4f4f4f; } @media (min-width: 1024px) { .jobs-cols { display: -ms-flexbox; display: flex; margin: 0 -8px; } } @media (min-width: 1440px) { .jobs-cols { margin: 0 -15px; } } .jobs-cols span { color: black; } .jobs-cols p { margin: 15px 0 0; } .jobs-cols p:first-child { margin-top: 0; } .jobs-col { margin-top: 20px; } @media (min-width: 660px) { .jobs-col { margin-top: 30px; } } @media (min-width: 1024px) { .jobs-col { -ms-flex: 1; flex: 1; padding: 0 8px; } } @media (min-width: 1440px) { .jobs-col { padding: 0 15px; } } /** * Downloads page **/ .downloads { margin: -30px -10px 0; } @media (min-width: 660px) { .downloads { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-pack: center; justify-content: center; } } .downloads-item { padding: 0 10px; margin-top: 30px; } @media (min-width: 660px) { .downloads-item { -ms-flex: 33.333%; flex: 33.333%; } } @media (min-width: 1024px) { .downloads-item { -ms-flex: 20%; flex: 20%; } } .downloads-image img { margin: 0 auto; } .downloads-title { margin-top: 20px; text-align: center; } /** * Brands **/ .brands { margin-top: 20px; } @media (min-width: 660px) { .brands .brands-list { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: -16px -8px 0; } } @media (min-width: 660px) { .brands .brand { -ms-flex: 0 0 50%; flex: 0 0 50%; } .brands .brand .brand-content { margin: 16px 8px 0; } } @media (min-width: 1024px) { .brands .brand { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } } @media (min-width: 1440px) { .brands .brand { -ms-flex: 0 0 25%; flex: 0 0 25%; } } .brands .brand-content { height: 100%; background: white; position: relative; } .brands .brand-content:hover .brand-body { color: #013874; } .brands .brand-header { height: 166px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .brands .brand-body { padding: 20px; font-weight: 500; font-size: 18px; letter-spacing: 0.02em; border-top: 1px solid #f2f2f2; transition: color 500ms; } .brands .brand-link { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: block; } /** * Brand details **/ .image-header { position: relative; overflow: hidden; } @media (min-width: 1024px) { .image-header { padding-bottom: 140px; margin-bottom: -140px; } } .image-header:after { content: ''; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: rgba(15, 16, 46, 0.52); } .image-header > .container { height: 190px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; z-index: 1; } @media (min-width: 660px) { .image-header > .container { height: 240px; } } .image-header .breadcrumbs { -ms-flex-pack: center; justify-content: center; } .image-header .breadcrumbs-item { color: white; } .image-header .breadcrumbs-item a { color: white; } .image-header .breadcrumbs-item a:visited { color: white; } .image-header .breadcrumbs-item a:hover, .image-header .breadcrumbs-item a:active { color: white; } .image-header h1 { margin: 20px 0 0; font-size: 20px; font-weight: 500; line-height: 1.2; color: white; text-align: center; } @media (min-width: 660px) { .image-header h1 { font-size: 36px; } } .image-header-background { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; } @media (min-width: 1440px) { .image-header-background[data-image-style="1"] { background-position: 50% 79%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .image-header-background[data-image-style="1"] { background-position: 50% 92%; top: -23%; right: -23%; bottom: -23%; left: -23%; } } @media (max-width: 1023.98px) { .image-header-background[data-image-style="1"] { background-position: 50% 100%; top: -10%; right: -10%; bottom: -10%; left: -10%; } } @media (min-width: 1440px) { .image-header-background[data-image-style="2"] { background-position: 50% 74%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .image-header-background[data-image-style="2"] { background-position: 50% 31%; } } @media (min-width: 660px) and (max-width: 1023.98px) { .image-header-background[data-image-style="2"] { background-position: 50% 37%; top: -10%; right: -10%; bottom: -10%; left: -10%; } } @media (max-width: 659.98px) { .image-header-background[data-image-style="2"] { background-position: 50% 50%; top: -25%; right: -25%; bottom: -25%; left: -25%; } } .brand-details { position: relative; } @media (max-width: 1023.98px) { .brand-details > .container { padding: 0; } } .brand-details .page-content { margin: 0; } .brand-details h2 { margin: 0; } @media (max-width: 659.98px) { .brand-details h2, .brands-other__title{ font-size: 20px; } .section-header.brand-detail-page { font-size:18px; } [data-placement*="brand_page-personalised"] h2.digi-recs__header { font-size:18px !important; } } @media (min-width: 660px) and (max-width: 1439.98px) { .brand-details h2, .brands-other__title{ font-size: 28px; } .section-header.brand-detail-page { font-size:24px; } [data-placement*="brand_page-personalised"] h2.digi-recs__header { font-size:24px !important; } } @media (min-width: 1440px) { .brand-details h2, .brands-other__title{ font-size: 28px; } .section-header.brand-detail-page { font-size:24px; } [data-placement*="brand_page-personalised"] h2.digi-recs__header { font-size:24px !important; } } @media (min-width: 1024px) { .brand-intro { display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; } } @media (max-width: 1023.98px) { .brand-intro img { margin: 0 auto; } } @media (min-width: 1024px) { .brand-intro img { -ms-flex: none; flex: none; } } @media (max-width: 1023.98px) { .brand-intro-text { margin-top: 30px; } } @media (min-width: 1024px) { .brand-intro-text { -ms-flex: 1; flex: 1; padding-left: 40px; } } @media (min-width: 1440px) { .brand-intro-text { padding-left: 70px; } } .brand-popular { margin-top: 20px; } @media (min-width: 660px) { .brand-popular { margin-top: 30px; } } @media (min-width: 1024px) { .brand-popular { margin-top: 40px; } } @media (min-width: 1440px) { .brand-popular { margin-top: 60px; } } .brand-popular-header { display: -ms-flexbox; display: flex; } @media (max-width: 659.98px) { .brand-popular-header { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .brand-popular-header h2 { -ms-flex: 1; flex: 1; } @media (max-width: 659.98px) { .brand-popular-header h2 { -ms-flex: 100%; flex: 100%; } } @media (min-width: 660px) { .brand-popular-header h2 { padding-right: 20px; line-height: 30px; } } @media (min-width: 1440px) { .brand-popular-header h2 { line-height: 44px; } } .brand-popular-header .social-icons { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; } @media (max-width: 659.98px) { .brand-popular-header .social-icons { margin-top: 20px; } } @media (min-width: 1440px) { .brand-popular-header .social-icons { margin-top: 14px; } } .brand-popular-header .social-item { width: 30px; height: 30px; margin-right: 5px; } @media (max-width: 659.98px) { .brand-popular-header .social-item { margin-right: 0; margin-left: 5px; } } .brand-popular-items { padding-top: 20px; } @media (min-width: 660px) { .brand-popular-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin: 0 -10px; padding-top: 30px; margin-top: -40px; } } @media (min-width: 1024px) { .brand-popular-items { padding-top: 40px; } } @media (min-width: 1440px) { .brand-popular-items { padding-top: 50px; } } .brand-popular-item { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 18px; color: inherit; text-decoration: none; } @media (max-width: 659.98px) { .brand-popular-item { border-top: 1px solid #f2f2f2; padding: 20px 10px; margin: 0 -10px; } } @media (min-width: 660px) { .brand-popular-item { padding: 0 10px; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; margin-top: 40px; } } @media (min-width: 1024px) { .brand-popular-item { -ms-flex: 0 0 25%; flex: 0 0 25%; } } @media (min-width: 1440px) { .brand-popular-item { -ms-flex: 0 0 20%; flex: 0 0 20%; } } .brand-popular-item:visited, .brand-popular-item:hover { color: inherit; } .brand-popular-image { -ms-flex: none; flex: none; height: 120px; margin-bottom: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .brand-popular-image img { max-height: 100%; } .brand-categories { margin-top: 20px; } @media (max-width: 659.98px) { .brand-categories { border-top: 1px solid #f2f2f2; padding: 20px 10px; margin-left: -10px; margin-right: -10px; } } @media (min-width: 660px) { .brand-categories { margin-top: 30px; } } @media (min-width: 1024px) { .brand-categories { margin-top: 40px; } } @media (min-width: 1440px) { .brand-categories { margin-top: 60px; } } .brand-categories ul { list-style: none; margin: 0; margin-top: 20px; } @media (min-width: 660px) { .brand-categories ul { columns: 2; margin-top: 30px; } } @media (min-width: 1024px) { .brand-categories ul { margin-top: 40px; } } @media (min-width: 1440px) { .brand-categories ul { columns: 3; margin-top: 50px; } } .brand-categories li { padding-left: 0; } @media (max-width: 1023.98px) { .brand-categories li { padding-right: 20px; } } @media (min-width: 1024px) { .brand-categories li { padding-right: 50px; } } .brand-categories li:before { display: none; } /** * Brand collections **/ @media (max-width: 1023.98px) { .brand-collections > .container { padding: 0; } } .brand-collections .page-content { padding: 20px 10px; } @media (min-width: 660px) { .brand-collections .page-content { padding: 20px; } } @media (min-width: 1024px) { .brand-collections .page-content { padding: 30px; } } @media (min-width: 1440px) { .brand-collections .page-content { padding: 50px; } } .brand-collections h2 { font-size: 18px; font-weight: 400; line-height: 1.2; margin: 0; } @media (min-width: 660px) { .brand-collections h2 { font-size: 24px; } } @media (min-width: 1440px) { .brand-collections h2 { font-size: 36px; } } .brand-collections-items { padding-top: 20px; margin: -20px 0 0 -20px; } .brand-collections-items::after { display: block; clear: both; content: ""; } @media (min-width: 660px) { .brand-collections-items { padding-top: 30px; } } @media (min-width: 1440px) { .brand-collections-items { padding-top: 50px; } } .brand-collections-item { margin: 20px 0 0 20px; float: left; } .brand-footer { margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } @media (max-width: 659.98px) { .brand-footer { -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 660px) { .brand-footer { margin-top: 30px; } } @media (min-width: 1024px) { .brand-footer { margin-top: 40px; } } .brand-footer .btn { -ms-flex: none; flex: none; } @media (min-width: 660px) { .brand-footer .btn { max-width: 250px; } } .brand-footer .social-icons { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 659.98px) { .brand-footer .social-icons { margin-top: 20px; -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1440px) { .brand-footer .social-icons { margin-top: 14px; } } .brand-footer .social-item { width: 30px; height: 30px; margin-left: 5px; } .brand-footer .social-item:first-child { margin-left: 20px; } /** * Partners page **/ .partners { margin: 0 -10px; } @media (min-width: 660px) { .partners { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .partners .partner { height: 100px; margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 660px) { .partners .partner { padding: 0 10px; -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (min-width: 1024px) { .partners .partner { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } } @media (min-width: 1440px) { .partners .partner { -ms-flex: 0 0 20%; flex: 0 0 20%; } } /** * Clients page **/ .clients-title { font-size: 24px; margin-top: 20px; } @media (min-width: 660px) { .clients-title { margin-top: 40px; } } .client { margin-top: 20px; } @media (min-width: 660px) { .client { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .client { margin-top: 40px; } } @media (min-width: 660px) { .client .client-header { -ms-flex: none; flex: none; } } @media (max-width: 659.98px) { .client .client-header img { width: 100%; } } @media (min-width: 660px) { .client .client-body { -ms-flex: 1; flex: 1; padding-left: 20px; } } @media (min-width: 1024px) { .client .client-body { padding-left: 40px; } } .client .client-title { font-weight: 500; font-size: 24px; margin-top: 20px; } @media (min-width: 660px) { .client .client-title { margin-top: 0; } } @media (max-width: 1023.98px) { .site-wrapper[data-page="clients"] { background: white; } .site-wrapper[data-page="clients"] .page-content { padding: 0; } .site-wrapper[data-page="clients"] .footer { border-top: 2px solid #F2F2F2; } } @media (max-width: 659.98px) { .site-wrapper[data-page="clients"] .page-header { margin-top: 0; } .site-wrapper[data-page="clients"] .social { margin-top: 20px; } } /** * Designers page **/ .designers { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 50px; position: relative; } .designers:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; display: block; background-color: rgba(1, 1, 12, 0.6); } .designers .breadcrumbs { -ms-flex-pack: center; justify-content: center; } .designers .breadcrumbs-item { color: #ededed; } .designers .breadcrumbs-item a { color: #ededed; } .designers .breadcrumbs-item a:visited { color: #ededed; } .designers .breadcrumbs-item a:hover, .designers .breadcrumbs-item a:active { color: #ededed; } .designers h1 { color: white; margin-top: 20px; text-align: center; } @media (min-width: 660px) { .designers h1 { margin-top: 30px; } } @media (min-width: 1024px) { .designers h1 { margin-top: 40px; } } .designers-content { position: relative; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 100%; height: 100%; } .designers-features { margin: 0 -10px; margin-top: -20px; padding-top: 20px; } @media (min-width: 660px) { .designers-features { margin: 0 -15px; padding-top: 30px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } @media (min-width: 1024px) { .designers-features { margin: 0 -25px; padding-top: 50px; } } .designers-feature { font-weight: 500; font-size: 18px; color: white; text-align: center; margin-top: 20px; } .designers-feature-item { padding: 0 10px; } @media (min-width: 660px) { .designers-feature { -ms-flex: 0 0 50%; flex: 0 0 50%; } .designers-feature-item { padding: 0 15px; } } @media (min-width: 1024px) { .designers-feature { -ms-flex: 0 0 25%; flex: 0 0 25%; } .designers-feature-item { padding: 0 25px; } } .designers-feature .icon { width: 92px; height: 92px; display: block; margin: 0 auto 20px; } .designers-footer { margin-top: 20px; font-weight: 500; font-size: 18px; text-align: center; color: white; } @media (min-width: 660px) { .designers-footer { margin-top: 40px; } } @media (min-width: 1024px) { .designers-footer { margin-top: 80px; } } /** * Site wrapper **/ .site-wrapper[data-page="designers"] > .content { padding: 0; } .site-wrapper[data-page="designers"] .feedback { margin: 0; } /** * Stores **/ @media (max-width: 659.98px) { .stores-tabs { display: -ms-flexbox; display: flex; } } @media (min-width: 660px) { .stores-tabs { display: none; } } .stores-tab { -ms-flex: 0 0 50%; flex: 0 0 50%; height: 54px; background: white; border: 1px solid #ededed; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition-property: border-color, background-color, color; transition-duration: 500ms; } .stores-tab:nth-child(1) { border-radius: 30px 0 0 30px; border-right: 0; } .stores-tab:nth-child(2) { border-radius: 0 30px 30px 0; border-left: 0; } .stores-tab:hover { border-color: #013874; } .stores-tab.is-active { border-color: #013874; background: #013874; color: white; } .stores-tab.is-active .icon { fill: white; } .stores-tab .icon { display: block; fill: #013874; margin-right: 15px; } .stores-tab .icon[data-type="1"] { width: 25px; height: 19px; } .stores-tab .icon[data-type="2"] { width: 14px; height: 20px; } .stores { height: 480px; border-top: 1px solid #ededed; } @media (max-width: 659.98px) { .stores { margin-top: 20px; } } @media (min-width: 660px) { .stores { display: -ms-flexbox; display: flex; height: 740px; } } .stores .spoiler-header { padding-right: 20px; -ms-flex-pack: justify; justify-content: space-between; } .stores .spoiler-body { padding: 0; } .stores-list { overflow: hidden; max-height: 100%; position: relative; } @media (max-width: 659.98px) { .stores-list { display: none; } .stores-list.is-active { display: block; } } @media (min-width: 660px) and (max-width: 1023.98px) { .stores-list { -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .stores-list { -ms-flex: 0 0 40%; flex: 0 0 40%; } } @media (min-width: 1440px) { .stores-list { -ms-flex: 0 0 30%; flex: 0 0 30%; } } .spoiler-store .spoiler-header { font-weight: 500; font-size: 14px; letter-spacing: 0.02em; } .spoiler-store .spoiler-body { padding: 20px 20px 20px 0; } .store-info { display: -ms-flexbox; display: flex; margin-top: 20px; } .store-info:first-child { margin-top: 0; } .store-info-icon { -ms-flex: 0 0 40px; flex: 0 0 40px; fill: #013874; stroke: #013874; } .store-info-icon[data-type="1"] .icon { width: 25px; height: 25px; } .store-info-icon[data-type="2"] .icon { width: 26px; height: 26px; } .store-info-icon[data-type="3"] .icon { width: 27px; height: 16px; } .store-info-icon[data-type="4"] .icon { width: 23px; height: 32px; } .store-info-icon .icon { display: block; fill: #013874; } .store-info-more { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; color: #4fa9e8; text-decoration: none; } .store-info-more:visited { color: #4fa9e8; } .store-info-more:hover { color: #4fa9e8; text-decoration: underline; } .store-info-more .icon { -ms-flex: none; flex: none; display: block; width: 9px; height: 17px; margin-left: 10px; fill: #4fa9e8; } .stores-map { height: 100%; max-height: 100%; } @media (max-width: 659.98px) { .stores-map { /*display: none;*/ visibility: hidden; } .stores-map.is-active { /*display: block;*/ visibility: visible; } } @media (min-width: 660px) and (max-width: 1023.98px) { .stores-map { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .stores-map { -ms-flex: 0 0 60%; flex: 0 0 60%; max-width: 60%; } } @media (min-width: 1440px) { .stores-map { -ms-flex: 0 0 70%; flex: 0 0 70%; max-width: 70%; } } @media (min-width: 660px) { .stores-map { border-left: 1px solid #ededed; } } @media (max-width: 659.98px) { .site-wrapper[data-page="stores"] { background: white; } .site-wrapper[data-page="stores"] .page-header { margin-top: 0; } .site-wrapper[data-page="stores"] .social { margin-top: 20px; border-top: 1px solid #F2F2F2; padding-top: 10px; } .site-wrapper[data-page="stores"] .footer { border-top: 1px solid #F2F2F2; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .site-wrapper[data-page="stores"] .feedback-content { display: -ms-flexbox; display: flex; padding-left: 0; padding-right: 0; } .site-wrapper[data-page="stores"] .feedback-header { width: 400px; -ms-flex: none; flex: none; padding-right: 50px; text-align: left; } .site-wrapper[data-page="stores"] .feedback-body { -ms-flex: 1; flex: 1; margin-top: 0; } } /** * Account page **/ .account-title { font-size: 24px; border-top: 1px solid #ededed; padding-top: 20px; } @media (min-width: 660px) { .account-title { border-top: 0; padding-top: 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } .account-subtitle { font-weight: bold; font-size: 18px; margin-top: 20px; } @media (min-width: 1024px) { .account-subtitle { margin-top: 40px; } } @media (min-width: 1024px) { .info-cols { display: -ms-flexbox; display: flex; margin: 0 -50px; } } .info-col { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } @media (min-width: 1024px) { .info-col { -ms-flex: 1; flex: 1; padding: 0 50px; } } @media (max-width: 1023.98px) { .info-col + .account-col { border-top: 1px solid #ededed; } } @media (min-width: 1024px) { .info-col + .account-col { border-left: 1px solid #ededed; } } .info-body { -ms-flex: 1; flex: 1; line-height: 30px; margin-top: 20px; } .info-footer { margin-top: 20px; } .address-new { display: -ms-flexbox; display: flex; line-height: 20px; } .address-new .icon { -ms-flex: none; flex: none; margin-right: 15px; } .order-history { margin-top: 20px; } @media (min-width: 1024px) { .order-history { margin-top: 40px; } } @media (max-width: 1439.98px) { .order-history { font-size: 14px; } } @media (max-width: 1023.98px) { .order-history { display: none; } } .order-history-row { padding: 20px 0; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 0 -10px; } .order-history-row + .order-history-row { border-top: 1px solid #ededed; } .order-history-col { -ms-flex: 1; flex: 1; padding: 0 10px; } .order-history-node + .order-history-node { margin-top: 20px; } @media (max-width: 1023.98px) { .order-history-details { margin-top: 20px; } } @media (min-width: 1024px) { .order-history-details { text-align: right; } } @media (min-width: 1024px) { .order-history-mobile { display: none; } } .order-history-mobile .order-history-node { display: -ms-flexbox; display: flex; } .order-history-item { padding: 20px 0; } @media (min-width: 660px) { .order-history-item { padding: 30px 0; } } .order-history-item + .order-history-item { border-top: 1px solid #ededed; } .order-history-key { -ms-flex: 0 0 50%; flex: 0 0 50%; } @media (min-width: 660px) { .order-history-key { -ms-flex: 0 0 40%; flex: 0 0 40%; } } .order-history-val { -ms-flex: 1; flex: 1; } .subscription-rows { margin-top: 20px; } .subscription-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .subscription-row + .subscription-row { margin-top: 10px; } .subscription-row-icon { width: 30px; } .subscription-row-icon[data-type="1"] .icon { width: 14px; height: 12px; } .subscription-row-icon[data-type="2"] .icon, .subscription-row-icon[data-type="4"] .icon { width: 16px; height: 16px; } .subscription-row-icon .icon { display: block; fill: #013874; } .subscription-footer { margin-top: 20px; } .site-wrapper[data-page="account"] { font-size: 14px; } @media (max-width: 659.98px) { .site-wrapper[data-page="account"] { background: white; } .site-wrapper[data-page="account"] > .content .page-header { margin: 0; } .site-wrapper[data-page="account"] .footer { border-top: 1px solid #EDEDED; } .site-wrapper[data-page="account"] .shopping-categories-container { border-top: 1px solid #EDEDED; margin-top: 20px; } .site-wrapper[data-page="account"] .shopping-categories-container .page-content { margin-top: 0; } .site-wrapper[data-page="account"] .account-content { margin-left: -10px; margin-right: -10px; border-top: 1px solid #ededed; } .site-wrapper[data-page="account"] .account-content .account-title { border-top: 0; padding-top: 0; } } /** * Edit form **/ @media (max-width: 659.98px) { .edit-content { padding-left: 20px; padding-right: 20px; } } .account-edit { margin-top: 20px; } @media (min-width: 1024px) { .account-edit { margin-top: 50px; } } .account-edit .checkbox-text { padding-top: 3px; } .account-edit-row { margin-top: 20px; } @media (min-width: 1024px) { .account-edit-row { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .account-edit-label { -ms-flex: 0 1 18%; flex: 0 1 18%; max-width: 18%; padding-right: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } @media (min-width: 1440px) { .account-edit-label { -ms-flex: 0 1 35%; flex: 0 1 35%; max-width: 35%; } } @media (max-width: 1023.98px) { .account-edit-input { margin-top: 10px; } } @media (min-width: 1024px) { .account-edit-input { -ms-flex: 0 1 47%; flex: 0 1 47%; max-width: 47%; } } @media (min-width: 1440px) { .account-edit-input { -ms-flex: 0 1 60%; flex: 0 1 60%; max-width: 60%; } } @media (min-width: 1024px) { .account-edit-input.is-style-2 { -ms-flex: 0 1 82%; flex: 0 1 82%; max-width: 82%; } } @media (min-width: 1440px) { .account-edit-input.is-style-2 { -ms-flex: 0 1 74%; flex: 0 1 74%; max-width: 74%; } } .account-edit-input input { width: 100%; height: 54px; border: 1px solid #ededed; border-radius: 30px; padding: 0 30px; color: #828282; line-height: 54px; transition: border-color 500ms; } .account-edit-input input::-webkit-input-placeholder { color: #828282; } .account-edit-input input:-ms-input-placeholder { color: #828282; } .account-edit-input input::placeholder { color: #828282; } .account-edit-input input.is-invalid { border-color: #eb5757; } .account-edit-input .processing-permission { margin-top: 0; } @media (min-width: 1024px) { .account-edit-submit .btn { max-width: 240px; margin: 0 auto 40px; } } /** * Subscription **/ .sudcription-status { font-size: 14px; letter-spacing: 0.02em; } @media (min-width: 660px) { .sudcription-status { text-align: right; } } @media (min-width: 1024px) { .account-edit-rows { display: -ms-flexbox; display: flex; margin: 0 -20px; } .account-edit-rows .account-edit-row { -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 20px; } .account-edit-rows .account-edit-label { -ms-flex: none; flex: none; } .account-edit-rows .account-edit-input { -ms-flex: 1; flex: 1; } } .checkbox-rows { margin-top: -10px; padding-top: 20px; } .checkbox-row { display: -ms-flexbox; display: flex; margin-top: 20px; } .checkbox-row .checkbox { -ms-flex: none; flex: none; margin-right: 20px; } .checkbox-text { -ms-flex: 1; flex: 1; } .account-text { margin-top: 20px; } /** * Subscription status **/ .subscription-status { margin-top: 30px; } @media (min-width: 1024px) { .subscription-status { margin-top: 50px; } } .subscription-status > .account-subtitle:first-child { margin-top: 0; } .subscription-status-rows { margin-top: -10px; padding-top: 20px; } .subscription-status-row { margin-top: 10px; } @media (min-width: 660px) { .subscription-status-row { display: -ms-flexbox; display: flex; } } @media (min-width: 660px) { .subscription-status-key { -ms-flex: 0 0 50%; flex: 0 0 50%; } } @media (min-width: 1024px) { .subscription-status-key { -ms-flex: 0 0 40%; flex: 0 0 40%; } } @media (min-width: 1440px) { .subscription-status-key { -ms-flex: 0 0 30%; flex: 0 0 30%; } } .subscription-status-val { font-weight: bold; } @media (min-width: 660px) { .subscription-status-val { -ms-flex: 1; flex: 1; } } .form-btns { margin-top: 20px; } @media (min-width: 1024px) { .form-btns { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 50px; } } @media (min-width: 1024px) { .form-btns .btn { width: 210px; margin: 0 10px; } } @media (max-width: 1023.98px) { .form-btns .btn + .btn { margin-top: 10px; } } /** * Order details page **/ @media (max-width: 659.98px) { .order-details-content { border-top: 1px solid #F2F2F2; margin-left: -10px; margin-right: -10px; } } .order-details-title { font-size: 24px; } .order-details { margin-top: 30px; } @media (min-width: 1024px) { .order-details { margin-top: 50px; } } .order-details-row { margin-top: 10px; } @media (min-width: 660px) { .order-details-row { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .order-details-row { margin-top: 20px; } } @media (min-width: 660px) { .order-details-key { -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 10px; } } @media (min-width: 1024px) { .order-details-key { -ms-flex: 0 0 40%; flex: 0 0 40%; } } @media (min-width: 1440px) { .order-details-key { -ms-flex: 0 0 30%; flex: 0 0 30%; } } .order-details-val { font-weight: 500; } .order-details-val .link-mimic { margin-left: 10px; } .order-details-subtitle { font-size: 18px; font-weight: 700; margin-top: 20px; } .order-content { margin-top: 30px; } @media (min-width: 1024px) { .order-content { margin-top: 50px; } } .order-content-header { padding: 10px 0; color: #828282; display: -ms-flexbox; display: flex; margin-top: 30px; } @media (max-width: 659.98px) { .order-content-header { display: none; } } @media (min-width: 1024px) { .order-content-header { margin-top: 50px; } } .order-content-photo { -ms-flex: 0 0 10%; flex: 0 0 10%; padding-right: 50px; display: none; } @media (min-width: 1024px) { .order-content-photo { display: block; } } @media (min-width: 660px) { .order-content-title { -ms-flex: 0 0 50%; flex: 0 0 50%; padding-right: 20px; } } @media (min-width: 1024px) { .order-content-title { -ms-flex: 0 0 30%; flex: 0 0 30%; padding-right: 50px; } } .order-content-status { -ms-flex: 0 0 15%; flex: 0 0 15%; padding-right: 50px; display: none; } @media (min-width: 1024px) { .order-content-status { display: block; } } .order-content-amount { display: none; } @media (min-width: 660px) { .order-content-amount { -ms-flex: 0 0 25%; flex: 0 0 25%; padding-right: 20px; display: block; text-align: center; } } @media (min-width: 1024px) { .order-content-amount { -ms-flex: 0 0 15%; flex: 0 0 15%; padding-right: 50px; text-align: left; } } .order-content-cost { display: none; } @media (min-width: 660px) { .order-content-cost { -ms-flex: 0 0 25%; flex: 0 0 25%; display: block; text-align: right; } } @media (min-width: 1024px) { .order-content-cost { -ms-flex: 0 0 15%; flex: 0 0 15%; padding-right: 50px; text-align: left; } } .order-content-payment { -ms-flex: 0 0 15%; flex: 0 0 15%; display: none; } @media (min-width: 1024px) { .order-content-payment { display: block; } } @media (max-width: 659.98px) { .order-content-body { margin-top: 30px; } } .order-content-item { border-top: 1px solid #f2f2f2; padding: 20px 0; display: -ms-flexbox; display: flex; } @media (max-width: 659.98px) { .order-content-item { margin: 0 -10px; padding-left: 10px; padding-right: 10px; } } .order-content-footer { border-top: 1px solid #f2f2f2; padding-bottom: 10px; } @media (max-width: 659.98px) { .order-content-footer { margin: 0 -10px; padding-left: 10px; padding-right: 10px; } } .order-content-row { margin-top: 20px; display: -ms-flexbox; display: flex; } .order-content-key { -ms-flex: 0 0 100px; flex: 0 0 100px; padding-right: 10px; } .order-content-val { font-weight: bold; } @media (min-width: 660px) { .order-content-val { -ms-flex: 1; flex: 1; } } /** * Cart steps **/ .steps-container { border-top: 1px solid #f2f2f2; background-color: white; } @media (max-width: 659.98px) { .steps-container { display: none; } } .steps { display: -ms-flexbox; display: flex; } .step { -ms-flex: 0 0 30%; flex: 0 0 30%; max-width: 30%; color: #828282; font-size: 23px; height: 60px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; padding-right: 12px; } @media (max-width: 1439.98px) { .step { padding-right: 8px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .step { font-size: 20px; height: 44px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .step { font-size: 14px; height: 40px; } } .step:nth-child(2) { -ms-flex: 0 0 40%; flex: 0 0 40%; max-width: 40%; } .step:last-child { padding-right: 0; } .step:last-child .step-icon { display: none; } .step.is-active { color: #013874; } .step.is-active .step-icon { fill: #013874; stroke: #013874; } .step-text { -ms-flex: none; flex: none; } .step-icon { fill: #bdbdbd; stroke: #828282; position: absolute; top: calc(50% - 10px); right: 0; } @media (max-width: 659.98px) { .step-icon { display: none; } } .step-icon.icon-arrow-02 { width: 12px; height: 20px; } @media (max-width: 1439.98px) { .step-icon.icon-arrow-02 { display: none; } } .step-icon.icon-arrow-03 { width: 8px; height: 20px; } @media (min-width: 1440px) { .step-icon.icon-arrow-03 { display: none; } } /** * Page cart **/ .cart { position: relative; } @media (min-width: 1024px) { .cart { display: -ms-flexbox; display: flex; margin: 0 -10px; } } .cart-layout { margin-top: 20px; } #basket-root{ right: 0; position: sticky; top: 0; align-self: baseline; } #basket-root .cart-side{ margin-bottom: 0!important; } @media (min-width: 1024px) { .cart-layout + .cart-layout { -ms-flex: 0 0 240px; flex: 0 0 240px; max-width: 240px; } } @media (min-width: 1440px) { .cart-layout + .cart-layout { -ms-flex: 0 0 420px; flex: 0 0 420px; max-width: 420px; } } .cart-content { background: white; /** * Cart common **/ /** * Cart desktop **/ /** * Cart mobile **/ } .cart-content .cart-item-photo { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .cart-content .cart-item-type { color: #828282; } .cart-content .cart-item-title { color: #013874; font-weight: 500; font-size: 14px; } .cart-content .cart-item-price { font-weight: 500; font-size: 14px; } .cart-content .cart-item-amount { -ms-flex: none; flex: none; width: 100px; font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; } .cart-content .cart-item-amount span { -ms-flex: 1; flex: 1; display: block; text-align: center; } .cart-content .cart-item-amount .icon { -ms-flex: none; flex: none; width: 24px; height: 24px; display: block; fill: #bdbdbd; cursor: pointer; } .cart-content .cart-item-amount .icon.is-disabled { fill: #ededed; } .cart-content .cart-item-total { font-weight: bold; font-size: 20px; } .cart-content[data-type="desktop"] { display: none; /** * Cart item **/ } .cart-item.basket-items-list-item-container:last-child { margin-bottom: 10px; } .installation-total-block-mini { margin-bottom: 10px; } @media (min-width: 1024px) { .cart-content[data-type="desktop"] { display: block; } } .cart-content[data-type="desktop"] .cart-header { color: #828282; padding: 10px 0; display: -ms-flexbox; display: flex; } .cart-content[data-type="desktop"] .cart-header-item { padding: 0 10px; } .cart-content[data-type="desktop"] .cart-header-item.cart-price { padding: 0px 20px; } .cart-content[data-type="desktop"] .cart-photo { padding: 0 20px; -ms-flex: 0 0 20%; flex: 0 0 20%; } .cart-content[data-type="desktop"] .cart-header-content { padding: 0 10px; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; } .cart-content[data-type="desktop"] .cart-title { -ms-flex: 1; flex: 1; } .cart-content[data-type="desktop"] .cart-price { -ms-flex: 0 0 20%; flex: 0 0 20%; } .cart-content[data-type="desktop"] .cart-amount { -ms-flex: 0 0 100px; flex: 0 0 100px; } .cart-content[data-type="desktop"] .cart-total { -ms-flex: 0 0 30%; flex: 0 0 30%; text-align: left; } .cart-content[data-type="desktop"] .cart-item { padding: 20px 0; display: -ms-flexbox; display: flex; } .cart-content[data-type="desktop"] .cart-item + .cart-item { border-top: 1px solid #f2f2f2; } .cart-content[data-type="desktop"] .cart-item-photo { -ms-flex: 0 0 20%; flex: 0 0 20%; padding: 0 20px; } .cart-content[data-type="desktop"] .cart-item-content { padding: 0 10px; -ms-flex: 1; flex: 1; } .cart-content[data-type="desktop"] .cart-item-primary { padding-top: 20px; display: -ms-flexbox; display: flex; } .cart-content[data-type="desktop"] .cart-item-header { -ms-flex: 1; flex: 1; padding: 0 10px; } .cart-content[data-type="desktop"] .cart-item-type { margin-bottom: 10px; font-size: 14px; } .cart-header .cart-header-item { font-size: 14px; } .cart-header-link { display: flex; align-items: end; padding: 0 40px 5px 10px; } .cart-header-link .cart-header-link-change-basket { margin-left: auto; } .cart-content[data-type="desktop"] .cart-item-title { line-height: 1.2; margin-top: 40px; } .cart-content[data-type="desktop"] .cart-item-price { -ms-flex: 0 0 20%; flex: 0 0 20%; padding: 0 10px; line-height: 30px; white-space: nowrap; position: relative; margin-top: 20px; } .cart-content[data-type="desktop"] .cart-item-amount { -ms-flex: 0 0 100px; flex: 0 0 100px; padding: 0 10px; line-height: 30px; } .cart-content[data-type="desktop"] .cart-item-total { -ms-flex: 0 0 30%; flex: 0 0 30%; padding-left: 10px; margin-right: -15px; line-height: 30px; } .cart-content[data-type="desktop"] .cart-item-secondary { padding-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-pack: justify; justify-content: space-between; } .cart-content[data-type="desktop"] .cart-item-set { padding: 0 10px; } .cart-content[data-type="desktop"] .cart-item-set span { color: #828282; display: block; margin-bottom: 10px; } .cart-content[data-type="desktop"] .cart-item-delete { padding: 0 10px; } @media (min-width: 1024px) { .cart-content[data-type="mobile"] { display: none; } } .cart-content[data-type="mobile"] .cart-item { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 20px 0; } .cart-content[data-type="mobile"] .cart-item + .cart-item { border-top: 1px solid #f2f2f2; } .cart-content[data-type="mobile"] .cart-item-photo { -ms-flex: 0 0 30%; flex: 0 0 30%; padding: 0 20px; } .cart-content[data-type="mobile"] .cart-item-primary { -ms-flex: 1; flex: 1; padding-left: 20px; } @media (min-width: 660px) { .cart-content[data-type="mobile"] .cart-item-primary { padding-right: 20px; } } .cart-content[data-type="mobile"] .cart-item-set { padding: 10px 0; } .cart-content[data-type="mobile"] .cart-item-set span { color: #828282; display: block; margin-top: 10px; } .cart-content[data-type="mobile"] .cart-item-row { margin-top: 10px; } @media (min-width: 660px) { .cart-content[data-type="mobile"] .cart-item-row { display: -ms-flexbox; display: flex; margin-top: 20px; } } .cart-content[data-type="mobile"] .cart-item-key { color: #828282; } @media (min-width: 660px) { .cart-content[data-type="mobile"] .cart-item-key { width: 130px; -ms-flex: none; flex: none; } } .cart-content[data-type="mobile"] .cart-item-val { margin-top: 5px; } @media (min-width: 660px) { .cart-content[data-type="mobile"] .cart-item-val { -ms-flex: none; flex: none; margin-top: 0; } } .cart-content[data-type="mobile"] .cart-item-amount .icon { margin-top: -4px; } .cart-content[data-type="mobile"] .cart-item-primary { padding-right: 10px; } @media (max-width: 659.98px) { .cart-content[data-type="mobile"] .cart-item-secondary { -ms-flex: 0 0 70%; flex: 0 0 70%; margin-left: 30%; margin-top: 20px; padding-left: 20px; padding-right: 10px; } } @media (min-width: 660px) { .cart-content[data-type="mobile"] .cart-item-secondary { padding: 0 20px; -ms-flex: none; flex: none; } } /** * Cart side **/ .cart-side { background: white; } .cart-side .cart-section { padding: 20px 10px; } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-side .cart-section { padding-left: 30px; padding-right: 30px; } } @media (min-width: 1440px) { .cart-side .cart-section { padding: 30px; } } .cart-side .cart-section + .cart-section { border-top: 1px solid #f2f2f2; } .cart-side .cart-title { font-size: 18px; } .cart-side .cart-coupon { margin-top: 20px; } @media (min-width: 1440px) { .cart-side .cart-coupon { display: -ms-flexbox; display: flex; } } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-side .cart-coupon { display: -ms-flexbox; display: flex; } } .cart-side .cart-coupon input { -ms-flex: none; flex: none; width: 100%; height: 44px; border: 2px solid #ededed; border-radius: 30px; padding: 0 20px; } @media (min-width: 1440px) { .cart-side .cart-coupon input { margin-right: -120px; padding-right: 140px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-side .cart-coupon input { margin-right: -120px; padding-right: 140px; } } .cart-side .cart-coupon input::-webkit-input-placeholder { color: #828282; } .cart-side .cart-coupon input:-ms-input-placeholder { color: #828282; } .cart-side .cart-coupon input::placeholder { color: #828282; } .cart-side .cart-coupon input.is-invalid { border-color: #DC4E41; } .cart-side .cart-coupon input:disabled { cursor: default; -webkit-text-fill-color: #E0E0E0; } .cart-side .cart-coupon .btn { -ms-flex: none; flex: none; height: 44px; margin-top: 10px; position: relative; } @media (min-width: 660px) { .cart-side .cart-coupon .btn { margin-top: 0; max-width: 120px; } } @media (min-width: 1024px) { .cart-side .cart-coupon .btn { margin-top: 10px; max-width: none; } } @media (min-width: 1440px) { .cart-side .cart-coupon .btn { margin-top: 0; max-width: 120px; } } .cart-side .cart-coupon .btn.is-locked { cursor: default; background-color: #013874; border-color: #013874; } .cart-side .cart-coupon .btn.is-locked .btn-text { transform: translate(-100%, 0); opacity: 0; } .cart-side .cart-coupon .btn.is-locked .btn-icon { transform: translate(0, 0); opacity: 1; } .cart-side .cart-coupon .btn .btn-text { transition-property: transform, opacity; transition-duration: 500ms; } .cart-side .cart-coupon .btn .btn-icon { transition-property: transform, opacity; transition-duration: 500ms; transform: translate(100%, 0); opacity: 0; position: absolute; top: calc(50% - 11px); left: calc(50% - 16px); } .cart-side .cart-coupon .btn .icon { width: 33px; height: 22px; display: block; } .cart-side .cart-coupon-error { color: #DC4E41; display: none; padding-top: 10px; } .cart-side .cart-coupon-code { padding: 10px 20px 0; display: none; } .cart-side .cart-coupon-code-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .cart-side .cart-coupon-code-item { color: #013874; text-transform: uppercase; padding-top: 4px; } .cart-side .cart-coupon-code-info { margin-left: 20px; } .cart-side .cart-coupon-code-info .icon-wrapper { padding: 10px; margin: -10px; cursor: pointer; } .cart-side .cart-coupon-code-info .icon-wrapper:hover .icon { fill: #616161; } .cart-side .cart-coupon-code-info .icon { width: 17px; height: 17px; display: block; fill: #828282; transition: fill 500ms; } .cart-side .cart-coupon-code-remove { margin-left: 20px; } .cart-side .cart-coupon-code-remove .icon-wrapper { padding: 10px; margin: -10px; cursor: pointer; } .cart-side .cart-coupon-code-remove .icon-wrapper:hover .icon { fill: #bfbfbf; } .cart-side .cart-coupon-code-remove .icon { width: 14px; height: 14px; display: block; fill: #E0E0E0; transition: fill 500ms; } .cart-side .cart-row { display: -ms-flexbox; display: flex; -ms-flex-align: baseline; align-items: baseline; -ms-flex-pack: justify; justify-content: space-between; } .cart-side .cart-row + .cart-row:not(.cart-row-savings) { margin-top: 10px; } .cart-side .cart-row-savings { margin-bottom: 30px; } .cart-side .cart-key { -ms-flex: 1; flex: 1; } @media (min-width: 1440px) { .cart-side .cart-key { font-size: 14px; } } .cart-side .cart-val { -ms-flex: none; flex: none; font-weight: 500; text-align: right; } @media (min-width: 1440px) { .cart-side .cart-val { font-size: 18px; } } .cart-side .cart-val span { font-weight: 700; font-size: 18px; } @media (min-width: 660px) { .cart-side .cart-val span { font-size: 25px; } } @media (min-width: 1024px) { .cart-side .cart-val span { font-size: 18px; } } @media (min-width: 1440px) { .cart-side .cart-val span { font-size: 25px; } } .cart-side .cart-submit { margin-top: 40px; } .cart-side .cart-submit .btn { height: 44px; } .cart-side .cart-oneclick { margin-top: 20px; } @media (min-width: 1440px) { .cart-side .cart-oneclick { display: -ms-flexbox; display: flex; } } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-side .cart-oneclick { display: -ms-flexbox; display: flex; } } .cart-side .cart-oneclick input { width: 100%; height: 44px; border: 2px solid #ededed; border-radius: 30px; padding: 0 20px; transition: border-color 500ms; } @media (min-width: 1440px) { .cart-side .cart-oneclick input { padding-right: 180px; padding-left: 15px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-side .cart-oneclick input { padding-right: 200px; } } .cart-side .cart-oneclick input.is-invalid { border-color: #eb5757; } .cart-side .cart-oneclick input:focus { border-color: #013874; } .cart-side .cart-oneclick input::-webkit-input-placeholder { color: #828282; } .cart-side .cart-oneclick input:-ms-input-placeholder { color: #828282; } .cart-side .cart-oneclick input::placeholder { color: #828282; } .cart-side .cart-oneclick .btn { -ms-flex: none; flex: none; height: 44px; margin-top: 10px; position: relative; } @media (min-width: 660px) { .cart-side .cart-oneclick .btn { margin-top: 0; max-width: 180px; } } @media (min-width: 1024px) { .cart-side .cart-oneclick .btn { margin-top: 10px; max-width: none; } } @media (min-width: 1440px) { .cart-side .cart-oneclick .btn { margin-top: 0; max-width: 180px; } } .cart-side .cart-oneclick-input-wrapper { -ms-flex: none; flex: none; width: 100%; } @media (min-width: 1440px) { .cart-side .cart-oneclick-input-wrapper { margin-right: -180px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-side .cart-oneclick-input-wrapper { margin-right: -180px; } } .processing-permission { margin-top: 18px; display: -ms-flexbox; display: flex; } .processing-permission.is-type-2 .processing-checkbox-label { color: #333333; font-weight: normal; } .processing-permission.is-type-2 .processing-checkbox-label:visited { color: #333333; } .processing-permission.is-type-2 .processing-checkbox-label:hover { color: #333333; } .processing-permission.is-type-3 .processing-checkbox-label { color: white; } .processing-permission.is-type-3 .processing-checkbox-label:visited { color: white; } .processing-permission.is-type-3 .processing-checkbox-label:hover { color: white; } .processing-permission.is-type-3 .processing-checkbox { border-width: 2px; } .processing-permission.is-type-3 .processing-checkbox:not(.is-invalid) { border-color: white; } .processing-permission.is-type-3 .processing-checkbox-check { fill: white; top: 3px; } .processing-permission .cart-coupon-code-info { -ms-flex: none; flex: none; } .processing-checkbox { -ms-flex: none; flex: none; border: 2px solid #979797; border-radius: 3px; overflow: hidden; position: relative; width: 19px; height: 19px; margin-right: 12px; transition: border-color 500ms; } .processing-checkbox.is-invalid { border-color: #eb5757; } .processing-checkbox-input:not(:checked) ~ .processing-checkbox-check { opacity: 0; } .processing-checkbox-check { width: 14px; height: 9px; position: absolute; top: 4px; left: 1px; transition: opacity 500ms; fill: #013874; } .processing-checkbox-label { -ms-flex: 1; flex: 1; line-height: 13px; font-size: 13px; color: #544c4c; padding-top: 5px; text-align: left; } .processing-checkbox-label:visited { color: #CFCFCF; } .processing-checkbox-label:hover { color: #544c4c; } .payment-submit:not(.active) { display: none; } .payment-submit.is-error { background: white; border: 2px solid #DC4E41; color: #DC4E41; box-shadow: none; } .payment-submit-oneclick.is-error { background: #E0E0E0 !important; border: 2px solid #E0E0E0 !important; color: white !important; } .cart-error { color: #DC4E41; line-height: 14px; font-size: 12px; margin: 20px 0 15px; padding: 0 !important; } .cart-error:not(.is-active) { display: none; } @media (max-width: 659.98px) { .site-wrapper[data-page="cart-process"] { background: white; } .site-wrapper[data-page="cart-process"] > .content .container { padding: 0; } .site-wrapper[data-page="cart-process"] .page-header { margin: 0; padding: 20px 10px 0; border-top: 1px solid #F2F2F2; } .site-wrapper[data-page="cart-process"] .page-content { border-top: 1px solid #F2F2F2; } .site-wrapper[data-page="cart-process"] .cart-process-summary { margin-left: -10px; margin-right: -10px; padding-left: 10px; padding-right: 10px; } .site-wrapper[data-page="cart-process"] .footer-simple { border-top: 1px solid #F2F2F2; } .site-wrapper[data-page="checkout"] .header-simple .location { display: none; } } /** * Order accepted page **/ @media (min-width: 660px) { .layout-cols { display: -ms-flexbox; display: flex; margin: 0 -10px; } } .layout-col { margin-top: 20px; } @media (min-width: 660px) { .layout-col { -ms-flex: 1; flex: 1; padding: 0 10px; } } .layout-content { background: white; padding: 20px 0; height: 100%; } @media (max-width: 659.98px) { .layout-content { border-top: 1px solid #f2f2f2; } } @media (min-width: 660px) { .layout-content { padding: 30px 20px; } } @media (min-width: 1440px) { .layout-content { padding: 30px 40px; } } /** * Poll **/ .poll-title { font-size: 18px; } @media (min-width: 660px) { .poll-title { font-size: 24px; } } .poll-options { padding-top: 20px; margin-top: -10px; } @media (min-width: 660px) { .poll-options { padding-top: 30px; margin-top: -20px; } } @media (min-width: 1024px) { .poll-options { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .poll-option { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 10px; padding-right: 10px; } @media (min-width: 660px) { .poll-option { margin-top: 20px; } } @media (min-width: 1024px) { .poll-option { -ms-flex: none; flex: none; width: 57%; } .poll-option:nth-child(2n + 2) { width: 43%; } } @media (min-width: 1440px) { .poll-option:nth-child(3n + 3) { width: 42%; } .poll-option:nth-child(3n + 4) { width: 32%; } .poll-option:nth-child(3n + 5) { width: 26%; } } .poll-option .checkbox { margin-right: 10px; } .poll-submit { margin-top: 20px; } @media (min-width: 660px) { .poll-submit { margin-top: 30px; } } .poll-submit .btn { max-width: 150px; height: 42px; } @media (min-width: 1440px) { .poll-submit .btn { max-width: 170px; } } /** * Social groups **/ .social-groups-title { font-size: 18px; } @media (min-width: 660px) { .social-groups-title { font-size: 24px; } } .social-groups-text { margin-top: 20px; } @media (min-width: 660px) { .social-groups-text { margin-top: 30px; } } .social-groups-footer { margin-top: 20px; display: -ms-flexbox; display: flex; } @media (min-width: 660px) { .social-groups-footer { margin-top: 30px; } } @media (min-width: 1024px) { .social-groups-footer { margin-top: 40px; } } .social-groups-footer .social-item { width: 30px; height: 30px; margin-right: 5px; } @media (min-width: 1024px) { .social-groups-footer .social-item { width: 50px; height: 50px; margin-right: 20px; } } /** * Cart process **/ .cart-process .cart-process-title { line-height: normal; font-size: 18px; margin-top: 20px; font-weight: 500; } .cart-process .cart-process-title:first-child { margin-top: 0; } .cart-process .cart-process-row { margin-top: 20px; } @media (min-width: 1024px) { .cart-process .cart-process-row { max-width: 520px; } } .cart-process .cart-process-row[data-property-id-row="row-address"]{ max-width: 810px; } .cart-process .cart-process-row[data-property-id-row="78"]{ margin-top: 0; } /* .cart-process .cart-process-row[data-property-id-row="79"]{ margin-right: 15px; margin-top: 0; } */ .order-date-time .cart-process-row{ flex: 1 0 auto; } .cart-process .cart-process-row[data-property-id-row="77"], .cart-process .cart-process-row[data-property-id-row="20"], .cart-process .cart-process-row[data-property-id-row="27"], .cart-process .cart-process-row[data-property-id-row="79"] { flex: 1 0 auto; margin-right: 15px; } .cart-process-separator{ margin: 30px 0; border: 1px solid #F2F2F2; } .order-sum > hr { border: 1px solid #F2F2F2; margin-top: 40px; } .cart-process .cart-summary-col.cart-summary-col__item{ font-size: 18px; line-height: 23px; color: #4FA9E8; } .cart-process-offer__text{ font-size: 12px; line-height: 15px; color: #828282; } .order-date-time{ display: flex; flex-wrap: wrap; } .cart-process .cart-process-row input { width: 100%; height: 54px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; line-height: 52px; font-size: 14px; padding: 0 40px 0 25px; transition: border-color 500ms; } .cart-process-row-xl{ max-width: 100%; } .cart-process-row{ position: relative; } .check-cross-icon{ display: none; position: absolute; right: 30px; top: 20px; cursor: pointer; z-index: 1000; } .check-cross-icon.active{ display: block; } .check-valid-icon{ opacity: 0; } .cart-process .cart-process-row .js-input.valid ~ .check-valid-icon.active { opacity: 1; position: absolute; right: 30px; top: 20px; width: 6px; height: 11px; border: solid #6FCF97; border-width: 0 2px 2px 0; transform: rotate(45deg); } .cart-process .cart-process-row input.is-invalid { border-color: #eb5757; } .cart-process .cart-process-row input:focus { border-color: #013874; } .cart-process .cart-process-row textarea { min-width: 100%; max-width: 100%; width: 100%; min-height: 67px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; line-height: 1.25; font-size: 14px; padding: 15px 25px; transition: border-color 500ms; } .cart-process .cart-process-row textarea.is-invalid { border-color: #eb5757; } .cart-process .cart-process-row textarea:focus { border-color: #013874; } .cart-process .cart-process-client { margin-top: 20px; } @media (min-width: 660px) { .cart-process .cart-process-client { margin-left: -20px; margin-right: -20px; display: -ms-flexbox; display: flex; } } .cart-process .cart-process-client .checkbox-row { margin: 0; } @media (max-width: 659.98px) { .cart-process .cart-process-client .checkbox-row { margin-top: 10px; } .cart-process .cart-process-client .checkbox-row:first-child { margin-top: 0; } } @media (min-width: 660px) { .cart-process .cart-process-client .checkbox-row { padding: 0 20px; } } .cart-process .checkbox-row { line-height: 22px; font-size: 14px; color: #828282; } .cart-process .checkbox-row .checkbox { margin-right: 20px; } @media (min-width: 660px) { .cart-process .cart-process-address { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } } @media (min-width: 1024px) { .cart-process .cart-process-address { max-width: 810px; } } .cart-process .cart-process-address-item { margin-top: 20px; } @media (min-width: 660px) { .cart-process .cart-process-address-item { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 10px; } } @media (min-width: 1024px) { .cart-process .cart-process-address-item:first-child { max-width: 540px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .cart-process .cart-process-address-item:not(:first-child) { max-width: 50%; } } @media (min-width: 1024px) { .cart-process .cart-process-address-item:not(:first-child) { max-width: 270px; } } .cart-process .cart-process-address-item label { line-height: normal; font-size: 14px; color: #828282; display: block; } .cart-process .cart-process-address-item input { width: 100%; height: 54px; margin-top: 10px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; line-height: 52px; font-size: 14px; padding: 0 25px; transition: border-color 500ms; } .cart-process .cart-process-address-item input.is-invalid { border-color: #eb5757; } .cart-process .cart-process-address-item input:focus { border-color: #013874; } @media (min-width: 1024px) { .cart-process .cart-process-summary-col { -ms-flex: none; flex: none; padding: 0 20px; } .cart-process .cart-process-summary-col:first-child { min-width: 45%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .cart-process .cart-process-summary-col:first-child { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .cart-process .cart-process-summary-title { line-height: normal; font-size: 18px; color: #013874; margin-top: 10px; } .cart-process .cart-process-summary-title:first-child { margin-top: 0; } .cart-process .cart-process-control::after { display: block; clear: both; content: ""; } @media (min-width: 1024px) { .cart-process .cart-process-control { display: -ms-flexbox; display: flex; } } @media (min-width: 1440px) { .cart-process .cart-process-control { max-width: none; } } @media (min-width: 1024px) { .cart-process .cart-process-control input { min-width: 520px; } } @media (max-width: 1023.98px) { .cart-process .cart-process-control .control-apply { float: right; margin-top: 10px; } } @media (min-width: 1024px) { .cart-process .cart-process-control .control-apply { padding: 0 25px; line-height: 54px; max-width: none; } } .cart-process .cart-summary { font-size: 16px; line-height: 20px; } @media (max-width: 659.98px) { .cart-process .cart-summary { margin-top: 20px; } } @media (min-width: 660px) and (max-width: 1439.98px) { .cart-process .cart-summary { margin-top: 40px; } } .cart-process .cart-summary-row { display: flex; flex-wrap: wrap; justify-content: space-between; margin-top: 20px; } .cart-process .cart-summary-col { display: table-cell; font-size: 16px; line-height: 20px; color: #000000; } .cart-process .cart-summary-col:first-child { padding-right: 40px; } .cart-process .cart-summary-total { font-weight: 700; } .cart-process .cart-process-submit { margin-top: 20px; } .cart-summary-col .cart-delivery-date{ color: #828282; } /** * Delivery options **/ .delivery-option { margin-top: 20px; } .delivery-option:not(.is-active) { display: none; } .delivery-option .map-container { width: 100%; max-width: 786px; height: 306px; margin-top: 20px; overflow: hidden; } .delivery-data:not(.is-active) { display: none; } .delivery-data-row { margin-top: 20px; display: -ms-flexbox; display: flex; } .delivery-data-row:not(.is-active) { display: none; } .delivery-data-row[data-type="address"] .icon { width: 15px; height: 21px; stroke: #013874; fill: white; } .delivery-data-row[data-type="phone"] .icon { width: 18px; height: 18px; fill: #013874; stroke: #013874; } .delivery-data-row[data-type="scheldue"] .icon { width: 19px; height: 19px; fill: #013874; } .delivery-data-icon-container { -ms-flex: none; flex: none; width: 18px; margin-right: 14px; } .delivery-data-icon .icon { display: block; margin: -2px auto 0; } .delivery-data-text { -ms-flex: 1; flex: 1; line-height: normal; font-size: 14px; letter-spacing: 0.02em; color: #000000; } /** * Page 404 **/ .error { width: 100%; padding: 50px 20px; margin: 0 auto; text-align: center; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } @media (min-width: 660px) { .error { padding: 50px; text-align: left; } } @media (min-width: 1024px) { .error { padding: 100px 20px; text-align: center; } } @media (min-width: 1024px) { .error-layout { display: -ms-inline-flexbox; display: inline-flex; padding-bottom: 98px; position: relative; margin: 0 auto; text-align: left; } } @media (min-width: 1024px) { .error-layout-col { -ms-flex: 1; flex: 1; } .error-layout-col + .error-layout-col { padding-left: 50px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: justify; justify-content: space-between; -ms-flex-align: start; align-items: flex-start; } } .error-code { font-style: normal; font-weight: 500; font-size: 120px; line-height: 1; letter-spacing: -0.05em; color: #013874; margin-bottom: 20px; } @media (min-width: 660px) { .error-code { font-size: 144px; margin-bottom: 40px; } } @media (min-width: 1024px) { .error-code { font-size: 250px; margin-bottom: 0; line-height: 180px; margin-top: 40px; } } .error-title { font-weight: 700; font-size: 36px; letter-spacing: 0.02em; margin-top: 20px; } @media (min-width: 660px) { .error-title { font-size: 64px; } } @media (min-width: 1024px) { .error-title { font-size: 45px; margin-top: 0; } } .error-text { font-weight: 500; font-size: 24px; letter-spacing: 0.02em; margin-top: 20px; } @media (min-width: 660px) { .error-text { font-size: 28px; } } @media (min-width: 1024px) { .error-text { margin-top: 0; } } .error-link { font-weight: 500; line-height: normal; font-size: 24px; text-align: center; margin-top: 20px; } @media (min-width: 660px) { .error-link { font-size: 34px; text-align: left; } } @media (min-width: 1024px) { .error-link { margin-top: 0; } } .error-link a { display: -ms-inline-flexbox; display: inline-flex; -ms-flex-align: center; align-items: center; } .error-link .icon { width: 21px; height: 21px; display: block; fill: #013874; margin-left: 10px; } @media (min-width: 660px) { .error-link .icon { width: 30px; height: 30px; margin-left: 30px; } } .error-search { margin-top: 30px; } @media (min-width: 1024px) { .error-search { width: 100%; position: absolute; bottom: 0; left: 0; margin-top: 0; } } /** * Site wrapper **/ .site-wrapper[data-page="error"] > .content { display: -ms-flexbox; display: flex; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: stretch; justify-content: stretch; padding: 0; } /** * Service page **/ .service-title { margin-top: 40px; font-size: 14px; } @media (min-width: 660px) { .service-title { font-size: 24px; } } .service-title:first-child { margin-top: 0; } .service-tabs { margin-top: 20px; } @media (min-width: 660px) { .service-tabs { display: -ms-flexbox; display: flex; margin-top: 40px; } } .service-tab { height: 58px; background: white; border: 1px solid #ededed; border-right-width: 0; border-radius: 30px 0 0 30px; color: #013874; cursor: pointer; font-size: 14px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; transition-property: background-color, color; transition-duration: 500ms; } @media (max-width: 659.98px) { .service-tab { border-radius: 30px; } } @media (min-width: 660px) { .service-tab { -ms-flex: 50%; flex: 50%; } } @media (min-width: 1024px) { .service-tab { height: 68px; } } .service-tab:hover, .service-tab.is-active { background: #013874; border-color: #013874; color: white; } .service-tab + .service-tab { border-radius: 0 30px 30px 0; border-right-width: 1px; border-left: 0; } @media (max-width: 659.98px) { .service-tab + .service-tab { border-radius: 30px; margin-top: 10px; } } .service-tab-content { display: none; padding-top: 20px; } @media (min-width: 1024px) { .service-tab-content { padding-top: 40px; } } .service-tab-content.is-active { display: block; } .service-tab-content .call-request { margin: 0 -10px; padding: 0 20px; } @media (min-width: 660px) and (max-width: 1023.98px) { .service-tab-content .call-request { padding: 0 100px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .service-tab-content .call-request { margin: 0 -30px; padding: 0 30px; } } @media (min-width: 1440px) { .service-tab-content .call-request { margin: 0 -50px; padding: 0 50px; } } .service-tab-content .call-request-inner { padding-left: 0; padding-right: 0; } .service-text { font-size: 14px; margin-top: 40px; } /** * Service data **/ .service-promo { text-align: center; margin-top: 40px; } .service-promo-title { font-size: 22px; text-align: center; } .service-promo-cols { margin: 20px 0; } @media (min-width: 660px) { .service-promo-cols { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin: 40px -10px; } } .service-promo-col { text-align: center; } @media (min-width: 660px) { .service-promo-col { -ms-flex: 1; flex: 1; padding: 10px 20px; } } @media (min-width: 1024px) { .service-promo-col { -ms-flex: none; flex: none; font-size: 14px; } } @media (min-width: 1440px) { .service-promo-col { font-size: 18px; padding: 10px 50px; } } .service-promo-col + .service-promo-col { position: relative; } @media (max-width: 659.98px) { .service-promo-col + .service-promo-col { padding-top: 20px; margin-top: 20px; } } .service-promo-col + .service-promo-col:before { background: #E0E0E0; content: ''; display: block; position: absolute; } @media (max-width: 659.98px) { .service-promo-col + .service-promo-col:before { width: 140px; height: 1px; top: 0; left: 50%; margin-left: -70px; } } @media (min-width: 660px) { .service-promo-col + .service-promo-col:before { width: 1px; height: 100%; top: 0; left: 0; } } .service-data-row { display: -ms-flexbox; display: flex; margin-top: 10px; } .service-data-row:first-child { margin-top: 0; } @media (min-width: 1024px) { .service-data-col { font-size: 20px; } } .service-data-col:first-child { padding-right: 20px; padding-left: 25px; -ms-flex: 1; flex: 1; position: relative; } @media (min-width: 1440px) { .service-data-col:first-child { -ms-flex: 0 0 80%; flex: 0 0 80%; } } .service-data-col:first-child:before { border-radius: 100%; content: ''; display: block; position: absolute; top: 5px; left: 0; background: #013874; width: 7px; height: 7px; } @media (min-width: 1024px) { .service-data-col:first-child:before { top: 10px; } } .service-notice { text-align: right; } .service-banner { margin: 0 -10px; margin-top: 40px; position: relative; } @media (min-width: 660px) and (max-width: 1023.98px) { .service-banner { margin-left: -20px; margin-right: -20px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .service-banner { margin-left: -30px; margin-right: -30px; } } @media (min-width: 1440px) { .service-banner { margin-left: -50px; margin-right: -50px; } } @media (max-width: 659.98px) { .service-banner-desktop { display: none; } } .service-banner-mobile { width: 100%; } @media (min-width: 660px) { .service-banner-mobile { display: none; } } .service-cols { margin-top: 20px; } @media (min-width: 660px) { .service-cols { display: -ms-flexbox; display: flex; margin-left: -10px; margin-right: -10px; } } @media (min-width: 660px) { .service-col { padding: 0 10px; -ms-flex: 1; flex: 1; } } .service-col-title { font-size: 14px; margin-top: 20px; } @media (min-width: 660px) { .service-col-title { font-size: 18px; } } /** * Service form **/ .service-form-row { margin: 0 -10px; } @media (min-width: 660px) { .service-form-row { margin: 0 -20px; } } @media (min-width: 1024px) { .service-form-row { margin: 0 -40px; } } .service-form-row[data-flex-breakpoint-up="xs"] { display: -ms-flexbox; display: flex; } @media (min-width: 660px) { .service-form-row[data-flex-breakpoint-up="sm"] { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .service-form-row[data-flex-breakpoint-up="md"] { display: -ms-flexbox; display: flex; } } @media (min-width: 1440px) { .service-form-row[data-flex-breakpoint-up="lg"] { display: -ms-flexbox; display: flex; } } .service-form-row[data-gutter="10"] { margin: 0 -10px; } .service-form-row[data-gutter="10"] .service-form-col { padding: 0 10px; } .service-form-col { padding: 0 10px; float: left; width: 100%; } .service-form-col.w-50 { width: 50%; } .service-form-col.w-100 { width: 100%; } @media (min-width: 660px) { .service-form-col { padding: 0 20px; } } @media (min-width: 1024px) { .service-form-col { padding: 0 40px; } } .service-checkbox-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 20px; } .service-checkbox-row .checkbox { margin-right: 10px; } @media (min-width: 660px) { .service-checkbox-row .checkbox { margin-right: 20px; } } .service-form-title { font-size: 14px; font-weight: 500; margin-top: 20px; } @media (min-width: 660px) { .service-form-title { font-size: 18px; margin-top: 40px; } } .service-form-label { margin-top: 20px; } .service-form-input { margin-top: 10px; } .service-form-input input { width: 100%; height: 40px; border: 1px solid #ededed; border-radius: 30px; margin: 0; padding: 0 10px; transition: border-color 500ms; } .service-form-input input.is-invalid { border-color: #eb5757; } .service-form-input input:focus { border-color: #013874; } @media (min-width: 660px) { .service-form-input input { height: 54px; padding: 0 20px; } } .service-form-textarea { margin-top: 10px; } .service-form-textarea textarea { width: 100%; max-width: 100%; min-width: 100%; height: 100px; border: 1px solid #ededed; border-radius: 30px; margin: 0; padding: 10px; transition: border-color 500ms; } .service-form-textarea textarea.is-invalid { border-color: #eb5757; } .service-form-textarea textarea:focus { border-color: #013874; } @media (min-width: 660px) { .service-form-textarea textarea { padding: 20px; } } @media (min-width: 660px) { .service-attachment { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: 40px; } } @media (min-width: 660px) { .service-attachment .service-form-title { margin-top: 0; } } .service-attachment .btn { height: 44px; margin-top: 20px; } @media (min-width: 660px) { .service-attachment .btn { margin-top: 0; margin-left: 20px; max-width: 240px; } } .service-attachment-text { margin-top: 20px; } @media (min-width: 660px) { .service-attachment-text { -ms-flex: 100%; flex: 100%; } } @media (min-width: 1024px) { .service-attachment-text { -ms-flex: 1; flex: 1; margin-top: 0; margin-left: 20px; } } .service-form-submit { margin-top: 20px; } @media (min-width: 660px) { .service-form-submit { margin-top: 40px; } } .service-form-submit .btn { height: 44px; } @media (min-width: 660px) { .service-form-submit .btn { max-width: 240px; margin: 0 auto; } } /** * Features service 02 **/ .features-service-02 { margin-top: 20px; } @media (max-width: 659.98px) { .features-service-02 > .container { padding: 0; } } .features-service-02 .service-title { background: white; padding: 35px 35px 0; } @media (min-width: 660px) { .features-service-02 .service-title { padding: 35px 35px 0; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .features-service-02 .service-title { padding: 50px 70px 0; } } @media (min-width: 1440px) { .features-service-02 .service-title { padding: 50px 50px 0; } } .features-service-02 .feature-items { background: white; padding-top: 35px; } @media (min-width: 660px) { .features-service-02 .feature-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-top: 35px; padding-left: 35px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .features-service-02 .feature-items { padding-top: 50px; padding-left: 70px; } } @media (min-width: 1440px) { .features-service-02 .feature-items { padding-top: 0; padding-left: 50px; } } .features-service-02 .feature-item { padding: 0 35px 35px; text-align: center; } @media (min-width: 660px) { .features-service-02 .feature-item { -ms-flex: 50%; flex: 50%; padding: 0 35px 35px 0; } } @media (min-width: 1024px) { .features-service-02 .feature-item { padding: 0 70px 50px 0; } } @media (min-width: 1440px) { .features-service-02 .feature-item { -ms-flex: 1; flex: 1; padding: 50px 50px 50px 0; } } .features-service-02 .feature-item[data-type="1"] .icon { width: 56px; height: 56px; display: block; } .features-service-02 .feature-item[data-type="2"] .icon { width: 60px; height: 56px; display: block; } .features-service-02 .feature-item[data-type="3"] .icon { width: 60px; height: 60px; display: block; } .features-service-02 .feature-item[data-type="4"] .icon { width: 60px; height: 61px; display: block; } .features-service-02 .feature-item .icon { margin: 0 auto; fill: #013874; } .features-service-02 .feature-icon { height: 70px; } @media (min-width: 1024px) and (max-width: 1439.98px) { .features-service-02 .feature-icon { width: 100px; height: 100%; float: left; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } } .features-service-02 .feature-text { margin-top: 10px; } @media (max-width: 659.98px) { .site-wrapper[data-page="service"] { background: white; } .site-wrapper[data-page="service"] .page-header { margin-top: 0; } .site-wrapper[data-page="service"] .social { margin-top: 20px; border-top: 1px solid #F2F2F2; padding-top: 10px; } .site-wrapper[data-page="service"] .features-service-02, .site-wrapper[data-page="service"] .footer { border-top: 1px solid #F2F2F2; } } /** * Catalog page **/ @media (max-width: 659.98px) { ._aquanet_new .catalog-layout .catalog-header { padding-top: 0; } ._aquanet_new .catalog-layout .catalog-header.fav-catalog-header { padding-top: 20px; } ._aquanet_new .catalog-layout .page-controls { padding: 0 10px; } } @media (min-width: 660px) { ._aquanet_new .catalog-layout { margin-top: 20px; } } ._aquanet_new .catalog-header { background: white; padding-top: 20px; } @media (min-width: 1024px) { ._aquanet_new .catalog-header { display: -ms-flexbox; display: flex; } } ._aquanet_new .catalog-header .social-items { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; margin-top: 10px; } @media (min-width: 1024px) { ._aquanet_new .catalog-header .social-items { -ms-flex: none; flex: none; margin-top: 0; } } ._aquanet_new .catalog-header .social-item { -ms-flex: none; flex: none; width: 30px; height: 30px; margin-right: 5px; } @media (min-width: 1024px) { ._aquanet_new .catalog-header .social-item { margin-right: 0; margin-left: 5px; } } ._aquanet_new .catalog-header-title { -ms-flex: 1; flex: 1; font-size: 18px; } ._aquanet_new .catalog-header-title::after { display: block; clear: both; content: ""; } @media (min-width: 660px) { ._aquanet_new .catalog-header-title { font-size: 24px; } } @media (min-width: 1024px) { ._aquanet_new .catalog-header-title { font-size: 30px; line-height: 30px; } } ._aquanet_new .catalog-header-title h1 { display: inline; font-size: 18px; } @media (min-width: 660px) { ._aquanet_new .catalog-header-title h1 { font-size: 24px; } } @media (min-width: 1024px) { ._aquanet_new .catalog-header-title h1 { font-size: 30px; line-height: 30px; } } ._aquanet_new .catalog-header-title span { font-weight: 500; color: #bdbdbd; margin-left: 10px; font-size: 12px; line-height: 16px; padding: 0; color: #979797; } ._aquanet_new .catalog-body::after { display: block; clear: both; content: ""; } ._aquanet_new .catalog-side { display: none; } ._aquanet_new .catalog-main:nth-child(2) { margin-top: 23px; } @media (min-width: 1024px) { ._aquanet_new .catalog-side { width: 33.333%; display: block; float: left; border-right: 1px solid #ededed; } ._aquanet_new noindex:has(.catalog-side):nth-child(1) .catalog-side { margin-top: 23px; } } @media (min-width: 1440px) { ._aquanet_new .catalog-side { width: 25%; } } @media (min-width: 1024px) { ._aquanet_new .catalog-main { width: 66.666%; float: left; } } @media (min-width: 1440px) { ._aquanet_new .catalog-main { width: 75%; } } /** * Catalog filters **/ ._aquanet_new .catalog-filter-side .filter-item { background: white; border-top: 1px solid #ededed; } ._aquanet_new .catalog-filter-side .filter-header { padding: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; cursor: pointer; } ._aquanet_new .catalog-filter-side .filter-header .icon { width: 11px; height: 9px; display: block; fill: #cfcfcf; transform: rotate(180deg); transition-property: transform, fill; transition-duration: 500ms; } ._aquanet_new .catalog-filter-side .filter-header.is-active .icon { fill: #013874; transform: rotate(0); } ._aquanet_new .catalog-filter-side .filter-body { padding: 0 20px 20px; display: none; } ._aquanet_new .catalog-filter-side .filter-body.is-active { display: block; } ._aquanet_new .catalog-filter-side .filter-subtitle { font-weight: 500; font-size: 14px; color: #828282; margin-bottom: 10px; } ._aquanet_new .catalog-filter-side .filter-range-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; margin-top: 20px; } ._aquanet_new .catalog-filter-side .filter-range-row:first-child { margin-top: 0; } ._aquanet_new .catalog-filter-side .filter-range-input { -ms-flex: 1; flex: 1; } ._aquanet_new .catalog-filter-side .filter-range-input input { width: 100%; height: 30px; line-height: 30px; padding: 0 10px; background: white; border: 1px solid #ededed; box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.07); border-radius: 5px; transition: border-color 500ms; color: #BDBDBD; } ._aquanet_new .catalog-filter-side .filter-range-input input:focus { border-color: #013874; } ._aquanet_new .catalog-filter-side .filter-range-dash { -ms-flex: none; flex: none; width: 15px; height: 1px; background: #ededed; margin: 0 5px; } ._aquanet_new .catalog-filter-side .filter-range-line { width: 100%; text-align: center; } ._aquanet_new .catalog-filter-side .filter-range-line:before { width: 100%; height: 4px; background: #013874; content: ''; display: block; white-space: nowrap; } ._aquanet_new .catalog-filter-side .filter-range-line span { font-weight: 500; color: #bdbdbd; display: inline-block; margin: 20px auto 0; position: relative; } ._aquanet_new .catalog-filter-side .filter-range-line span:before { width: 1px; height: 15px; background: #ededed; content: ''; display: block; position: absolute; bottom: 100px; left: 0; right: 0; } .catalog-filter-side .filter-range-center { position: absolute; bottom: 0; right: 0; left: 0; } .catalog-filter-side .filter-range-center:before { content: ''; display: block; position: absolute; bottom: 100%; left: 50%; width: 1px; height: 15px; background-color: #E0E0E0; } .catalog-filter-side .filter-range-center-value { line-height: normal; font-size: 14px; line-height: 20px; text-align: center; color: #BDBDBD; } .catalog-filter-side .irs { width: 100%; height: 45px; position: relative; } .catalog-filter-side .irs-line { height: 4px; border: 0; top: 8px; } .catalog-filter-side .irs-bar { height: 4px; border: 0; background: #013874; top: 8px; } .catalog-filter-side .irs-min, .catalog-filter-side .irs-max { top: auto; bottom: 0; background: none; padding: 0; color: #BDBDBD; font-size: 14px; line-height: 20px; visibility: visible !important; } .catalog-filter-side .irs-from, .catalog-filter-side .irs-to, .catalog-filter-side .irs-single { display: none; } .catalog-filter-side .irs-slider { width: 20px; height: 20px; background: white; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3); border-radius: 100%; position: absolute; cursor: pointer; border: 0; transition: box-shadow 500ms; } .catalog-filter-side .irs-slider.state_hover { box-shadow: 0px 0px 4px #013874; } .catalog-filter-side .irs-slider.from { top: 0; left: 0; } .catalog-filter-side .irs-slider.to { top: 0; right: 0; } .filter-checkbox { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .filter-checkbox a.filter-header { margin-left: auto; } .filter-checkbox a{ text-decoration: none; } .filter-checkbox .checkbox { margin-right: 20px; } .filter-summary { font-size: 18px; padding: 40px 20px 0; } .filter-footer { padding: 20px 10px 30px; } .filter-footer::after { display: block; clear: both; content: ""; } @media (min-width: 660px) and (max-width: 1439.98px) { .filter-footer { margin: 0 -10px; } } @media (min-width: 1024px) { .filter-footer { padding: 20px 10px 20px; margin: 0 -5px; } } @media (max-width: 659.98px) { .filter-footer .footer-item { margin-top: 15px; } } @media (min-width: 660px) { .filter-footer .footer-item { width: 50%; float: left; } } @media (min-width: 660px) and (max-width: 1439.98px) { .filter-footer .footer-item { padding: 0 10px; } } @media (min-width: 1024px) { .filter-footer .footer-item { padding: 0 5px; } } @media (max-width: 659.98px) { .filter-footer .footer-item:first-child { margin-top: 0; } } /** * Catalog menu **/ .catalog-menu { background: white; } .catalog-menu .menu-item { border-top: 1px solid #ededed; padding: 20px 0; font-size: 14px; -ms-flex-align: center; align-items: center; position: relative; } .catalog-menu > ul > li > ul .menu-item { border-top: 0; font-size: 14px; padding: 9px 0px; } @media (min-width: 660px) { .catalog-menu .menu-item { font-size: 18px; } } .catalog-menu span { color: #bdbdbd; display: inline; } .catalog-menu a { text-decoration: none; padding: 0px 20px; display: block; color: #000; } .catalog-menu a span { margin-left: 10px; } .catalog-menu a:hover { color: #013874; } .catalog-partner { color: black; text-decoration: none; background: white; border-top: 1px solid #ededed; padding: 20px; display: block; } @media (min-width: 660px) and (max-width: 1023.98px) { .catalog-partner { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; } } .catalog-partner:visited { color: black; } .catalog-partner:hover { color: black; } .catalog-partner .partner-header { font-size: 18px; } .catalog-partner .partner-body { margin-top: 20px; } .additional-block{ padding: 30px 32px; margin: 20px 0; background: #FFFFFF; position: relative; float: left; width: 100%; border-top: solid 1px #ededed; border-bottom: solid 1px #ededed; } .additional-block .section-header{ margin-top: 0; padding-top: 0; } .additional-block.additional-block-main{ float: none; } .additional-block .loading_spinner{ position: absolute; top: 50%; transform: translateY(-50%); } .additional__title{ font-size: 24px; line-height: 30px; color: #333333; display: block; margin-bottom: 20px; font-weight: 400; } .additional-slider, .additional-slider-main{ padding: 0; display: flex; align-items: center; } .additional-slider__item{ margin-right: 57px; padding: 10px 5px; } .additional-slider__item-main{ min-height: 370px; } .additional-slider__item .product-footer,.additional-slider__item .product-body { margin-top: 30px; } @media (max-width: 1200px) { .additional-slider__item{ margin-right: 25px; } } @media (max-width: 650px) { .additional-slider__item{ margin-right: 0; } } .additional-arrow{ position: absolute; top: 50%; transform: translateY(-50%); } .additional-arrow:hover .icon { fill: #c4c4c4; } .additional-arrow svg{ width: 13px; height: 34px; display: block; fill: #E5E5E5; transition: fill 500ms; } .additional-arrow__prev{ left: 15px; } .additional-arrow__prev .icon { transform: rotate(180deg); } .additional-arrow__next{ right: 15px; } .additional__btn.btn{ padding: 8px 16px; border-radius: 30px; width: 54px; height: 37px; float: right; } .additional__btn.btn svg{ fill: #fff; } .additional__btn.btn:hover svg{ fill: #013874; } @media (min-width: 660px) and (max-width: 1023.98px) { .catalog-partner .partner-body { margin-top: 0; } } .catalog-partner .partner-body img { margin: 0 auto; } .catalog-banner { background: white; } .catalog-banner img { width: 100%; } .catalog-typo { background: white; border-top: 1px solid #ededed; padding: 20px; } @media (max-width: 1023.98px) { .catalog-typo { display: none; } } .catalog-typo span { background: #ededed; border-radius: 3px; padding: 2px 8px; margin: 0 3px; } /** * Catalog main **/ .categories { padding: 20px 30px; background: white; border-top: 1px solid #ededed; } .categories ul { list-style: none; margin: 0; margin-top: 20px; } @media (min-width: 660px) { .categories ul { columns: 2; } } @media (min-width: 1440px) { .categories ul { columns: 3; } } .categories li { padding-left: 0; } @media (max-width: 1023.98px) { .categories li { padding-right: 20px; } } .categories li:before { display: none; } .categories li a { color: #333333; } .categories li a:visited { color: #333333; } .categories li a:hover, .categories li a:active { color: #013874; } .categories-title { font-size: 18px; } @media (min-width: 660px) { .categories-title { font-size: 24px; } } .catalog-filter-main { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; background: white; padding: 20px 30px; } .catalog-filter-main .filter-select { -ms-flex: 0 1 270px; flex: 0 1 270px; padding-right: 10px; } .catalog-filter-main .filter-select select { width: 100%; height: 54px; background: white; border: 1px solid #ededed; border-radius: 30px; padding: 0 25px; } .catalog-filter-main .filter-btn { -ms-flex: 0 0 54px; flex: 0 0 54px; height: 54px; background: #013874; border-radius: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; } .catalog-filter-main .filter-btn .icon { width: 24px; height: 24px; display: inline-flex; fill: white; transform: translateY(2px); } @media (min-width: 1440px) { .catalog-filter-main .filter-sort { font-size: 14px; } } .catalog-filter-main .filter-sort a { color: #333333; float: left; margin-left: 20px; } .catalog-filter-main .filter-sort a:visited { color: #333333; } .catalog-filter-main .filter-sort a:hover, .catalog-filter-main .filter-sort a:active, .catalog-filter-main .filter-sort a.is-active { color: #013874; } .catalog-filter-main .filter-sort a:first-child { margin-left: 0; } .catalog-filter-main .filter-display::after { display: block; clear: both; content: ""; } .catalog-filter-main .filter-display a { display: block; float: left; margin-left: 20px; } .catalog-filter-main .filter-display a:first-child { margin-left: 0; } .catalog-filter-main .filter-display a:hover .icon, .catalog-filter-main .filter-display a.is-active .icon { fill: #013874; } .catalog-filter-main .filter-display .icon { display: block; fill: #d1d1d1; transition: fill 500ms; } .catalog-filter-main .filter-display .icon[data-type="1"] { width: 30px; height: 26px; } .catalog-filter-main .filter-display .icon[data-type="2"] { width: 28px; height: 26px; } .catalog-filters { margin-top: -8px; padding: 0 30px 20px; background: white; } .catalog-filters::after { display: block; clear: both; content: ""; } @media (max-width: 1023.98px) { .catalog-filters { border-top: 1px solid #ededed; padding-top: 20px; } .catalog-filter-main { padding-left: 0px; } .catalog-filter-main>div:last-child { padding-left: 12px; } } .catalog-filters .filter-item { height: 33px; background: #ededed; border-radius: 5px; padding: 0 10px; margin-right: 8px; margin-top: 8px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; float: left; transition-property: background-color, color; transition-duration: 500ms; } .catalog-filters .filter-item:hover { background: #013874; color: white; } .catalog-filters .filter-item:hover .icon { fill: white; } .catalog-filters .filter-item .icon { width: 6px; height: 6px; display: block; fill: black; margin-left: 10px; transition: fill 500ms; } .catalog-filters .filter-reset { height: 33px; color: #4fa9e8; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 8px; float: left; } .catalog-filters .filter-reset .icon { width: 6px; height: 6px; display: block; fill: #cfcfcf; margin-left: 10px; } .catalog-items::after { display: block; clear: both; content: ""; } .catalog-items[data-type="tile"] .catalog-item { border-top: solid 1px #ededed; } .filter_catalog_block .catalog-items{ display: flex; flex-wrap: wrap; } .filter_catalog_block .catalog-item { width: 100%; } @media (min-width: 660px) { .catalog-items[data-type="tile"] .catalog-item { width: 50%; float: left; height: unset !important; min-height: 390px; } } @media (min-width: 1440px) { .catalog-items[data-type="tile"] .catalog-item { width: 33.333%; } } @media (min-width: 660px) { .catalog-items[data-type="tile"] .catalog-item { border-left: solid 1px #ededed; } } @media (min-width: 1440px) { .catalog-items[data-type="tile"] .catalog-item.catalog-item-after { border-left: 0; } } .catalog-items[data-simple="true"] .catalog-item { padding: 10px 20px; } @media (max-width: 1023.98px) { .catalog-items[data-simple="true"] .catalog-item { width: auto; height: auto; float: none; } } @media (min-width: 1024px) { .catalog-items[data-simple="true"] .catalog-item { height: 310px; padding: 30px; } } @media (min-width: 1440px) { .catalog-items[data-simple="true"] .catalog-item { height: 340px; } } .catalog-items[data-type="list"] .catalog-item { border-top: solid 1px #ededed; } @media (min-width: 660px) { .catalog-items .product-header { left: 30px; } } .catalog-item { padding: 10px 30px; background: white; } .product-simple { position: relative; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (min-width: 1024px) { .product-simple { height: 100%; -ms-flex-align: stretch; align-items: stretch; -ms-flex-direction: column; flex-direction: column; } } .product-simple .product-image { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; width: 80px; height: 60px; margin-right: 20px; } @media (min-width: 660px) { .product-simple .product-image { width: 140px; height: 80px; margin-right: 40px; } } @media (min-width: 1024px) { .product-simple .product-image { width: 100%; height: 190px; padding-bottom: 20px; margin-right: 0; -ms-flex: 1; flex: 1; } } .product-simple .product-image img { max-height: 100%; } .product-simple .product-title { -ms-flex: 1; flex: 1; font-size: 14px; } @media (min-width: 660px) { .product-simple .product-title { font-size: 18px; } } @media (min-width: 1024px) { .product-simple .product-title { -ms-flex: none; flex: none; font-size: 22px; line-height: 24px; max-height: 48px; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; } } .product-simple a { position: absolute; top: 0; right: 0; bottom: 0; left: 0; } .catalog-popular .popular-header { background: white; font-size: 18px; padding: 20px; border-top: solid 1px #ededed; } @media (min-width: 660px) { .catalog-popular .popular-header { font-size: 24px; } } @media (min-width: 1024px) { .catalog-popular .popular-header { padding: 20px 30px; } } .catalog-popular .product-items { border-top: solid 1px #ededed; } @media (min-width: 1024px) and (max-width: 1439.98px) { .catalog-popular .product-item:nth-child(3) { display: none; } } @media (min-width: 1024px) { .catalog-popular .product-item { width: 50%; } } @media (min-width: 1440px) { .catalog-popular .product-item { width: 33.333%; } } /** * Catalog text page **/ .catalog-text{ margin-left: 60px; } .catalog-text-items { margin-top: -40px; } .catalog-text-body ul li { padding-left: 0; } .catalog-text-body ul li:before { content: none; } @media (min-width: 660px) { .catalog-text-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-left: -10px; margin-right: -10px; } } .catalog-text-item { margin-top: 20px; } @media (min-width: 660px) { .catalog-text-item { -ms-flex: 0 0 50%; flex: 0 0 50%; padding: 0 10px; } } @media (min-width: 1024px) { .catalog-text-item { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; } } @media (min-width: 1440px) { .catalog-text-item { -ms-flex: 0 0 25%; flex: 0 0 25%; } } .catalog-text-header { font-size: 18px; } .catalog-text-body { margin-top: 1em; } .catalog-text-body li.is-hidden { display: none; } .catalog-text-footer { margin-top: 15px; } .catalog-text-footer.is-hidden { display: none; } /** * Collection page **/ .collection p { margin: 1em 0 0; } .collection p:first-child { margin-top: 0; } @media (max-width: 659.98px) { .collection > .container { padding: 0; } .collection .page-content { margin: 0; } } /** * Search empty page **/ .search-empty { margin-top: 20px; } .catalog-main .search-empty { margin-top: 0; } @media (min-width: 660px) { .catalog-main .search-empty .result-header { font-size: 28px; } } .search-empty .search-body { background: white; border-top: 1px solid #ededed; padding: 30px 10px; } @media (min-width: 660px) { .search-empty .search-body { padding: 50px 40px; } } .search-empty .result-header { text-align: center; font-size: 24px; } @media (min-width: 660px) { .search-empty .result-header { font-size: 36px; } } .search-empty .result-subtheader { color: #828282; margin-top: 20px; text-align: center; font-size: 14px; } @media (min-width: 660px) { .search-empty .result-subtheader { margin-top: 30px; font-size: 18px; } } @media (min-width: 1024px) { .search-empty .result-subtheader { margin-top: 40px; } } .search-empty .result-body { margin-top: 20px; } @media (min-width: 1024px) { .search-empty .result-body { margin-top: 30px; } } @media (min-width: 1440px) { .search-empty .result-body { margin-left: auto; margin-right: auto; max-width: 870px; } } .search-empty .result-footer { margin-top: 30px; text-align: center; font-size: 14px; font-weight: 500; } @media (min-width: 660px) { .search-empty .result-footer { margin-top: 40px; } } @media (min-width: 1024px) { .search-empty .result-footer { margin-top: 50px; } } @media (max-width: 659.98px) { .site-wrapper[data-page="search-empty"] .search-empty { margin: 0; } .site-wrapper[data-page="search-empty"] .catalog-header { padding: 0; } .site-wrapper[data-page="search-empty"] .social { margin-top: 20px; border-top: 1px solid #F2F2F2; padding-top: 10px; } .site-wrapper[data-page="search-empty"] .search-body { margin: 20px -10px 0; } .site-wrapper[data-page="search-empty"] .search-empty { margin: 0 -10px; padding: 0 10px; background: white; } } /** * Compare **/ .compare { background: white; margin-top: 20px; } .compare .checkbox-text { padding-top: 2px; } .compare-header { padding: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: start; align-items: flex-start; -ms-flex-pack: justify; justify-content: space-between; } .compare-header h1 { -ms-flex: 1; flex: 1; font-size: 18px; font-weight: 400; line-height: 30px; } @media (min-width: 660px) { .compare-header h1 { font-size: 30px; line-height: 34px; } } .compare-nav { -ms-flex: none; flex: none; } .compare-nav::after { display: block; clear: both; content: ""; } @media (max-width: 1023.98px) { .compare-nav { display: none; } } @media (min-width: 660px) { .compare-nav { margin-top: 4px; } } .compare-nav .icon { width: 30px; height: 30px; display: block; fill: #bdbdbd; transition: fill 500ms; float: left; cursor: pointer; } .compare-nav .icon:hover { fill: #828282; } .compare-nav .icon[data-direction="left"] { transform: rotate(180deg); } .compare-nav .icon[data-direction="right"] { margin-left: 20px; } .compare-body { border-top: 1px solid #ededed; } @media (min-width: 1024px) { .compare-body { display: -ms-flexbox; display: flex; } } .compare-side { display: none; overflow: hidden; } @media (min-width: 1024px) { .compare-side { display: block; -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } @media (min-width: 1024px) { .compare-main { -ms-flex: 0 0 66.666%; flex: 0 0 66.666%; max-width: 66.666%; border-left: 1px solid #ededed; } } /** * Compare filters **/ @media (max-width: 1023.98px) { .compare-filters { height: auto !important; } } @media (min-width: 1024px) { .compare-filters { margin-bottom: 20px; } } .compare-filter { border-top: 1px solid #ededed; padding: 20px; } .compare-filter:first-child { border-top: 0; } .compare-filter .filter-title { font-size: 18px; } .compare-filter .icon { margin-left: 1px !important; margin-top: -1px !important; } .compare-select { margin-top: 20px; } .compare-select select { width: 100%; height: 54px; border: 2px solid #d1d1d1; border-radius: 30px; line-height: 54px; margin: 0; padding: 0; } .compare-parameter[data-family="product_price"] { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .compare-parameter[data-highlight="true"] { box-shadow: 0px 0 0 rgba(0, 0, 0, 0.07); transition-property: box-shadow; transition-duration: 500ms; } .compare-parameter[data-highlight="true"].is-hover { box-shadow: 0px 4px 14px rgba(0, 0, 0, 0.07); } .compare-parameter span { padding: 20px; display: block; } @media (max-width: 1023.98px) { .compare-parameter span { padding: 15px 20px; } } .compare-parameter-label { font-weight: 500; line-height: normal; font-size: 14px; color: #000000; margin-bottom: 10px; } @media (min-width: 1024px) { .compare-parameter-label { display: none; } } /** * Compare items **/ .compare-items { display: -ms-flexbox; display: flex; overflow: hidden; } @media (max-width: 1023.98px) { .compare-items { border-top: 1px solid #ededed; } } .compare-item { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; border-left: 1px solid #ededed; padding: 20px; overflow: hidden; } @media (min-width: 1024px) { .compare-item { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } } .compare-item:first-child { border-left: 0; } .compare-item .compare-parameter { margin: 0 -20px; } .compare-item .product { height: auto; } @media (max-width: 659.98px) { .compare-item .product[data-layout="default"] .product-header, .compare-item .product[data-layout="default"] .product-flags, .compare-item .product[data-layout="default"] .product-actions { position: static; } } .compare-item .product .product-body { padding-bottom: 20px; } .compare-item .product .product-footer { padding: 0 20px; } @media (max-width: 659.98px) { .compare-item .product .product-footer { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: stretch; align-items: stretch; -ms-flex-pack: end; justify-content: flex-end; } } .compare-item .product-remove { font-weight: 500; line-height: normal; font-size: 12px; color: #828282; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; height: 28px; transition: color 500ms; } .compare-item .product-remove:hover { color: #616161; } .compare-item .product-remove:hover .icon-cross { fill: #c4c4c4; } .compare-item .product-remove .icon-cross { width: 13px; height: 13px; fill: #E5E5E5; display: block; margin-left: 10px; margin-top: -2px; transition: fill 500ms; } @media (min-width: 1024px) and (max-width: 1439.98px) { .compare-item .product-price { -ms-flex: 1; flex: 1; } } @media (max-width: 1023.98px) { .compare-item .product-price { padding: 15px 0; } } @media (max-width: 659.98px) { .compare-item .product-price { -ms-flex: none; flex: none; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .compare-item .product-btn { -ms-flex: none; flex: none; margin: 0; } .compare-item .product-btn .btn { width: 55px; } } @media (max-width: 1023.98px) { .compare-item .product-btn { padding: 15px 0; } } @media (max-width: 659.98px) { .compare-item .product-btn { margin-top: 0; padding-top: 0; -ms-flex: none; flex: none; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .compare-item .btn-text { display: none; } } .compare-item .btn-icon { display: none; } @media (min-width: 1024px) and (max-width: 1439.98px) { .compare-item .btn-icon { display: block; } } .compare-item .icon-cart { width: 20px; height: 20px; display: block; fill: white; } @media (max-width: 659.98px) { .site-wrapper[data-page="compare"]:not([data-page="print"]) { background: white; } .site-wrapper[data-page="compare"]:not([data-page="print"]) .compare { margin: 0 -10px 0; } .site-wrapper[data-page="compare"]:not([data-page="print"]) .compare-header { padding-top: 0; } .site-wrapper[data-page="compare"]:not([data-page="print"]) .footer { border-top: 1px solid #F2F2F2; } } /** * Product main **/ .product-main { position: relative; } @media (max-width: 659.98px) { .product-main .product-main-header { padding-top: 0; } .product-main .product-flags { margin-top: 40px; } } .product-main > .container { background: white; } @media (max-width: 659.98px) { .product-main > .container { padding: 0; } } @media (min-width: 660px) { .product-main > .container { background: none; } } .product-main-header { border-bottom: 1px solid #f2f2f2; padding: 10px 15px; background: white; } @media (min-width: 660px) { .product-main-header { padding: 25px 20px 35px; } } @media (min-width: 1024px) { .product-main-header { padding: 25px 20px 20px; } } @media (min-width: 1440px) { .product-main-header { padding: 20px 35px 25px; } } .product-main-header .rating { display: -ms-flexbox; display: flex; flex-wrap: wrap; } @media (min-width: 1024px) and (max-width: 1439.98px) { .product-main-header .rating-stars { -ms-flex-pack: end; justify-content: flex-end; } } .product-main-header .rating-score { display: none; } @media (max-width: 659.98px) { .product-main-header .rating-text { -ms-flex-order: -1; order: -1; margin-bottom: 10px; margin-left: 0; } } @media (min-width: 660px) and (max-width: 1023.98px) { .product-main-header .rating-text { -ms-flex-order: -1; order: -1; margin-right: 0; margin-left: 0; flex: 100%; margin-bottom: 10px; } .product-main-header .rating { flex: 0 1 30%; } } .social-compare-wrap{ display: flex; flex-wrap: wrap; align-items: center; } .add-favorites__btn { margin-right: 25px; } .add-favorites__btn svg, .add-cart__favorites svg { margin-right: 15px; } .add-cart__favorites:hover svg path { fill: #013874; } .add-favorites__btn.active svg path { fill: #4FA9E8; } .add-favorites__btn.active span { color: #4FA9E8; } .add-cart__favorites{ display: flex; align-items: center; position: relative; max-width: 229px; height: 45px; margin-bottom: 15px; } .add-favorites__btn{ border: none; background: none; font-size: 14px; line-height: 26px; color: #000000; display: flex; align-items: center; position: relative; cursor: pointer; } .slider-favorites{ margin-top: 21px; margin-bottom: 29px; position: relative; overflow: hidden; height: 110px; } .slider-favorites.slider-favorites--mobile{ height: 210px; display: none; } .slider-favorites.slider-favorites--mobile .slider-favorites__item img{ margin: 0; height: auto; min-height: 210px; } .slider-favorites .slick-dots { display: flex; align-items: center; width: 100%; left: 10px; bottom: -10px; position: absolute; } .slider-favorites .slick-dots li { margin-right: 10px; margin-top: 0; padding: 0px; cursor: pointer; width: 10px; height: 10px; border-radius: 50%; background-color: #233F6C; border: none; } .slider-favorites .slick-dots li.slick-active button{ background: #013874; } .slider-favorites .slick-dots li::before { content: none; } .slider-favorites .slick-dots li button { padding: 0; text-indent: -9999px; transition: background-color 500ms; display: block; cursor: pointer; width: 100%; border: 1px solid #083571; background-color: #fff; border-radius: 50%; width: 10px; height: 10px; } .favorites-block-filter{ margin-top: 50px; } .favorites-block{ padding: 30px 0 30px 30px; background-color: #fff; } .favorites-block .catalog-filter-main{ border-top: 0; } .favorites-block .catalog-filter-main{ padding: 20px 30px 20px 0; } .favorites-block .catalog-side{ border-right: 0; } .favorites-block .catalog-main-cat{ border-left: 0; } .favorites-block .ajax_products{ border-left: solid 1px #ededed; } .fav-input-group{ margin-bottom: 18px; border-bottom: 1px solid #EDEDED; } .fav-input-group:last-child{ margin-bottom: 0; border-bottom: 0; } .check-filter__label{ display: inline-block; color: #4FA9E8; font-weight: 500; font-size: 14px; line-height: 22px; padding-bottom: 18px; user-select: none; white-space: break-spaces; } .check-filter__counter{ color: #979797; } .check-filter__input { position: absolute; opacity: 0; } .check-filter__input + label { position: relative; cursor: pointer; } .check-filter__input + label:before { content: ""; margin-right: 10px; display: inline-block; vertical-align: text-top; background: white; width: 19px; height: 19px; border: 2px solid #979797; border-radius: 2px; } .check-filter__input:checked + label:after { content: ""; position: absolute; left: 5px; top: 10px; background: #4FA9E8; width: 2px; height: 2px; box-shadow: 2px 0 0 #4FA9E8, 4px 0 0 #4FA9E8, 4px -2px 0 #4FA9E8, 4px -4px 0 #4FA9E8, 4px -6px 0 #4FA9E8, 4px -8px 0 #4FA9E8; transform: rotate(45deg); } .favorites-form__label-stock{ color: #333333; } .btn-fav-wrap{ flex: 0 1 230px; } .product-compare__btn span, .social-button span, .add-favorites__btn span { display: none; } @media (min-width: 660px) { .product-compare__btn span, .social-button span, .add-favorites__btn span { display: block; } } @media (max-width: 660px) { .product-main-header .rating{ flex: 0 1 auto; } .product-main-header .rating-text{ flex: 0 1 auto; order: 1; margin-left: 30px; margin-bottom: 0; } .product-main-header-row{ align-items: baseline; } .product-main-payment-compare{ margin: 0; } .product-compare-info-popup.is-active{ display: none; } .catalog-filter-main{ flex-wrap: wrap; } .btn-fav-wrap{ flex: 1 0 100%; order: -1; margin-bottom: 20px; } .add-cart__favorites{ max-width: 100%; } .catalog-filter-main .filter-select{ flex: 1 0 auto; } } @media (max-width: 510px) { .product-main-header .rating-text { flex: 100%; order: -1; margin-bottom: 15px; margin-left: 0; } .product-main-header .rating{ flex: 1; margin-right: 10px; } .product-main-header-row{ align-items: flex-end; } } @media (min-width: 1440px) { .product-main-header .rating-text { margin-top: 0; } } .product-main-header-text { -ms-flex: 1; flex: 1; } @media (max-width: 659.98px) { .product-main-header-text { font-size: 18px; } } @media (min-width: 660px) { .product-main-header-text { font-size: 24px; } } .product-main-body { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; background: white; } .product-main-appearance { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; padding: 15px 10px 30px; } @media (min-width: 660px) { .product-main-appearance { padding: 20px 15px 50px; } } @media (min-width: 1024px) { .product-main-appearance { width: 40%; padding: 35px 20px 0; } } @media (min-width: 1440px) { .product-main-appearance { width: 50%; padding: 30px 35px; border-bottom: 1px solid #f2f2f2; } } .product-main-appearance-header { width: 100%; position: relative; } @media (max-width: 659.98px) { .product-main-appearance-header .product-actions { right: auto; left: 0; } } .product-main-appearance-header .product-flags { position: static; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: start; justify-content: flex-start; -ms-flex-align: start; align-items: flex-start; } .product-main-share { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media(min-width: 660px) { .product-main-share { position: relative; z-index: 3; } } .product-main-share .social-item { width: 20px; height: 20px; } .product-main-share .social-item + .social-item { margin-left: 5px; } .product-main-appearance-body { max-width: 100%; /*-ms-flex: 1; flex: 1;*/ display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-between; padding: 20px; overflow: hidden; } .product-main-slider { overflow: hidden; } .product-main-slider-items:not(.slick-initialized) { display: -ms-flexbox; display: flex; } .product-main-slider-items:not(.slick-initialized) .product-main-slider-item { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product-main-slider-item img { margin: 0 auto; } .product-main-appearance-footer { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } /** * Product thumbs slider **/ .product-thumbs-wrapper { -ms-flex: 100%; flex: 100%; } @media (min-width: 660px) { .product-thumbs-wrapper { -ms-flex: none; flex: none; } } @media (min-width: 1024px) { .product-thumbs-wrapper { -ms-flex: 100%; flex: 100%; } } @media (min-width: 1440px) { .product-thumbs-wrapper { -ms-flex: none; flex: none; } } .product-thumbs-slider { max-width: 192px; margin: 0 auto; position: relative; } .product-thumbs-slider-items:not(.slick-initialized) { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-thumbs-slider-items:not(.slick-initialized) .product-thumbs-slider-item { -ms-flex: 0 0 33.333%; flex: 0 0 33.333%; max-width: 33.333%; } .product-thumbs-slider-items:not(.slick-initialized) .product-thumbs-slider-item:nth-child(1n + 4) { display: none !important; } .product-thumbs-slider-item { -ms-flex: none; flex: none; width: 58px; height: 58px; border: 2px solid #f2f2f2; margin: 0 6px; display: -ms-flexbox !important; display: flex !important; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; cursor: pointer; transition: border-color 500ms; } .product-thumbs-slider-item:hover, .product-thumbs-slider-item.slick-current { border-color: #d1d1d1; } .product-thumbs-slider-nav { padding: 10px; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; display: none; position: absolute; top: 50%; transform: translate(0, -50%); } .product-thumbs-slider-nav.is-active { display: block; } .product-thumbs-slider-nav:hover .icon { fill: #9c9c9c; } .product-thumbs-slider-nav[data-direction="right"] { left: calc(100% + 10px); } .product-thumbs-slider-nav[data-direction="left"] { right: calc(100% + 10px); } .product-thumbs-slider-nav[data-direction="left"] .icon { transform: rotate(180deg); } .product-thumbs-slider-nav .icon { width: 9px; height: 20px; fill: #BDBDBD; display: block; transition: fill 500ms; } .product-main-360 { margin-left: 0; margin-top: 20px; } @media (min-width: 660px) { .product-main-360 { margin-left: 60px; margin-top: 0; } } @media (min-width: 1024px) { .product-main-360 { margin-left: 0; margin-top: 20px; } } @media (min-width: 1440px) { .product-main-360 { margin-left: 60px; margin-top: 0; } } .product-main-360-icon { width: 53px; height: 35px; display: block; } .product-main-video { margin-left: 35px; margin-top: 20px; } @media (min-width: 660px) { .product-main-video { margin-top: 0; } } @media (min-width: 1024px) { .product-main-video { margin-top: 20px; } } @media (min-width: 1440px) { .product-main-video { margin-top: 0; } } .product-main-video-icon { width: 43px; height: 32px; display: block; } .product-main-variants { width: 100%; height: 50px; border: 1px solid #ededed; display: none; -ms-flex-align: center; align-items: center; margin-top: 35px; padding: 0 20px; cursor: pointer; } @media (min-width: 660px) { .product-main-variants { display: -ms-flexbox; display: flex; } } .product-main-variants-text { -ms-flex: 1; flex: 1; font-weight: 500; } .product-main-variants-text.is-full { display: none; } @media (min-width: 660px) { .product-main-variants-text.is-full { display: block; } } .product-main-variants-text.is-short { display: block; } @media (min-width: 660px) { .product-main-variants-text.is-short { display: none; } } .product-main-variants-icon { width: 40px; height: 8px; display: block; -ms-flex: none; flex: none; } /** * Product main details **/ .product-main-details { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 1024px) { .product-main-details { width: 60%; box-shadow: -4px 0px 6px rgba(0, 0, 0, 0.05); padding: 30px 20px 40px; } } @media (min-width: 1440px) { .product-main-details { width: 50%; border-bottom: 1px solid #f2f2f2; padding: 30px 35px 40px; } } .product-main-parameters-xs { -ms-flex-order: 2; order: 2; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 30px 20px; border-top: 1px solid #f2f2f2; } @media (min-width: 660px) { .product-main-parameters-xs { display: none; } } .product-main-parameters { -ms-flex: 100%; flex: 100%; width: 100%; -ms-flex-order: 0; order: 0; border-top: 1px solid #f2f2f2; padding: 30px 20px; } @media (min-width: 660px) { .product-main-parameters { -ms-flex-order: 1; order: 1; padding: 40px 15px; } } @media (min-width: 1024px) { .product-main-parameters { -ms-flex: 1; flex: 1; width: 50%; -ms-flex-order: 0; order: 0; border-top: 0; padding: 0 20px 0 0; } } @media (min-width: 1440px) { .product-main-parameters { padding: 0 35px 0 0; } } .product-main-parameters[data-product-status="2"] .product-main-payment-info, .product-main-parameters[data-product-status="4"] .product-main-payment-info { margin-top: 35px; } @media (max-width: 1023.98px) { .product-main-parameters[data-product-status="2"] .product-main-payment-info, .product-main-parameters[data-product-status="2"] .product-main-payment-text, .product-main-parameters[data-product-status="4"] .product-main-payment-info, .product-main-parameters[data-product-status="4"] .product-main-payment-text { display: none; } } .product-main-parameters a { text-decoration: none; } .product-main-parameters a:hover, .product-main-parameters a:active { text-decoration: underline; } .product-main-parameters .product-main-parameters-list { display: none; } @media (min-width: 660px) { .product-main-parameters .product-main-parameters-list { display: block; } } .product-main-parameters-list { margin-bottom: 15px; } @media (min-width: 660px) { .product-main-parameters-list { margin-bottom: 0; } } .product-main-parameters-item { position: relative; padding: 4px 0; padding-left: 20px; } .product-main-parameters-item:before { width: 5px; height: 5px; background: #ededed; border-radius: 100%; content: ''; display: block; position: absolute; top: 10px; left: 0; } .product-main-parameters-item.is-hidden { display: none; } .product-main-parameters-item[data-product-status] { font-weight: 500; } .product-status[data-product-status="1"], .product-main-parameters-item[data-product-status="1"] { color: #6fcf97; } .product-main-parameters-item[data-product-status="1"]:before { background: #6fcf97; } .product-status[data-product-status="2"], .product-main-parameters-item[data-product-status="2"] { color: #7B5AE7; } .product-main-parameters-item[data-product-status="2"]:before { background: #7B5AE7; } .product-status[data-product-status="3"], .product-main-parameters-item[data-product-status="3"] { color: #2F80ED; } .product-main-parameters-item[data-product-status="3"]:before { background: #2F80ED; } .product-status[data-product-status="4"], .product-main-parameters-item[data-product-status="4"] { color: #F15642; } .product-main-parameters-item[data-product-status="4"]:before { background: #F15642; } .product-status[data-product-status="5"], .product-main-parameters-item[data-product-status="5"] { color: #F15642; } .product-main-parameters-item[data-product-status="5"]:before { background: #FFAB29; } .product-status[data-product-status="6"], .product-main-parameters-item[data-product-status="6"] { color: #2F80ED; } .product-main-parameters-item[data-product-status="6"]:before { background: #2F80ED; } .product-main-parameters-reducer { padding: 10px 0; } .product-main-parameters-reducer.is-hidden { display: none; } .product-main-parameters-reducer .btn { height: 40px; } .product-main-parameters-size { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 660px) { .product-main-parameters-size { margin-top: 20px; } } .product-main-parameters-size-title { width: 100%; font-weight: 500; } .product-main-parameters-size-item { height: 22px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; line-height: 13px; font-size: 13px; color: #333333; margin-top: 5px; margin-right: 10px; background: #ededed; border-radius: 3px; padding: 0 10px; transition-property: background-color, color; transition-duration: 500ms; cursor: pointer; } .product-main-parameters-size-item.is-active { background: #4fa9e8; color: white; } .product-main-parameters-color { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-top: 20px; } .product-main-parameters-color-title { width: 100%; font-weight: 500; } .product-main-parameters-color-item { width: 29px; height: 29px; margin-top: 5px; margin-right: 15px; background: #bdbdbd; border: 1px solid #d1d1d1; border-radius: 100%; background: white; transition: border 500ms; cursor: pointer; } .product-main-parameters-color-item.is-active { border: 3px solid #4fa9e8; } /** * Product payment **/ .product-main-payment { -ms-flex: 100%; flex: 100%; width: 100%; -ms-flex-order: 1; order: 1; padding: 30px 20px; border-top: 1px solid #f2f2f2; } @media (min-width: 660px) { .product-main-payment { padding: 40px 15px; -ms-flex-order: 0; order: 0; } } @media (min-width: 1024px) { .product-main-payment { -ms-flex: 1; flex: 1; width: 50%; -ms-flex-order: 1; order: 1; padding: 0 0 0 20px; border-top: 0; border-left: 1px solid #ededed; } } @media (min-width: 1440px) { .product-main-payment { padding: 0 0 0 35px; } } @media (max-width: 1023.98px) { .product-main-payment[data-product-status="2"] .product-main-payment-controls { padding-bottom: 0; } .product-main-payment[data-product-status="2"] .product-claim-options { display: none; } } @media (max-width: 659.98px) { .product-main-payment[data-product-status="4"] { padding-bottom: 0; } } @media (min-width: 660px) and (max-width: 1023.98px) { .product-main-payment[data-product-status="4"] { position: relative; -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; padding-right: 45px; border-top: none; } .product-main-payment[data-product-status="4"]:before { content: ''; display: block; width: 200%; height: 0; position: absolute; top: 0; left: 0; border-top: 1px solid #f2f2f2; } .product-main-payment[data-product-status="4"] .product-main-payment-controls { padding-bottom: 0; } } @media (min-width: 660px) and (max-width: 1023.98px) { .product-main-payment[data-product-status="5"] .product-main-payment-price .product-main-payment-notice { max-width: 260px; } .product-main-payment[data-product-status="5"] .product-main-payment-price-current { margin-top: 10px; } .product-main-payment[data-product-status="5"] .product-main-payment-compare { -ms-flex-order: 2; order: 2; } .product-main-payment[data-product-status="5"] .product-main-payment-oneclick { -ms-flex-order: 1; order: 1; position: relative; margin-top: 0; margin-left: 10px; -ms-flex: 0 0 260px; flex: 0 0 260px; max-width: 260px; } .product-main-payment[data-product-status="5"] .product-main-payment-oneclick .product-main-payment-notice { position: absolute; bottom: calc(100% + 15px); margin-right: -100px; } .product-main-payment[data-product-status="5"] .oneclick-form { margin-top: 0; } } .product-main-payment-price { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } .product-main-payment-price[data-product-status="4"] .product-main-payment-notice { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } .product-main-payment-price[data-product-status="4"] .product-main-payment-price-current { -ms-flex: 1; flex: 1; -ms-flex-order: unset; order: unset; margin: 10px 0; } .product-main-payment-price[data-product-status="4"] .product-main-payment-compare { -ms-flex: none; flex: none; } .product-main-payment-price-title { -ms-flex: 1; flex: 1; font-weight: 400; line-height: 1; font-size: 14px; border: 2px solid transparent; color: #bdbdbd; margin-top: 10px; -ms-flex-order: 0; order: 0; } .product-main-payment-price-old { -ms-flex: none; flex: none; font-size: 14px; line-height: 23px; font-weight: 500; text-decoration: line-through; border: 2px solid transparent; color: #828282; margin-bottom: 20px; -ms-flex-order: 1; order: 1; } @media (min-width: 1024px) { .product-main-payment-price-old { -ms-flex: 100%; flex: 100%; line-height: 20px; border: 0; margin-bottom: 10px; -ms-flex-order: 2; order: 2; } } .product-main-payment-price-savings { -ms-flex: none; flex: none; line-height: 28px; font-size: 14px; font-weight: 500; border: 2px solid #4fa9e8; border-radius: 30px; color: #4fa9e8; margin-left: 20px; margin-bottom: 20px; padding: 0 15px; -ms-flex-order: 2; order: 2; } @media (min-width: 1024px) { .product-main-payment-price-savings { margin-left: 0; margin-bottom: 5px; -ms-flex-order: 1; order: 1; } } .product-main-payment-price-current { -ms-flex: 100%; flex: 100%; font-weight: 500; font-size: 36px; line-height: 59px; color: #4A4A4A; margin-bottom: 15px; -ms-flex-order: 3; order: 3; } @media (min-width: 660px) { .product-main-payment-price-current { margin-bottom: 10px; } } .product-main-payment-notice { font-style: normal; font-weight: normal; line-height: 16px; font-size: 14px; color: #828282; } @media (min-width: 660px) and (max-width: 1023.98px) { .product-main-payment-notice-sm { line-height: 12px; font-size: 11px; } } /** * Product payment controls **/ .product-main-payment-controls { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 30px; } @media (min-width: 660px) { .product-main-payment-controls { padding-bottom: 40px; } } @media (min-width: 1024px) { .product-main-payment-controls { padding-bottom: 0; } } .product-main-payment-buy { -ms-flex: 1; flex: 1; } .product-main-payment-buy .btn { height: 50px; } .product-main-payment-compare { -ms-flex: none; flex: none; margin-left: 10px; } @media (min-width: 660px) and (max-width: 1023.98px) { .product-main-payment-compare { -ms-flex-order: 1; order: 1; } } .product-main-payment-compare .btn { width: 50px; height: 50px; } .product-main-payment-compare .btn:hover .product-main-payment-compare-icon { stroke: white; fill: #013874; } .product-main-payment-compare-icon { width: 24px; height: 23px; display: block; fill: white; stroke: #BDBDBD; stroke-width: 2; transition-property: stroke, fill; transition-duration: 500ms; } .product-main-payment-oneclick { -ms-flex: 100%; flex: 100%; margin-top: 15px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } @media (min-width: 660px) and (max-width: 1023.98px) { .product-main-payment-oneclick { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; -ms-flex-order: 2; order: 2; margin-top: 12px; margin-left: 0; } .product-main-payment-oneclick .oneclick-form { margin-left: 0; margin-top: 10px; } } .product-main-payment-oneclick[data-product-status="4"] { margin-top: 0; } .product-main-payment-oneclick .btn { height: 50px; -ms-flex: 100%; flex: 100%; } /*@media (min-width: 660px) and (max-width: 1023.98px) {*/ /* .product-main-payment-oneclick .btn {*/ /* -ms-flex: 0 0 260px;*/ /* flex: 0 0 260px;*/ /* max-width: 260px;*/ /* }*/ /*}*/ .oneclick-form { display: none; padding-top: 12px; } .product-added__footer .oneclick-form { display: block; } .product-added__footer .cart-side .cart-oneclick-input-wrapper{ margin-right: 0; } @media (min-width: 660px) and (max-width: 1023.98px) { .oneclick-form { padding-top: 0; margin-left: 10px; } .modal-oneclick .oneclick-form { padding-top: 12px; } } @media (max-width: 659.98px) { .oneclick-form { -ms-flex: 0 0 100%; flex: 0 0 100%; } } .oneclick-form.is-visible { display: block; } .oneclick-form .processing-checkbox { border-width: 2px; } .oneclick-form .processing-checkbox-check { top: 3px; } .oneclick-form-input-wrapper { position: relative; } @media (min-width: 660px) and (max-width: 1023.98px) { .oneclick-form-input-wrapper { /*max-width: 260px;*/ margin-top: 12px; } } .oneclick-form-input { font-style: normal; font-weight: 500; line-height: 50px; font-size: 14px; color: #bdbdbd; width: 100%; height: 50px; border: 2px solid #d1d1d1; border-radius: 30px; line-height: 50px; padding: 0 80px 0 20px; transition: border-color 500ms; } @media (min-width: 1024px) and (max-width: 1439.98px) { .oneclick-form-input { padding-right: 70px; } } .oneclick-form-input::-webkit-input-placeholder { font-style: normal; font-weight: 500; line-height: 50px; font-size: 14px; color: #bdbdbd; opacity: 1; } .oneclick-form-input:-ms-input-placeholder { font-style: normal; font-weight: 500; line-height: 50px; font-size: 14px; color: #bdbdbd; opacity: 1; } .oneclick-form-input::placeholder { font-style: normal; font-weight: 500; line-height: 50px; font-size: 14px; color: #bdbdbd; opacity: 1; } .oneclick-form-input.is-invalid { border-color: #eb5757; } .oneclick-form-btn { width: 80px; height: 50px; border-radius: 30px; background-color: transparent; transition: background-color 500ms; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: absolute; top: 0; right: 0; padding: 0; margin: 0; border: 0; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; } @media (min-width: 1024px) and (max-width: 1439.98px) { .oneclick-form-btn { width: 70px; } } .oneclick-form-btn:hover .icon { fill: #013874; } .oneclick-form-btn:active { background-color: #013874; } .oneclick-form-btn:active .icon { fill: white; } .oneclick-form-btn .icon { display: block; fill: #d1d1d1; transition: fill 500ms; } .oneclick-form-btn .icon-phone-02 { width: 30px; height: 30px; } .oneclick-form-btn .icon-envelope { width: 34px; height: 20px; } .oneclick-form-notice { margin-top: 10px; color: #bdbdbd; font-style: normal; font-weight: normal; line-height: 16px; font-size: 14px; } /** * Product related **/ @media (min-width: 660px) and (max-width: 1023.98px) { .product-related-container { position: absolute; top: 0; left: 100%; padding: 40px 15px 0; width: 100%; } } .product-related { width: calc(100% + 20px); min-height: 240px; background: #FFFFFF; box-shadow: 0px 0px 10px rgba(1, 56, 116, 0.1); border-radius: 3px; padding: 15px 20px; margin: 12px -10px 0; } @media (max-width: 659.98px) { .product-related:first-child { margin-top: 30px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .product-related { width: 100%; margin: 0; } .product-related:not(:first-child) { margin-top: 10px; } } .product-related[data-type="1"] { display: -ms-flexbox; display: flex; } .product-related[data-type="1"] .product-related-section { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product-related[data-type="1"] .product-related-section:nth-child(1) { -ms-flex: none; flex: none; } .product-related[data-type="1"] .product-related-section:nth-child(2) { -ms-flex: 1; flex: 1; padding-left: 30px; } .product-related[data-type="1"] .product-related-image-wrapper { -ms-flex: 1; flex: 1; width: 100px; } .product-related[data-type="1"] .product-related-more { -ms-flex: none; flex: none; padding-top: 15px; } .product-related[data-type="1"] .product-related-header { -ms-flex: 1; flex: 1; } .product-related[data-type="1"] .product-related-footer { -ms-flex: none; flex: none; } .product-related[data-type="2"] .product-related-image-wrapper { width: 100%; height: 80px; margin-bottom: 15px; } .product-related[data-type="2"] .product-related-footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-related[data-type="2"] .product-related-btn { -ms-flex: none; flex: none; } .product-related[data-type="2"] .product-related-more { -ms-flex: 1; flex: 1; text-align: right; } .product-related-image-wrapper { position: relative; } .product-related-image-wrapper img { display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); max-width: 100%; max-height: 100%; } .product-related-more a { color: #013874; text-decoration: underline; max-width: 100%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } .product-related-more a:visited { color: #013874; } .product-related-more a:hover { color: #013874; text-decoration: none; } .product-related-subtitle { font-size: 13px; font-weight: 500; line-height: normal; color: #828282; } .product-related-title { font-size: 14px; font-weight: 500; line-height: normal; color: black; } .product-related-price { font-style: normal; font-weight: 500; line-height: normal; font-size: 20px; color: #333333; margin: 10px 0; } .product-related-btn { max-width: 118px; height: 36px; } /** * Product claim options **/ .product-claim-options { margin-top: 12px; } @media (max-width: 1023.98px) { .product-claim-options { max-width: 240px; } } .product-claim-options-label { margin-bottom: 15px; font-style: normal; font-weight: 500; line-height: 25px; font-size: 14px; color: #000000; } .product-claim-options-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin-top: 8px; } .product-claim-options-row:first-child { margin-top: 0; } .product-claim-options-icon { -ms-flex: none; flex: none; width: 28px; margin-right: 15px; } .product-claim-options-icon .icon { display: block; margin: 0 auto; fill: #013874; } .product-claim-options-icon .icon-pedestrian { width: 15px; height: 20px; } .product-claim-options-icon .icon-truck { width: 28px; height: 19px; } .product-claim-options-icon .icon-map-marker { width: 13px; height: 19px; } .product-claim-options-key { font-style: normal; font-weight: normal; line-height: 25px; font-size: 14px; color: #000000; -ms-flex: none; flex: none; } .product-claim-options-value { font-style: normal; font-weight: normal; line-height: 25px; font-size: 14px; color: #000000; -ms-flex: 1; flex: 1; text-align: right; } /** * Product payment info **/ .product-main-payment-info-sm { -ms-flex-order: 2; order: 2; -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 30px 20px; border-top: 1px solid #f2f2f2; } @media (min-width: 660px) { .product-main-payment-info-sm { -ms-flex-order: 1; order: 1; padding: 40px 15px; } } @media (min-width: 1024px) { .product-main-payment-info-sm { display: none; } } .product-main-payment-info-sm .product-main-payment-info { border-top: 0; padding-top: 0; } .product-main-payment-info { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; border-top: 1px solid #f2f2f2; padding-top: 30px; margin-bottom: 30px; } @media (min-width: 660px) { .product-main-payment-info { padding-top: 40px; } } @media (min-width: 1024px) { .product-main-payment-info { border-top: 0; margin-top: 15px; padding-top: 0; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .product-main-payment-info { -ms-flex-order: 1; order: 1; } } .product-main-payment-info .product-main-payment-text { -ms-flex: none; flex: none; } .product-main-payment-text { -ms-flex: none; flex: none; } .product-main-payment-text a { color: black; } .product-main-payment-text a:visited { color: black; } .product-main-payment-text a:hover, .product-main-payment-text a:active { color: black; } .product-main-payment-highlight { color: #4fa9e8; } .product-main-payment-info-icon-wrapper { -ms-flex: none; flex: none; margin-left: 20px; margin-top: -2px; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .product-main-payment-info-icon { width: 17px; height: 17px; display: block; } .product-main-payment-info-popup { width: 400px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; display: none; cursor: default; z-index: 1; margin-left: -380px; margin-top: 20px; } .cart .product-main-payment-info-popup { left: auto; right: 0px; top: 70px; } @media (max-width:1023px) { .cart .product-main-payment-info-popup { top: auto; bottom: 460px; right: 10px; } } @media (max-width:659px) { .cart .product-main-payment-info-popup { bottom: 160px; } } .product-main-payment-info-popup.is-active { display: block; animation: 500ms forwards contentSlideUp; } .product-main-payment-info-popup:before { content: ''; display: block; position: absolute; bottom: calc(100% - 10px); right: 20px; width: 20px; height: 20px; background: white; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } @media (max-width: 659.98px) { .product-main-payment-info-popup { left: 0 !important; right: 0 !important; margin-left: 0; width: auto; } .product-main-payment-info-popup:before { right: auto; left: calc(50% - 10px); } } @media (min-width: 660px) and (max-width: 1023.98px) { .product-main-payment-info-popup:not(.has-style-2) { margin-left: -20px; } .product-main-payment-info-popup:not(.has-style-2):before { right: auto; left: 20px; } .product-main-payment-info-popup.has-style-2 { margin-left: -10px; } } .product-main-payment-info-popup-content { width: 100%; height: 100%; background: #FFFFFF; position: relative; padding: 20px; } .product-main-payment-info-popup-text { font-style: normal; font-weight: normal; line-height: 19px; font-size: 14px; color: #828282; } .product-main-payment-info-popup-btn { margin: 20px auto 0; max-width: 280px; } /** * Product components **/ .product-main-components { -ms-flex: 100%; flex: 100%; -ms-flex-order: 2; order: 2; border-top: 1px solid #f2f2f2; padding: 30px 20px; } @media (min-width: 660px) { .product-main-components { padding: 40px 15px; } } @media (min-width: 1024px) { .product-main-components { padding: 0; border-top: 0; margin-top: 50px; } } @media (min-width: 660px) { .product-main-components .product-main-parameters-list { display: none; } } .product-main-components-title { font-weight: 500; margin-bottom: 15px; } .product-main-components-item { width: 100%; display: -ms-flexbox; display: flex; } .product-main-components-checkbox { width: 16px; height: 16px; border: 1px solid #ededed; border-radius: 3px; margin-top: 4px; margin-right: 10px; position: relative; overflow: hidden; cursor: pointer; } .product-main-components-checkbox.is-active .product-main-components-checkbox-icon { opacity: 1; } .product-main-components-checkbox input { position: absolute; top: 0; left: -9999px; } .product-main-components-checkbox-icon { width: 10px; height: 8px; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; opacity: 0; transition: opacity 500ms; } .product-main-components-text { -ms-flex: 1; flex: 1; line-height: 26px; margin-right: 10px; } .product-main-components-price { font-weight: 700; line-height: 26px; text-align: right; } .product-main-components-footer { margin-top: 5px; padding-left: 26px; } /** * Product variants **/ .product-variants-content:not(.is-active) { display: none; } .product-variants { padding-bottom: 20px; } @media (max-width: 659.98px) { .product-variants { display: none; } } @media (min-width: 660px) { .product-variants { padding-bottom: 30px; } } .product-variants table { width: 100%; } .product-variants tr.is-current td:first-child { position: relative; } .product-variants tr.is-current td:first-child:after { width: 5px; height: 100%; content: ''; display: block; position: absolute; top: 0; left: 0; background: #4fa9e8; border-radius: 5px; } .product-variants th, .product-variants td { border: 1px solid #E0E0E0; padding: 15px; text-align: center; } .product-variants th { font-weight: 500; font-size: 14px; } .product-variants td { font-size: 14px; } @media (min-width: 1024px) { .product-variants td { font-size: 14px; } } .product-variants td:first-child { text-align: left; padding-left: 20px; } @media (min-width: 1440px) { .product-variants td:not(:first-child) { font-size: 20px; } } @media (max-width: 1023.98px) { .product-variants th:last-child, .product-variants td:last-child { display: none; } } .product-variants .btn { max-width: 118px; height: 35px; font-size: 14px; margin: 0 auto; } .product-variants-header { font-size: 20px; padding: 20px 0; } @media (min-width: 660px) { .product-variants-header { padding: 30px 0; } } @media (min-width: 1440px) { .product-variants-header { font-size: 24px; } } /** * Product main tabs **/ .product-main-tabs { width: 100%; display: none; /*border-bottom: 1px solid #f2f2f2;*/ padding: 0 20px; background: white; } @media (min-width: 1024px) { .product-main-tabs { display: -ms-flexbox; display: flex; } } @media (min-width: 1440px) { .product-main-tabs { padding: 0; } } .product-main-tabs.is-stuck { z-index: 9; } .product-main-tab { height: 66px; -ms-flex: 1 1 auto; flex: 1 1 auto; font-weight: 500; line-height: 66px; position: relative; cursor: pointer; text-align: center; transition: color 500ms; } .product-main-tab>span{ display: flex; } @media (min-width: 1440px) { .product-main-tab { font-size: 14px; } } .product-main-tab:after { width: 62px; height: 5px; content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -31px; transform: scale(0); transform-origin: center bottom; transition: transform 500ms; background: #4fa9e8; border-radius: 5px; } .product-main-tab:hover, .product-main-tab.is-active { color: #4fa9e8; } .product-main-tab.review-midle-link:hover, .product-main-tab.review-midle-link.is-active { color: #333; } .product-main-tab:hover:after, .product-main-tab.is-active:after { transform: scale(1); } .product-main-tab-count { color: #4fa9e8; margin-left: 5px; } .product-main-tab-content { width: 100%; } .product-main-tab-content.is-hidden { display: none; } .product-main-tab-content.is-active { display: block; } @media (max-width: 659.98px) { .product-main-tab-content { padding: 0 10px; } } @media (min-width: 660px) and (max-width: 1439.98px) { .product-main-tab-content { padding: 0 20px; } } /*@media (min-width: 1024px) {*/ /* .product-main-tab-content.is-hidden {*/ /* display: none;*/ /* }*/ /* .product-main-tab-content.is-active {*/ /* display: block;*/ /* }*/ /*}*/ @media (min-width: 1440px) { .product-main-tab-content { padding: 0 20px; } } /*@media (max-width: 1023.98px) {*/ /* .product-main-tab-content {*/ /* border-top: 1px solid #f2f2f2;*/ /* }*/ /*}*/ /** * Product equipment **/ .product-equipment { display: none; } @media (min-width: 1024px) { .product-equipment { display: -ms-flexbox; display: flex; } } .product-equipment.is-light { display: block; } @media (min-width: 1024px) { .product-equipment.is-light { display: none; } } .product-equipment-tabs { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product-equipment-tab { -ms-flex: none; flex: none; width: 290px; height: 60px; border: 1px solid #ededed; border-top: 0; padding: 0 24px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; position: relative; } .product-equipment-tab:first-child { border-top: 1px solid #ededed; } .product-equipment-tab:before { height: 100%; content: ''; display: block; background: #4fa9e8; position: absolute; top: 0; left: 0; transform: scale(0); transition: transform 500ms; transform-origin: left center; width: 5px; border-radius: 5px; margin-left: -1px; } .product-equipment-tab.is-active:before { transform: scale(1); } .product-equipment-tab.is-active .product-equipment-tab-text { color: #4fa9e8; } .product-equipment-tab.is-active .product-equipment-tab-text span { color: #4fa9e8; } @media (min-width: 1440px) { .product-equipment-tab-text { font-size: 14px; width: 340px; } } .product-equipment-tab-text span { color: #bdbdbd; } .product-equipment-tab-content { -ms-flex: 1; flex: 1; max-width: calc(100% - 290px); display: none; } .product-equipment-tab-content.is-active { display: block; } .product-equipment-items { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; margin-left: -1px; } .product-equipment-item { display: none; padding: 20px; border: 1px solid #ededed; border-top: 0; height: 180px; } .product-equipment-item:first-child { border-top: 1px solid #ededed; } .product-equipment-item.is-active { display: block; } .product-equipment-item .product { height: 100%; } .product-equipment-item .product-images-slider { height: 100%; padding-left: 20px; padding-right: 20px; } .product-equipment-item .product-images-slider, .product-equipment-item .product-images, .product-equipment-item .slick-list, .product-equipment-item .slick-track, .product-equipment-item .product-image { height: 100%; } @media (min-width: 1440px) { .product-equipment-item .product-images-nav[data-direction="right"] { left: calc(100% - 20px); } .product-equipment-item .product-images-nav[data-direction="left"] { right: calc(100% - 20px); } } .product-equipment-footer { margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-equipment-show-more { font-size: 14px; text-align: center; cursor: pointer; } .product-equipment-show-more:hover { text-decoration: underline; } .product-equipment-select select { width: 100%; background: white; border: 1px solid #ededed; border-radius: 30px; height: 54px; line-height: 52px; padding: 0 25px; font-family: inherit; } .product-equipment-slider { /*display: none;*/ visibility: hidden; height: 0; } .product-equipment-slider:not(.is-active) { overflow: hidden; } .product-equipment-slider.is-active { display: block; visibility: visible; height: auto; } .product-equipment-slider .product-slider-item, .product-equipment-slider .product-equipment-item { height: 450px; } @media (min-width: 660px) { .product-equipment-slider .product-slider-item, .product-equipment-slider .product-equipment-item { height: 220px; } } @media (min-width: 660px) { .product-equipment-slider .product-slider-item .product[data-layout="default"] { display: none; } } @media (max-width: 659px) { .product-equipment-slider .product-equipment-item .product { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .product-equipment-slider .product-equipment-item .product-images-slider { height: 269px; } .product-equipment-slider .product-equipment-item .product .product-layout-images { -ms-flex: 1; flex: 1; width: 100%; float: none; padding: 20px 0; } .product-equipment-slider .product-equipment-item .product .product-body { margin-left: 0; } .product-equipment-slider .product-equipment-item .product .product-footer { display: -ms-flexbox; display: flex; -ms-flex-direction: initial; flex-direction: initial; -ms-flex-align: center; align-items: center; -ms-flex: none; flex: none; padding-top: 20px; margin: 0; } .product-equipment-slider .product-equipment-item .product-price, .product-equipment-slider .product-equipment-item .product-btn { -ms-flex: 50%; flex: 50%; } .product-equipment-slider .product-equipment-item .product-text { display: block; height: 42px; overflow: hidden; color: #828282; font-size: 12px; line-height: 14px; margin-top: 15px; } .product-equipment-slider .product-equipment-item .product .product-status { margin-top: 0; } } @media(min-width: 1200px) { .installation-service-container { width: 100%; height: 50px; } .installation-service-block { position: relative; } .installation-service-block__main-container { white-space: nowrap; } .installation-service-block > i { margin-left: 0; white-space: nowrap; } .product-main-payment-text .installation-service-block > i { white-space: unset; } } @media (max-width: 1023px) { .product-equipment-slider .product-equipment-item .product-images-nav { display: none !important; } .installation-service-block__main-container{ margin-left: 10px; } } .product-equipment-slider .product-slider-item .product[data-layout="horizontal"] { height: 180px; } @media (max-width: 659.98px) { .product-equipment-slider .product-slider-item .product[data-layout="horizontal"] { display: none; } } .product-equipment-slider .product-slider-item .product[data-layout="horizontal"] .product-layout-images { padding: 0; } /** * Product description **/ @media (min-width: 1024px) { .product-description { /*display: -ms-flexbox; display: flex;*/ } } .product-description-text { margin-top: 15px; font-size: 14px; } @media (min-width: 1024px) { .product-description-text { -ms-flex: 1; flex: 1; } } .product-description-text p:first-child { margin-top: 0; } .product-description-image { margin-top: 15px; } @media (min-width: 660px) { .product-description-image { margin-top: 30px; } } @media (min-width: 1024px) { .product-description-image { -ms-flex: none; flex: none; margin-top: 0; margin-left: 80px; } } /** * Product main specifications **/ @media (min-width: 1024px) { .product-specs { display: -ms-flexbox; display: flex; } } .product-specs-list { -ms-flex: 1; flex: 1; } .product-specs-row { line-height: 24px; font-size: 14px; display: -ms-flexbox; display: flex; } .product-specs-group{ width: 100%; } .product-specs-row td,.product-specs-group-title th { border: none; padding: 0; } .product-specs-row + .product-specs-row { margin-top: 5px; } @media (min-width: 660px) { .product-specs-row + .product-specs-row { margin-top: 0; } } .product-specs-row a { cursor: pointer; text-decoration: none; } .product-specs-row a:hover, .product-specs-row a:active { text-decoration: underline; } .product-specs-key { -ms-flex: 1; flex: 1; color: #bdbdbd; } @media (min-width: 660px) { .product-specs-key { padding-right: 10px; } } @media (min-width: 1024px) { .product-specs-key { max-width: 300px; } } @media (min-width: 660px) { .product-specs-value { -ms-flex: 1; flex: 1; } } .product-specs-files { -ms-flex: 1; flex: 1; -ms-flex: none; flex: none; margin-top: 20px; } @media (min-width: 660px) { .product-specs-files { margin-top: 30px; } } @media (min-width: 1024px) { .product-specs-files { max-width: 360px; margin-top: 0; } } .product-specs-file { border: 1px solid #ededed; padding: 20px; } .product-specs-file__instructions{ display: flex; align-items: center; margin-top: 40px; } .product-specs-file__instructions svg { margin-left: 10px; } @media (min-width: 660px) { .product-specs-file { padding: 30px; } } @media (min-width: 1024px) { .product-specs-file { padding: 30px 45px; } } .product-specs-file + .product-specs-file { border-top: 0; } .product-specs-file-title { font-size: 14px; font-weight: 500; line-height: 20px; } @media (min-width: 660px) { .product-specs-file-title { font-size: 24px; font-weight: normal; } } .product-specs-file-row { margin-top: 30px; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .product-specs-file-icon { -ms-flex: none; flex: none; width: 46px; height: 52px; display: block; margin-right: 20px; } .product-specs-file-text { -ms-flex: 1; flex: 1; font-size: 14px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #4fa9e8; } @media (min-width: 660px) { .product-specs-file-text { font-size: 14px; } } /** * Product delivery **/ .product-delivery .product-main-tabs { margin: 0 -35px; margin-top: -20px; padding: 0; display: none; } @media (min-width: 1024px) { .product-delivery .product-main-tabs { display: -ms-flexbox; display: flex; } } .product-delivery .product-main-tab { -ms-flex: none; flex: none; padding: 0 35px; } .product-delivery .product-main-tab-content { padding-left: 0; padding-right: 0; border: 0; } .product-delivery .product-main-tab-content:before, .product-delivery .product-main-tab-content:after { content: ' '; display: table; } .product-delivery .product-main-tab-content:after { clear: both; } .product-delivery .product-main-tab-content:not(.is-active) { display: none; } @media (min-width: 1024px) { .product-delivery-select { display: none; } } .product-delivery-intro { font-size: 14px; display: none; margin-top: 40px; } @media (min-width: 1024px) { .product-delivery-intro { display: block; } } .product-delivery-intro p:first-child { margin-top: 0; } @media (min-width: 1024px) { .product-delivery-cols { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .product-delivery-col { -ms-flex: 1 1 66.666%; flex: 1 1 66.666%; } .product-delivery-col + .product-delivery-col { -ms-flex: 33.333%; flex: 33.333%; margin-left: 60px; } } .product-delivery-header { font-size: 18px; margin-top: 25px; } .product-delivery-header:first-child { margin-top: 0; } .product-delivery-payment-logo { height: 12px; margin-right: 10px; display: inline-block; } /** * Spoiler **/ .product-main .spoiler { margin-top: 40px; } @media (min-width: 1440px) { .product-main .spoiler { border: 0; } } /** * Product claim **/ .product-claim { margin-top: 40px; } @media (min-width: 660px) { .product-claim { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .product-claim-item { -ms-flex: 100%; flex: 100%; max-width: 100%; } .product-claim-col { display: -ms-flexbox; display: flex; } @media (min-width: 660px) { .product-claim-col { -ms-flex: none; flex: none; width: 33.333%; padding-right: 10px; } } .product-claim-col + .product-claim-col { margin-top: 20px; } @media (min-width: 660px) { .product-claim-col + .product-claim-col { margin-top: 0; } } .product-claim-icon-wrapper { -ms-flex: none; flex: none; width: 50px; } .product-claim-icon { display: block; } .product-claim-icon[data-type="map-marker"] { width: 25px; height: 34px; } .product-claim-icon[data-type="clock"] { width: 30px; height: 30px; } .product-claim-icon[data-type="ruble"] { width: 21px; height: 29px; } .product-claim-text { -ms-flex: 1; flex: 1; font-size: 14px; } .product-claim-map { margin-top: 40px; height: 360px; } .product-claim-notice { margin-top: 25px; } /** * Product stores **/ .product-stores { margin-top: 40px; } .product-stores-filter .selectboxit, .product-stores-filter select { width: 100%; height: 36px; border: 1px solid #EEEEEE; border-radius: 5px; } @media (min-width: 660px) { .product-stores-filter .selectboxit-container { max-width: 540px; } } .product-stores-filter .selectboxit-options { border: 1px solid #EEEEEE; border-radius: 5px; } .product-stores-filter .selectboxit-option { border-radius: 5px; } .product-stores-map { margin-top: 25px; position: relative; } /** * User feed **/ @media (max-width: 659.98px) { .user-feed.user-feed-faq .user-feed-controls { margin-top: -20px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .user-feed.user-feed-faq .user-feed-controls { margin-top: -20px; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } } @media (min-width: 1024px) { .user-feed.user-feed-faq .spoiler-header { -ms-flex-pack: justify; justify-content: space-between; } } @media (max-width: 1023.98px) { .user-feed.user-feed-faq .spoiler-header .user-feed-controls { display: none; } } @media (min-width: 1024px) { .user-feed.user-feed-faq .spoiler-header .user-feed-controls { display: block; } } @media (min-width: 660px) and (max-width: 1023.98px) { .user-feed-header { margin-top: 20px; } } @media (min-width: 660px) { .user-feed-header { display: -ms-flexbox; display: flex; -ms-flex-pack: justify; justify-content: space-between; gap: 20px; margin-bottom: 30px; } } .user-feed__filter-wrap{ display: flex; flex-direction: column; flex: 1 0 auto; } .user-feed__filter{ display: flex; flex-wrap: wrap; gap: 20px; } .filter-tag-list{ display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin: 24px 0 0 0; padding: 0; } .filter-tag-list__item{ margin-top: 0; display: flex; align-items: center; padding: 7px 13px; font-weight: 400; font-size: 13px; line-height: 13px; color: #333333; background: #EBEBEB; border: 1px solid #BDBDBD; border-radius: 30px; } /* drop */ .user-feed-filter-wrap{ flex: 0 1 810px; display: grid; grid-template-columns: auto 266px auto ; grid-gap: 20px; } .user-feed-filter-wrap .user-feed-filter{ max-width: 100%; } .multiselect { display: inline-block; width: 100%; position: relative; cursor: pointer; } .multiselect_display { background-color: #fff; display: block; padding: 8px 20px 5px 10px; height: 36px; line-height: 24px; overflow: hidden; width: 100%; border: 1px solid #EEEEEE; border-radius: 5px; padding: 0 20px; line-height: normal; display: flex; align-items: center; justify-content: space-between; transition: all 0.3s ease; position: relative; user-select: none; } .multiselect_icon{ position: absolute; right: 17px; top: 8px; transition: all 0.3s ease; transform: scale(0.9); } .multiselect_display.active i{ transform: rotate(180deg); transition: all 0.2s ease; } .multiselect_display.active i svg path{ fill: #013874; transition: all 0.3s ease; } .multiselect_display_text { margin-right: 25px; font-weight: 400; font-size: 14px; line-height: 18px; color: #333333; } .multiselect_options { width: 100%; border-radius: 5px; position: absolute; left: 0; top: 40px; background: #fff; border: 1px solid #ddd; box-shadow: 2px 3px 3px rgba(0, 0, 0, 0.11); box-sizing: border-box; max-height: 250px; overflow: auto; z-index: 1015; padding: 15px 10px 15px 10px; display: none; } .multiselect_option { overflow: hidden; padding: 10px 10px; border-radius: 5px; } .multiselect_option>input { cursor: pointer; } .mutliSelect__item{ margin: 0 0 15px 0; padding: 0; border-radius: 5px; } .multiselect_option .check-filter__label{ padding-bottom: 0; white-space: initial; width: 100%; font-weight: 400; font-size: 14px; line-height: 18px; color: #333333; } .multiselect_option .check-filter__input + label:before{ border: 1px solid #979797; } .multiselect_option .check-filter__input:checked + label:after{ background: #000; left: 4px; top: 10px; box-shadow: 2px 0 0 #000, 4px 0 0 #000, 4px -2px 0 #000, 4px -4px 0 #000, 4px -6px 0 #000, 4px -8px 0 #000; } .multiselect_option::before{ content: none; } .multiselect_option:hover{ background: rgba(79, 169, 232, 0.2); } .dropdown span.value { display: none; } .dropdown dd ul li a { padding: 5px; display: block; } .dropdown dd ul li a:hover { background-color: #fff; } .filter-tag-list__remove{ margin-left: 10px; cursor: pointer; } .user-item-reviews{ display: grid; grid-template-columns: repeat(auto-fill, minmax(340px, 1fr)); gap: 30px; } .user-item-reviews .user-feed-item-header{ flex-direction: column; } .user-item-rating__wrap{ display: flex; align-items: center; margin-bottom: 10px; } .user-item-reviews .user-feed-item-author{ font-weight: 700; font-size: 14px; line-height: 18px; color: #333333; } .scroll-wrapper.user-feed-item-body > .scroll-content{ padding-right: 15px; } .scroll-wrapper.user-feed-item-body .scroll-element .scroll-bar{ background: #013874; border-radius: 3px; } .user-item-reviews .user-feed-item-edit{ padding-right: 15px; } .user-feed-item-edit.edit-new { margin-top:20px; } .user-feed-item-edit.edit-new a { color: #083571; transition: color 300ms; text-decoration: none; } .user-feed-item-edit.edit-new a:hover { color: #4fa9e8; } .user-item-rating__wrap .rating{ margin-right: 15px; } .user-item-reviews .user-feed-item-date{ font-weight: 400; font-size: 14px; line-height: 18px; color: #333333; margin-top: 0; } .user-item-reviews .user-feed-item-body{ max-height: 220px; overflow: auto; } .filter-tag-list__icon{ cursor: pointer; margin-left: 10px; width: 14px; height: 14px; } .user-feed-item { flex: 1 0 calc(50% - 20px); padding: 30px; background: #FFFFFF; border: 1px solid #EFEFEF; box-shadow: 0px 4px 10px rgba(196, 196, 199, 0.18); border-radius: 5px; margin-top: 14px; } .user-feed-body .article-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .rating-label p { margin: 0; } .rating-label__title{ font-weight: 700; margin-bottom: 5px; } .rating-label{ margin-right: 10px; } .user-feed-body{ margin-top: 30px; } .user-feed-item__title{ font-weight: 700; font-size: 14px; line-height: 18px; letter-spacing: 0.02em; color: #333333; } .user-feed-item-header{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } .user-feed-row{ margin-bottom: 17px; border-bottom: 1px solid #E4E4E4; } .user-feed-item__row{ display: flex; flex-wrap: wrap; justify-content: space-between; gap: 10px; } .user-feed-item-footer{ display: flex; justify-content: flex-end; position: relative; } .user-feed-item-footer .social-info-popup{ right: 0; left: inherit!important; } .user-feed-item-wrap{ flex: 1; margin-bottom: 0px; } .user-feed-item-wrap + div { margin-bottom: 17px; } .filter-tag-list__item::before{ content: none; } .user-feed-header .product-main-tab-header { -ms-flex: 1; flex: 1; margin-bottom: 0; } .user-feed-header .rating { -ms-flex: 1; flex: 1; } @media (max-width: 659.98px) { .user-feed-header .rating { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .user-feed-header .rating-star { width: 33px; height: 32px; } .user-feed-header .rating-star + .rating-star { margin-left: 8px; } @media (min-width: 660px) { .user-feed-header .rating-star { width: 37px; height: 36px; } .user-feed-header .rating-star + .rating-star { margin-left: 13px; } } .user-feed-header .rating-score { font-size: 24px; margin-left: 20px; } @media (max-width: 659.98px) { .user-feed-header .rating-text { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 20px; margin-left: 0; } .user-feed-filter-wrap{ flex: auto; grid-template-columns: 1fr; margin: 20px 0; } } .user-feed-header .product-main-tab-header { -ms-flex-wrap: wrap; flex-wrap: wrap; padding-bottom: 0; } .user-feed-header .product-main-tab-header .user-feed-controls { -ms-flex: 0 0 100%; flex: 0 0 100%; display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; margin-top: 20px; } .user-feed-header .user-feed-filter { margin-top: 0; } .user-feed-controls { -ms-flex: none; flex: none; } @media (max-width: 659.98px) { .user-feed-controls { margin-top: 20px; } } .user-feed-controls .btn { height: 40px; } @media (min-width: 660px) { .user-feed-controls .btn { width: 170px; } } .user-feed-filter { height: 36px; margin-top: 25px; } @media (min-width: 660px) { .user-feed-filter { max-width: 240px; width: 100%; } } .user-feed-filter .selectboxit, .user-feed-filter select { width: 100%; height: 100%; border: 1px solid #EEEEEE; border-radius: 5px; padding: 0 20px; } .user-feed-filter .selectboxit.selectboxit-open .selectboxit-arrow-container, .user-feed-filter select.selectboxit-open .selectboxit-arrow-container { transform: rotate(-90deg); } .user-feed-filter .selectboxit-container { height: 100%; } .user-feed-filter .selectboxit-arrow-container { width: 6px; height: 10px; background-image: url(/local/templates/aquanet_new/css/../img/icons/arrow-02.svg); transform: rotate(90deg); opacity: 0.25; } .user-feed-filter .selectboxit-options { border: 1px solid #EEEEEE; border-radius: 5px; } .user-feed-filter .selectboxit-option { border-radius: 5px; } .user-feed-filter-tag{ margin-bottom: 30px; } .user-feed-filter .dropdown{ margin: 0; } .user-feed-item + .rating-star { margin-left: 5px; } .user-feed-item .rating-score { font-size: 18px; margin-left: 15px; } @media (min-width: 660px) and (max-width: 1023.98px) { .user-feed-item-header { width: auto; padding-right: 0; } } /* @media (min-width: 660px) and (max-width: 1023.98px) { .user-feed-item-header .rating { position: absolute; top: 0; right: 0; } } */ .user-feed-item-header .rating-text { display: none; } .user-feed-item-author { font-weight: 500; font-size: 14px; } .user-feed-item-location { margin-top: 10px; } .user-feed-item-date { color: #bdbdbd; margin-top: 10px; } @media (min-width: 660px) and (max-width: 1023.98px) { .user-feed-item-date { position: absolute; bottom: 0; right: 0; } } .user-feed-item-body { margin-top: 30px; } @media (min-width: 1024px) { .user-feed-item-body { margin-top: 0; } } .user-feed-item-body p { margin: 1em 0 0; } .user-feed-item-body p:first-child { margin-top: 0; } .user-feed-item-body strong { font-weight: 500; } .user-feed-item-title { font-weight: 500; } .user-feed-item-title + p { margin-top: 0.3em; } @media (min-width: 660px) { .user-feed-footer { display: -ms-flexbox; display: flex; -ms-flex-pack: end; justify-content: flex-end; } .user-feed-footer .pagination { -ms-flex: none; flex: none; } } /** * Product set **/ .container-product-set { z-index: 9; } .product-set { background: white; margin-top: 20px; } @media (min-width: 1024px) { .product-set { margin-top: 30px; } } .product-set-header { padding: 20px 15px; } @media (min-width: 660px) { .product-set-header { display: -ms-flexbox; display: flex; } } @media (min-width: 1024px) { .product-set-header { padding: 20px 30px; } } @media (min-width: 1440px) { .product-set-header { padding: 20px 40px; } } .product-set-title { font-size: 18px; } @media (min-width: 660px) { .product-set-title { -ms-flex: 1; flex: 1; padding-right: 30px; } } @media (min-width: 1024px) { .product-set-title { font-size: 24px; } } @media (min-width: 1440px) { .product-set-title { line-height: 40px; } } .product-set-title span { display: block; font-weight: 500; } @media (min-width: 1440px) { .product-set-title span { display: inline; } } .product-set-price { color: #828282; margin-top: 20px; } @media (min-width: 660px) { .product-set-price { -ms-flex: none; flex: none; line-height: 30px; margin-top: 0; } } @media (min-width: 1440px) { .product-set-price { line-height: 40px; } } .product-set-price span { font-weight: 500; font-size: 24px; display: block; color: black; } @media (min-width: 1440px) { .product-set-price span { display: inline; margin-left: 30px; } } .product-set-btns { margin-top: 20px; } @media (min-width: 660px) { .product-set-btns { -ms-flex: none; flex: none; margin-top: 0; margin-left: 30px; } } @media (min-width: 992px) { .product-set-btns { display: -ms-flexbox; display: flex; width: 100%; max-width: 350px; -ms-flex: 0 0 350px; flex: 0 0 350px; } } @media (min-width: 1200px) { .product-set-btns { display: -ms-flexbox; display: flex; width: 100%; max-width: 480px; -ms-flex: 0 0 480px; flex: 0 0 480px; } } .product-set-btns .btn, .product-set-btns .oneclick-form-btn { height: 40px; } @media (max-width: 1023.98px) { .product-set-btns .oneclick-form { margin-left: 0; margin-top: 10px; } } @media (max-width: 659.98px) { .product-set-btns .oneclick-form { margin-top: 0; } } .product-set-btns .oneclick-form-input { height: 40px; line-height: 40px; } @media (min-width: 660px) { .product-set-btn-cell { width: 100%; max-width: 260px; } } @media (min-width: 1440px) { .product-set-btn-cell { -ms-flex: 0 0 100%; flex: 0 0 100%; } } @media (min-width: 1440px) { .product-set-btn-cell:first-child { max-width: 200px; } } .product-set-btn-cell:not(:first-child) { margin-top: 10px; } @media (min-width: 660px) { .product-set-btn-cell:not(:first-child) { width: 100%; max-width: 260px; } } @media (min-width: 1440px) { .product-set-btn-cell:not(:first-child) { margin-top: 0; margin-left: 20px; } } .product-set-body { border-top: 1px solid #ededed; padding: 20px 5px; } @media (min-width: 1024px) { .product-set-body { padding: 20px 20px; } } @media (min-width: 1440px) { .product-set-body { padding: 20px 30px; } } .product-set-slider { display: -ms-flexbox; display: flex; position: relative; padding: 0px 40px; } .product-set-slider .ideas-nav .icon { width: 20px; height: 30px; } .product-set-slider .ideas-nav[data-direction="left"] { left: -10px; } .product-set-slider .ideas-nav[data-direction="right"] { right: -10px; } .product-set-slider .ideas-nav:hover .icon { fill: #ccc; } .product-set-slider-nav { -ms-flex: none; flex: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; padding: 10px; opacity: 0; cursor: pointer; } .product-set-slider-nav.is-active { opacity: 1; } .product-set-slider-nav[data-direction="left"] .icon { transform: rotate(180deg); } .product-set-slider-nav .icon { width: 15px; height: 34px; display: block; fill: #ededed; } .product-set-slider-items { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; overflow: hidden; } .product-set-slider-item { -ms-flex: none; flex: none; width: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; padding: 0 15px; } @media (min-width: 660px) { .product-set-slider-item { width: 33.333%; } } @media (min-width: 1024px) { .product-set-slider-item { width: 20%; padding: 0 20px; } } @media (min-width: 1440px) { .product-set-slider-item { width: 20%; padding: 0 20px; } } .product-set-slider-item-image { -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-set-slider-item-image img { display: block; max-width: 100%; max-height: 100%; } .product-set-slider-item-title { -ms-flex: none; flex: none; margin-top: 20px; text-align: center; } /** * Product promo **/ .product-promo { background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; padding: 30px 10px; margin-top: 20px; position: relative; } @media (min-width: 1024px) { .product-promo { margin-top: 30px; } } @media (min-width: 660px) { .product-promo { padding: 40px 60px; } } @media (min-width: 1024px) { .product-promo { padding: 35px 40px; } } @media (min-width: 1440px) { .product-promo { padding: 35px; } } .product-promo:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.71); } .product-promo-content { position: relative; } .product-promo-title { font-weight: 500; font-size: 18px; text-align: center; } @media (min-width: 660px) { .product-promo-title { font-size: 24px; } } .product-promo-text { line-height: 30px; font-size: 14px; text-align: center; margin-top: 20px; } @media (min-width: 660px) { .product-promo-text { font-size: 18px; } } .product-promo-text a { color: black; cursor: pointer; font-weight: 500; text-decoration: none; } .product-promo-text a:visited { color: black; } .product-promo-text a:hover, .product-promo-text a:active { color: black; text-decoration: underline; } .product-promo-text span { font-size: 14px; } @media (min-width: 660px) and (max-width: 1023.98px) { .product-promo-text .hidden-sm { display: none; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .product-promo-text .hidden-md { display: none; } } @media (min-width: 1440px) { .product-promo-text .hidden-lg { display: none; } } .product-promo-form { margin-top: 20px; } @media (min-width: 1024px) { .product-promo-form { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; margin-top: 30px; } } .product-promo-form.is-style-2 { margin-top: 15px; } @media (min-width: 1024px) { .product-promo-form.is-style-2 { margin-left: 15px; margin-right: 15px; } } .product-promo-form .processing-permission { display: -ms-inline-flexbox; display: inline-flex; margin-top: 0; } @media (min-width: 1024px) { .product-promo-form-item { margin: 0 15px; } } @media (min-width: 1440px) { .product-promo-form-item { max-width: 270px; } } .product-promo-form-item + .product-promo-form-item { margin-top: 15px; } @media (min-width: 1024px) { .product-promo-form-item + .product-promo-form-item { margin-top: 0; } } .product-promo-form-item input { width: 100%; height: 54px; border: 0; box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); border-radius: 30px; display: block; line-height: 54px; margin: 0; padding: 0 20px; } .product-promo-form-item input.is-invalid { box-shadow: 0px 0px 8px rgba(235, 87, 87, 0.75); } .product-promo-form-item input:focus { box-shadow: 0px 0px 8px rgba(1, 56, 116, 0.75); } .product-promo-form-message { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .product-promo-form-message .product-promo-title, .product-promo-form-message .product-promo-text { -ms-flex: none; flex: none; text-align: center; } #promocode-element-container #vector { max-width: 813px; width: 100%; margin: 20px auto; display: flex; align-items: center; justify-content: space-around; padding: 15px; background-size: cover; border-radius: 10px; background-repeat: no-repeat; } #promocode-element-container #vector #button { max-width: 209px; width: 100%; position: relative; } #promocode-element-container #vector #left_image{ position: static; } #promocode-element-container #vector #button a{ color: #0C3672; } #promocode-element-container #vector #button a:first-child{ position: absolute; z-index: 111; top: 0; width: 100%; height: 100%; } #promocode-element-container #vector #b_text{ display: flex; flex: 1; flex-direction: column; max-width: 460px; position: static; width: 100%; } #promocode-element-container #vector> a{ flex: 0 1 auto; height: auto; width: auto; margin-right: 20px; } #promocode-element-container #vector #b_text p{ color: #FFFFFF; } /** * Product page spoiler **/ @media (min-width: 1024px) { .product-main-spoiler[data-mobile-only="true"] > .spoiler-header { cursor: default; } .product-main-spoiler[data-mobile-only="true"] > .spoiler-body { display: block !important; } } .product-main-spoiler > .spoiler-header { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; padding: 20px 0; font-size: 20px; cursor: pointer; } .product-main-spoiler > .spoiler-header:hover > .icon { fill: #828282; } .product-main-spoiler > .spoiler-header.is-active > .icon { transform: rotate(-90deg); } .product-main-spoiler > .spoiler-header > .icon { -ms-flex: none; flex: none; width: 25px; height: 25px; display: block; margin-left: 20px; transform: rotate(90deg); transition-property: transform, fill; transition-duration: 500ms; fill: #bdbdbd; } @media (min-width: 1024px) { .product-main-spoiler > .spoiler-header > .icon { display: none; } } .product-main-spoiler > .spoiler-body { padding: 30px 0 20px; } .product-main-spoiler > .spoiler-body:before, .product-main-spoiler > .spoiler-body:after { content: ' '; display: table; } .product-main-spoiler > .spoiler-body:after { clear: both; } @media (max-width: 1023.98px) { .product-main-spoiler > .spoiler-body { display: none; } } @media (max-width: 1023.98px) { .product-main-spoiler > .spoiler-body.is-active { display: block; } } /** * Product similar (status 4) **/ @media (max-width: 659.98px) { .product-similar .section-header { -ms-flex-align: center; align-items: center; } .product-similar .header-title { font-size: 18px; line-height: normal; } } /** * Replies page **/ @media (max-width: 659.98px) { .site-wrapper[data-page="replies"] { background: white; } .site-wrapper[data-page="replies"] .page-header { margin-top: 0; } .site-wrapper[data-page="replies"] .social { margin-top: 20px; border-top: 1px solid #F2F2F2; padding-top: 10px; } .site-wrapper[data-page="replies"] .footer { border-top: 1px solid #F2F2F2; } .site-wrapper[data-page="replies"] .user-feed-header { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } .site-wrapper[data-page="replies"] .user-feed-filter { margin-top: 20px; flex: 1; } .site-wrapper[data-page="replies"] .user-feed-controls { -ms-flex-order: -1; order: -1; margin-top: 0; } } .reply-form .rating { -ms-flex-align: baseline; align-items: baseline; } @media (max-width: 659.98px) { .reply-form .rating { -ms-flex-wrap: wrap; flex-wrap: wrap; } } .reply-form .rating-star { width: 34px; height: 33px; } .reply-form .rating-star + .rating-star { margin-left: 9px; } .reply-form .rating-score { line-height: normal; font-size: 24px; color: #000000; margin-left: 22px; } .reply-form .rating-text { line-height: normal; font-size: 14px; color: #000000; margin-left: 16px; } @media (max-width: 659.98px) { .reply-form .rating-text { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-top: 16px; margin-left: 0; } } .reply-form-title { line-height: normal; font-size: 24px; color: #000000; margin-bottom: 23px; } @media (max-width: 659.98px) { .reply-form-title { font-size: 18px; } } .reply-form-error { color: #eb5757; margin-top: 10px; } .reply-form-row { margin-top: 20px; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: start; align-items: flex-start; } @media (max-width: 659.98px) { .reply-form-row { -ms-flex-align: stretch; align-items: stretch; } } .reply-form-row:first-child { margin-top: 60px; } @media (max-width: 659.98px) { .reply-form-row:first-child { margin-top: 20px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .reply-form-row:first-child { margin-top: 40px; } } .reply-form-row .reply-form-error { margin-left: 20px; } .reply-form-label-row { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .reply-form-icon { -ms-flex: none; flex: none; margin-right: 15px; } .reply-form-icon.icon { display: block; } .reply-form-icon.icon-plus { width: 20px; height: 20px; } .reply-form-icon.icon-minus { width: 20px; height: 3px; } .reply-form-icon.icon-chat { width: 20px; height: 17px; } .reply-form-label { -ms-flex: 1; flex: 1; line-height: normal; font-size: 14px; color: #828282; } .reply-form-input { margin-top: 13px; } .reply-form textarea { width: 100%; min-width: 480px; max-width: 480px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; display: block; transition: border-color 500ms; padding: 0 20px; margin: 0; min-height: 106px; padding-top: 20px; padding-bottom: 20px; } @media (max-width: 659.98px) { .reply-form textarea { min-width: 100%; } } .reply-form textarea.is-invalid { border-color: #eb5757; } .reply-form input[type="text"] { width: 100%; min-width: 480px; max-width: 480px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; display: block; transition: border-color 500ms; padding: 0 20px; margin: 0; min-height: 48px; } @media (max-width: 659.98px) { .reply-form input[type="text"] { min-width: 100%; } } .reply-form input[type="text"].is-invalid { border-color: #eb5757; } .reply-form-file-row .reply-form-label { -ms-flex: none; flex: none; line-height: normal; font-size: 18px; font-weight: 500; color: #000000; margin-right: 20px; } @media (max-width: 659.98px) { .reply-form-file-row { -ms-flex-wrap: wrap; flex-wrap: wrap; } .reply-form-file-row .reply-form-label { -ms-flex: 0 0 100%; flex: 0 0 100%; margin-bottom: 25px; } } .reply-form-file-btn { -ms-flex: none; flex: none; width: 239px; height: 48px; border: 1px solid #E0E0E0; border-radius: 30px; line-height: normal; font-size: 14px; color: #828282; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; margin: 0; padding: 0; background: white; transition-property: color, border-color; transition-duration: 500ms; } .reply-form-file-btn:hover { border-color: #4fa9e8; color: #4fa9e8; } .reply-form-file-notice { line-height: normal; font-size: 14px; color: #000000; margin-top: 20px; } .reply-form-submit .btn { width: 173px; height: 42px; } .icon-input-error-wrapper { position: relative; } .icon-input-error-wrapper.is-invalid input { padding-right: 54px; } .icon-input-error-wrapper.is-invalid .icon-input-error { visibility: visible; } .icon-input-error { width: 24px; height: 24px; display: block; position: absolute; top: calc(50% - 24px / 2); right: 15px; visibility: hidden; } .site-wrapper[data-page="brand-showroom"] { background: white; max-width: 1920px; margin: 0 auto; } .site-wrapper[data-page="brand-showroom"] > .content { padding-bottom: 0; } @media (max-width: 659.98px) { .site-wrapper[data-page="brand-showroom"] .container { padding: 0 8px; } } .site-wrapper[data-page="brand-showroom"] .footer-header { border-top: 2px solid #F2F2F2; } .showroom-header { font-style: normal; font-weight: 500; line-height: normal; font-size: 14px; letter-spacing: 0.02em; color: #000000; padding-top: 40px; text-align: center; } @media (max-width: 659.98px) { .showroom-header { line-height: 18px; padding-top: 25px; margin: 0 60px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-header { font-size: 20px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-header { font-size: 28px; } } @media (min-width: 1440px) { .showroom-header { font-size: 36px; } } .showroom-menu { margin-top: 20px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-menu { margin-top: 30px; } } @media (min-width: 1024px) { .showroom-menu { margin-top: 40px; } } .showroom-menu-items { display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; } .showroom-menu-item { -ms-flex: 33.333%; flex: 33.333%; max-width: 33.333%; font-style: normal; font-weight: 500; line-height: normal; font-size: 18px; letter-spacing: 0.02em; color: #828282; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; position: relative; height: 24px; } @media (max-width: 659.98px) { .showroom-menu-item { font-size: 11px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-menu-item { height: 34px; } } @media (min-width: 1024px) { .showroom-menu-item { height: 40px; } } .showroom-menu-item:first-child:before { display: none; } .showroom-menu-item:before { content: ''; display: block; border: 1px solid #828282; position: absolute; top: 0; left: 0; width: 1px; height: 100%; } .showroom-menu-link { color: #828282; text-decoration: none; cursor: pointer; transition: color 500ms; } .showroom-menu-link:visited { color: #828282; } .showroom-menu-link:hover { color: #D96B78; } .showroom-intro { margin-top: 25px; overflow: hidden; position: relative; } .showroom-intro::after { display: block; clear: both; content: ""; } @media (max-width: 659.98px) { .showroom-intro { padding-bottom: 77px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-intro { margin-top: 40px; } } @media (min-width: 1024px) { .showroom-intro { margin-top: 50px; } } .showroom-intro-image { width: 100%; height: 215px; background: url("/local/templates/aquanet_new/css/../img/showroom-intro-image.jpg") 50% 50% no-repeat; background-size: cover; float: right; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-intro-image { width: 49%; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-intro-image { width: 50%; height: 336px; } } @media (min-width: 1440px) { .showroom-intro-image { width: 49%; height: 469px; } } .showroom-intro-background { height: 124px; background-color: #D96B78; position: absolute; } @media (max-width: 659.98px) { .showroom-intro-background { left: 8px; right: 8px; bottom: 0; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-intro-background { width: 55%; top: calc(50% - 178px / 2); height: 178px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-intro-background { width: 56%; top: calc(50% - 278px / 2); height: 278px; } } @media (min-width: 1440px) { .showroom-intro-background { width: 55%; top: calc(50% - 388px / 2); height: 388px; } } .showroom-intro-container { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .showroom-intro-container-inner { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } @media (max-width: 659.98px) { .showroom-intro-container-inner { padding: 0 16px; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: end; justify-content: flex-end; -ms-flex-item-align: end; align-self: flex-end; } } .showroom-intro-logo-wrapper { -ms-flex: none; flex: none; } @media (max-width: 659.98px) { .showroom-intro-logo-wrapper { -ms-flex-order: 1; order: 1; padding: 2px 0; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-intro-logo-wrapper { padding: 0 12px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-intro-logo-wrapper { padding: 0 27px; } } @media (min-width: 1440px) { .showroom-intro-logo-wrapper { padding: 0 41px; } } .showroom-intro-logo { display: block; margin: 0 auto; width: 157px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-intro-logo { width: 128px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-intro-logo { width: 203px; } } @media (min-width: 1440px) { .showroom-intro-logo { width: 295px; } } .showroom-intro-text { -ms-flex: none; flex: none; font-style: normal; font-weight: 500; line-height: normal; font-size: 12px; letter-spacing: 0.02em; color: #000000; padding: 23px 8px; width: 100%; background: white; } @media (max-width: 659.98px) { .showroom-intro-text { -ms-flex-order: 0; order: 0; text-align: center; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-intro-text { width: 53%; padding: 20px 14px; font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-intro-text { width: 40%; padding: 27px 22px; font-size: 14px; } } @media (min-width: 1440px) { .showroom-intro-text { width: 39%; padding: 38px 27px; font-size: 22px; } } .showroom-categories { margin-top: 40px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-categories { margin-top: 50px; } } @media (min-width: 1024px) { .showroom-categories { margin-top: 70px; } } @media (min-width: 660px) { .showroom-categories-items { display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; } } .showroom-categories-item { height: 166px; overflow: hidden; position: relative; } @media (max-width: 659.98px) { .showroom-categories-item { max-width: 448px; margin: 0 auto; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-categories-item { -ms-flex: 50%; flex: 50%; max-width: 50%; } } @media (min-width: 1024px) { .showroom-categories-item { -ms-flex: 33.333%; flex: 33.333%; max-width: 33.333%; } } @media (min-width: 1440px) { .showroom-categories-item { height: 232px; } } .showroom-categories-link { color: black; text-decoration: none; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .showroom-categories-link:visited { color: black; } .showroom-categories-link:hover { color: black; } .showroom-categories-link:hover .showroom-categories-background, .showroom-categories-link:hover .showroom-categories-blur { transform: scale(1.1); } .showroom-categories-background { background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 500ms; transform: scale(1.01); } .showroom-categories-caption { overflow: hidden; position: relative; width: 152px; height: 40px; } @media (min-width: 1440px) { .showroom-categories-caption { width: 212px; height: 57px; } } .showroom-categories-blur { -webkit-filter: blur(12px); filter: blur(12px); background-position: 50% 50%; background-repeat: no-repeat; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: transform 500ms; transform: scale(1.01); } .showroom-categories-text { font-style: normal; font-weight: 500; line-height: normal; font-size: 18px; letter-spacing: 0.02em; color: #000000; background: rgba(255, 255, 255, 0.6); position: relative; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; text-transform: uppercase; } @media (min-width: 1440px) { .showroom-categories-text { font-size: 20px; } } .showroom-description { padding-top: 40px; } .showroom-description > .container { display: -ms-flexbox; display: flex; -ms-flex-align: end; align-items: flex-end; -ms-flex-direction: column; flex-direction: column; position: relative; overflow: hidden; } @media (max-width: 659.98px) { .showroom-description > .container { -ms-flex-align: stretch; align-items: stretch; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-description > .container { padding-bottom: 305px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-description > .container { min-height: 575px; } } @media (min-width: 1440px) { .showroom-description > .container { min-height: 694px; } } .showroom-description-background { width: auto; height: 270px; background: url("/local/templates/aquanet_new/css/../img/showroom-description-image.png") 0 0 no-repeat; background-size: cover; position: absolute; } @media (max-width: 659.98px) { .showroom-description-background { position: relative; -ms-flex-order: 1; order: 1; margin: 24px -8px 0; background-size: contain; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-description-background { width: 359px; height: 297px; left: -28px; bottom: 0; top: auto; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-description-background { width: 695px; height: 575px; left: -59px; } } @media (min-width: 1440px) { .showroom-description-background { width: 839px; height: 694px; left: -13px; } } .showroom-description-background:before { content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(269.48deg, #FFFFFF 3.59%, rgba(255, 255, 255, 0) 61.86%); } @media (max-width: 659.98px) { .showroom-description-background:before { display: none; } } .showroom-description-text { font-style: normal; font-weight: normal; line-height: normal; font-size: 11px; text-align: center; color: #000000; position: relative; } @media (max-width: 659.98px) { .showroom-description-text { width: 100%; -ms-flex-order: 0; order: 0; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-description-text { width: 632px; font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-description-text { width: 514px; padding-top: 57px; font-size: 14px; } } @media (min-width: 1440px) { .showroom-description-text { width: 665px; padding-top: 98px; font-size: 14px; } } .showroom-description-text p { margin: 0; } .showroom-description-text p:first-child:before { display: none; } .showroom-description-text p:before { content: ''; display: block; width: 53px; height: 3px; background-color: #8C8C8C; margin: 1.5em auto; } @media (min-width: 660px) { .showroom-description-text p:before { width: 96px; } } .showroom-description-extra { font-style: normal; font-weight: 500; line-height: normal; font-size: 11px; letter-spacing: 0.02em; color: #8C8C8C; position: relative; text-align: center; width: 100%; height: 90px; } @media (max-width: 659.98px) { .showroom-description-extra { -ms-flex-order: 2; order: 2; margin-top: 8px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-description-extra { width: 401px; height: 107px; font-size: 14px; position: absolute; bottom: 98px; right: 8px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-description-extra { width: 416px; height: 118px; margin-top: 20px; margin-right: 30px; font-size: 14px; } } @media (min-width: 1440px) { .showroom-description-extra { width: 548px; height: 148px; margin-top: 25px; margin-right: 55px; font-size: 18px; } } .showroom-description-extra p:not(.showroom-description-address) { margin: 0; } .showroom-description-extra-border { background: #D96B78; position: absolute; } .showroom-description-extra-border[data-type="1"] { width: 100%; height: 3px; top: 0; left: 0; } .showroom-description-extra-border[data-type="2"] { width: 3px; height: 100%; top: 0; right: 0; } .showroom-description-extra-border[data-type="3"] { width: 100%; height: 3px; bottom: 0; left: 0; } .showroom-description-extra-border[data-type="4"] { width: 3px; height: 19px; bottom: 0; left: 0; } @media (min-width: 660px) { .showroom-description-extra-border[data-type="4"] { height: 25px; } } .showroom-description-extra-border[data-type="5"] { width: 3px; height: 19px; top: 0; left: 0; } @media (min-width: 660px) { .showroom-description-extra-border[data-type="5"] { height: 25px; } } .showroom-description-extra-container { position: relative; width: 100%; height: 100%; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .showroom-description-address { font-size: 13px; color: #000000; margin: 6px 0; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-description-address { margin: 3px 0; font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-description-address { margin: 4px 0 8px; font-size: 18px; } } @media (min-width: 1440px) { .showroom-description-address { margin: 10px 0 15px; font-size: 22px; } } .showroom-tour { padding-top: 42px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-tour { padding-top: 26px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-tour { padding-top: 40px; } } @media (min-width: 1440px) { .showroom-tour { padding-top: 12px; } } .showroom-tour-title { font-style: normal; font-weight: bold; line-height: normal; font-size: 12px; letter-spacing: 0.02em; color: #000000; text-align: center; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-tour-title { font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-tour-title { font-size: 18px; } } @media (min-width: 1440px) { .showroom-tour-title { font-size: 24px; } } .showroom-tour-title:after { content: ''; display: block; width: 53px; height: 5px; background-color: #D96B78; margin: 20px auto 24px; } @media (min-width: 660px) { .showroom-tour-title:after { width: 96px; } } @media (max-width: 659.98px) { .showroom-tour-title:after { margin-top: 20px; margin-bottom: 40px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-tour-title:after { margin-top: 25px; margin-bottom: 35px; } } @media (min-width: 1440px) { .showroom-tour-title:after { margin-top: 30px; margin-bottom: 35px; } } .showroom-tour-frame { width: 100%; height: 570px; display: block; border: 0; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-tour-frame { height: 348px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-tour-frame { height: 531px; } } @media (min-width: 1440px) { .showroom-tour-frame { height: 739px; } } .showroom-features { margin-top: 40px; } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features { margin-top: 60px; } } @media (min-width: 1440px) { .showroom-features { margin-top: 70px; } } .showroom-features-title { font-style: normal; font-weight: 500; line-height: normal; font-size: 12px; text-align: center; color: #000000; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-features-title { font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features-title { font-size: 18px; } } @media (min-width: 1440px) { .showroom-features-title { font-size: 20px; } } .showroom-features-title:after { content: ''; display: block; width: 53px; height: 5px; background-color: #D96B78; margin: 20px auto 24px; } @media (min-width: 660px) { .showroom-features-title:after { width: 96px; margin-top: 20px; margin-bottom: 40px; } } @media (min-width: 1440px) { .showroom-features-title:after { margin-top: 25px; margin-bottom: 35px; } } .showroom-features-title p { margin: 10px 0 0; } @media (min-width: 660px) { .showroom-features-title p { margin: 15px 0 0; } } .showroom-features-title p:first-child { margin-top: 0; } .showroom-features-container > .container { overflow: hidden; position: relative; padding: 0 !important; } .showroom-features-image { background: url("/local/templates/aquanet_new/css/../img/showroom-features-image.jpg?v2") 50% 50% no-repeat; background-size: cover; position: relative; height: 230px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-features-image { width: 53%; top: calc(50% - 233px / 2); height: 233px; left: -33px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features-image { width: 51%; top: calc(50% - 348px / 2); height: 348px; left: -1px; } } @media (min-width: 1440px) { .showroom-features-image { width: 53%; height: 511px; left: -2px; } } .showroom-features-content { background: #FCFCFC; position: absolute; display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; -ms-flex-pack: center; justify-content: center; } @media (max-width: 659.98px) { .showroom-features-content { margin: -64px 8px 0; position: relative; padding: 25px 8px 25px 15px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-features-content { width: 60%; top: calc(50% - 190px / 2); height: 190px; right: 0; padding-left: 24px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features-content { width: 57%; top: calc(50% - 283px / 2); height: 283px; right: -12px; padding-left: 52px; } } @media (min-width: 1440px) { .showroom-features-content { width: 56%; top: calc(50% - 432px / 2); height: 432px; right: 0; padding-left: 65px; } } .showroom-features-content-title { font-style: normal; font-weight: 500; line-height: normal; font-size: 12px; color: #4F4F4F; margin-bottom: 10px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-features-content-title { font-size: 14px; margin-bottom: 10px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features-content-title { font-size: 18px; margin-bottom: 24px; } } @media (min-width: 1440px) { .showroom-features-content-title { font-size: 24px; margin-bottom: 58px; } } .showroom-features-item { display: -ms-flexbox; display: flex; margin-top: 8px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-features-item { margin-top: 6px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features-item { margin-top: 12px; } } @media (min-width: 1440px) { .showroom-features-item { margin-top: 14px; } } .showroom-features-item:first-child { margin-top: 0; } .showroom-features-item.is-active .showroom-features-icon:before { background-color: #D96B78; transform: rotateY(360deg); } .showroom-features-item.is-active .icon { transform: rotateY(360deg); } .showroom-features-item.is-active .icon-check-circled-check { fill: white; } .showroom-features-icon { -ms-flex: none; flex: none; position: relative; margin-right: 13px; width: 11px; height: 11px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-features-icon { width: 13px; height: 13px; margin-right: 11px; margin-top: 2px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features-icon { width: 15px; height: 15px; margin-right: 14px; margin-top: 2px; } } @media (min-width: 1440px) { .showroom-features-icon { width: 20px; height: 20px; margin-right: 16px; margin-top: 3px; } } .showroom-features-icon:before { position: absolute; width: 100%; height: 100%; top: 0; left: 0; content: ''; display: block; border-radius: 100%; background: transparent; transition-property: transform, background-color; transition-duration: 500ms; } .showroom-features-icon .icon { width: 100%; height: 100%; display: block; fill: #D96B78; transition-property: transform; transition-duration: 500ms; position: relative; } .showroom-features-icon .icon-check-circled-check { transition-property: fill; transition-duration: 500ms; } .showroom-features-text { -ms-flex: 1; flex: 1; font-style: normal; font-weight: 500; font-size: 11px; line-height: 11px; color: #4F4F4F; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-features-text { font-size: 14px; line-height: 15px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-features-text { font-size: 14px; line-height: 17px; } } @media (min-width: 1440px) { .showroom-features-text { font-size: 24px; line-height: 25px; } } .showroom-feedback { margin-top: 40px; background: #F4F4F4; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-feedback { margin-top: 60px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-feedback { margin-top: 80px; } } @media (min-width: 1440px) { .showroom-feedback { margin-top: 70px; } } .showroom-feedback .processing-permission { display: -ms-inline-flexbox; display: inline-flex; } @media (max-width: 1023.98px) { .showroom-feedback .processing-permission { padding: 0 16px; } } .showroom-feedback .processing-checkbox-check { fill: #D96B78; } .showroom-feedback-content { padding: 36px 0 40px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-feedback-content { padding: 40px 0; } } @media (min-width: 1024px) { .showroom-feedback-content { padding: 47px 0 56px; display: -ms-flexbox; display: flex; } } @media (max-width: 1023.98px) { .showroom-feedback-header { text-align: center; } .showroom-feedback-header br { display: none; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-feedback-header { -ms-flex: 0 0 315px; flex: 0 0 315px; max-width: 315px; padding-right: 10px; } } @media (min-width: 1440px) { .showroom-feedback-header { -ms-flex: 0 0 390px; flex: 0 0 390px; max-width: 390px; padding-right: 10px; } } .showroom-feedback-title { line-height: normal; font-size: 24px; font-weight: 500; color: #4F4F4F; } @media (max-width: 659.98px) { .showroom-feedback-title { padding: 0 16px; } } .showroom-feedback-text { line-height: 20px; font-size: 14px; font-weight: 500; color: #4F4F4F; margin-top: 28px; } @media (max-width: 1023.98px) { .showroom-feedback-text { margin-top: 15px; } } .showroom-feedback-body { -ms-flex: 1; flex: 1; overflow: hidden; } @media (min-width: 660px) { .showroom-feedback-row { display: -ms-flexbox; display: flex; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-feedback-row { margin: 0 -5px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-feedback-row { margin: 0 -7px; } } @media (min-width: 1440px) { .showroom-feedback-row { margin: 0 -16px; } } .showroom-feedback-item { -ms-flex: 33.333%; flex: 33.333%; max-width: 33.333%; padding: 0 12px; margin-top: 25px; } @media (max-width: 659.98px) { .showroom-feedback-item { max-width: none; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-feedback-item { padding: 0 5px; margin-top: 25px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-feedback-item { padding: 0 7px; margin-top: 0; } } @media (min-width: 1440px) { .showroom-feedback-item { padding: 0 16px; margin-top: 0; } } .showroom-feedback-item input { width: 100%; height: 54px; line-height: 54px; font-size: 14px; color: #828282; border: 1px solid #BDBDBD; border-radius: 30px; transition: border-color 500ms; background: transparent; margin: 0; padding: 0 34px; } @media (max-width: 659.98px) { .showroom-feedback-item input { padding: 0 28px; } } .showroom-feedback-item input.is-invalid { border-color: #D96B78; } .showroom-feedback-item input::-webkit-input-placeholder { line-height: 54px; font-size: 14px; color: #828282; } .showroom-feedback-item input:-ms-input-placeholder { line-height: 54px; font-size: 14px; color: #828282; } .showroom-feedback-item input::placeholder { line-height: 54px; font-size: 14px; color: #828282; } .showroom-feedback-submit { -ms-flex: 1; flex: 1; margin-top: 25px; padding: 0 12px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-feedback-submit { padding: 0 5px; margin-top: 18px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-feedback-submit { padding: 0 7px; margin-top: 30px; } } @media (min-width: 1440px) { .showroom-feedback-submit { padding: 0 16px; margin-top: 30px; } } .showroom-feedback-submit .btn { height: 54px; } @media (min-width: 1024px) { .showroom-feedback-submit .btn { font-size: 14px; } } .showroom-contacts { padding-bottom: 66px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts { padding-bottom: 67px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts { padding-bottom: 90px; } } @media (min-width: 1440px) { .showroom-contacts { padding-bottom: 150px; } } .showroom-contacts > .container { position: relative; } @media (max-width: 659.98px) { .showroom-contacts > .container { display: -ms-flexbox; display: flex; -ms-flex-direction: column; flex-direction: column; } } .showroom-contacts-title { font-style: normal; font-weight: normal; line-height: normal; font-size: 13px; color: #000000; padding-top: 40px; } @media (max-width: 659.98px) { .showroom-contacts-title { -ms-flex-order: 0; order: 0; text-align: center; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-title { padding-top: 60px; font-size: 14px; text-align: center; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-title { padding-right: 526px; padding-top: 95px; font-size: 18px; } } @media (min-width: 1440px) { .showroom-contacts-title { padding-right: 732px; padding-top: 130px; font-size: 24px; } } @media (max-width: 659.98px) { .showroom-contacts-container { -ms-flex-order: 2; order: 2; max-width: 340px; margin: 0 auto; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-container { padding-right: 388px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-container { padding-right: 526px; } } @media (min-width: 1440px) { .showroom-contacts-container { padding-right: 732px; } } .showroom-contacts-subtitle { font-style: normal; font-weight: 500; line-height: normal; font-size: 13px; color: #000000; margin-top: 44px; } @media (min-width: 660px) { .showroom-contacts-subtitle { margin-top: 35px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-subtitle { font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-subtitle { font-size: 14px; } } @media (min-width: 1440px) { .showroom-contacts-subtitle { font-size: 18px; } } .showroom-contacts-item { font-style: normal; font-weight: normal; line-height: normal; font-size: 12px; color: #000000; margin-top: 25px; display: -ms-flexbox; display: flex; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-item { margin-top: 18px; font-size: 14px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-item { margin-top: 25px; font-size: 14px; } } @media (min-width: 1440px) { .showroom-contacts-item { margin-top: 35px; font-size: 18px; } } .showroom-contacts-icon-wrapper { -ms-flex: none; flex: none; width: 15px; margin-right: 12px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-icon-wrapper { width: 17px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-icon-wrapper { width: 21px; margin-right: 18px; } } @media (min-width: 1440px) { .showroom-contacts-icon-wrapper { width: 26px; margin-right: 18px; } } .showroom-contacts-icon { fill: #D96B78; display: block; margin: 0 auto; } .showroom-contacts-icon.icon-clock-03 { width: 15px; height: 15px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-icon.icon-clock-03 { width: 17px; height: 17px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-icon.icon-clock-03 { width: 20px; height: 20px; } } @media (min-width: 1440px) { .showroom-contacts-icon.icon-clock-03 { width: 26px; height: 26px; } } .showroom-contacts-icon.icon-map-marker-04 { width: 15px; height: 20px; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-icon.icon-map-marker-04 { width: 17px; height: 23px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-icon.icon-map-marker-04 { width: 19px; height: 26px; } } @media (min-width: 1440px) { .showroom-contacts-icon.icon-map-marker-04 { width: 23px; height: 32px; } } .showroom-contacts-icon.icon-phone { width: 15px; height: 20px; stroke: #D96B78; } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-icon.icon-phone { width: 17px; height: 17px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-icon.icon-phone { width: 21px; height: 21px; } } @media (min-width: 1440px) { .showroom-contacts-icon.icon-phone { width: 26px; height: 26px; } } .showroom-contacts-text { -ms-flex: 1; flex: 1; } .showroom-contacts-link { color: #000000; text-decoration: none; } .showroom-contacts-link:visited { color: #000000; } .showroom-contacts-link:hover { color: #000000; text-decoration: underline; } .showroom-contacts-image { display: block; position: absolute; } @media (max-width: 659.98px) { .showroom-contacts-image { width: 305px; height: 215px; position: static; -ms-flex-order: 1; order: 1; margin: 20px auto 0; } } @media (min-width: 660px) and (max-width: 1023.98px) { .showroom-contacts-image { width: 314px; height: 222px; top: 140px; right: 11px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .showroom-contacts-image { width: 520px; height: 368px; top: 95px; right: 30px; } } @media (min-width: 1440px) { .showroom-contacts-image { width: 721px; height: 510px; top: 72px; right: 45px; } } .site-wrapper[data-page="solutions-details"] .ideas-body { margin-top: 0; } .site-wrapper[data-page="solutions-details"] .product-items { display: block; } .site-wrapper[data-page="solutions-details"] .product-items::after { display: block; clear: both; content: ""; } @media (max-width: 659.98px) { .site-wrapper[data-page="solutions-details"] .product-items { border-top: 1px solid #f2f2f2; } } @media (min-width: 660px) and (max-width: 1023.98px) { .site-wrapper[data-page="solutions-details"] .product-items { margin: 0 -5px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .site-wrapper[data-page="solutions-details"] .product-items { margin: 0 -8px; } } @media (min-width: 1440px) { .site-wrapper[data-page="solutions-details"] .product-items { margin: 0 -10px; } } .site-wrapper[data-page="solutions-details"] .product-item { border: 0; background: none; } @media (max-width: 659.98px) { .site-wrapper[data-page="solutions-details"] .product-item { width: 100%; float: none; padding: 0 10px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .site-wrapper[data-page="solutions-details"] .product-item { width: 50%; padding: 0 5px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .site-wrapper[data-page="solutions-details"] .product-item { width: 33.333%; padding: 0 8px; } } @media (min-width: 1440px) { .site-wrapper[data-page="solutions-details"] .product-item { width: 25%; padding: 0 10px; } } @media (max-width: 1023.98px) { .site-wrapper[data-page="solutions-details"] .product-item:nth-child(3) { display: none; } } @media (max-width: 1439.98px) { .site-wrapper[data-page="solutions-details"] .product-item:nth-child(4) { display: none; } } @media (max-width: 659.98px) { .site-wrapper[data-page="solutions-details"] .product-item + .product-item { margin-top: 10px; } } .site-wrapper[data-page="solutions-details"] .product { background: white; padding: 20px; } .site-wrapper[data-page="solutions-details"] .product .product-header { top: 20px; right: 20px; left: 20px; } .solution-category { line-height: normal; font-size: 24px; color: #3D3D3D; margin: 22px 0; } .solution-description { margin-top: 20px; } .solution-description + .comments { margin-top: 0; } @media (max-width: 659.98px) { .solution-description + .comments { margin: 0 10px; } } .solution-description + .comments .comments-inner { position: relative; } .solution-description + .comments .comments-inner:before { content: ''; display: block; position: absolute; top: 0; left: 20px; right: 20px; width: auto; height: 1px; border-top: 1px solid #EDEDED; } @media (max-width: 659.98px) { .solution-description + .comments .comments-inner:before { left: 0; right: 0; } } @media (min-width: 1024px) { .solution-description + .comments .comments-inner:before { left: 40px; right: 40px; } } .solution-description + .comments .comments-title { font-size: 24px; } .solution-description-inner { background: white; padding: 30px 20px; } @media (min-width: 1024px) { .solution-description-inner { padding: 50px 40px; } } .solution-description-title { margin: 0 0 53px; line-height: normal; font-size: 36px; color: #000000; } @media (max-width: 659.98px) { .solution-description-title { font-size: 18px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .solution-description-title { font-size: 24px; } } @media (max-width: 1439.98px) { .solution-description-title { margin-bottom: 30px; } } @media (max-width: 1023.98px) { .solution-items { display: none; } } /** * Stores details page **/ .site-wrapper[data-page="stores-details"] > .content { padding-bottom: 30px; } @media (max-width: 659.98px) { .site-wrapper[data-page="stores-details"] > .content { padding-bottom: 0; } } @media (min-width: 1024px) { .site-wrapper[data-page="stores-details"] .subheader-menu:not(.is-not-forced) { background: #064991; } } @media (min-width: 1024px) { .site-wrapper[data-page="stores-details"] .site-menu:not(.is-not-forced) { display: block; } } .site-wrapper[data-page="stores-details"] .feedback { margin-top: 0; } @media (max-width: 659.98px) { .store-details { font-size: 11px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .store-details { font-size: 13px; } } @media (min-width: 660px) and (max-width: 1023.98px) { .store-details > .container { padding: 0 10px; } } .store-details p { margin: 16px 0 0; } .store-details .showroom-tour-frame { width: 100%; max-width: 673px; height: 499px; margin: 30px 0; } @media (min-width: 660px) and (max-width: 1023.98px) { .store-details .showroom-tour-frame { height: 307px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .store-details .showroom-tour-frame { height: 317px; } } @media (min-width: 1440px) { .store-details .showroom-tour-frame { height: 369px; } } .store-details .social-items { float: right; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; margin: 50px 0 30px; } .store-details .social-items-label { margin-right: 24px; } @media (max-width: 659.98px) { .store-details .social-items-label { display: none; } } .store-details .social-item { width: 30px; height: 30px; } .store-details .social-item + .social-item { margin-left: 8px; } .store-details-container { background: white; } .store-details-container:before, .store-details-container:after { content: ' '; display: table; } .store-details-container:after { clear: both; } .store-details-content { padding: 0 10px; } @media (min-width: 660px) and (max-width: 1023.98px) { .store-details-content { padding: 0 20px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .store-details-content { padding: 0 20px 0 66px; } } @media (min-width: 1440px) { .store-details-content { padding: 0 66px 0 50px; } } .store-details-h1 { font-style: normal; font-weight: 500; line-height: normal; font-size: 20px; letter-spacing: 0.02em; color: #333333; margin: 20px 0 30px; } @media (min-width: 660px) and (max-width: 1023.98px) { .store-details-h1 { font-size: 24px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .store-details-h1 { font-size: 30px; } } @media (min-width: 1440px) { .store-details-h1 { font-size: 36px; } } .store-details-h2 { font-style: normal; font-weight: 500; line-height: normal; font-size: 14px; letter-spacing: 0.02em; color: #333333; margin: 30px 0 20px; } @media (min-width: 660px) and (max-width: 1023.98px) { .store-details-h2 { font-size: 18px; } } @media (min-width: 1024px) and (max-width: 1439.98px) { .store-details-h2 { font-size: 20px; } } @media (min-width: 1440px) { .store-details-h2 { font-size: 24px; } } .store-details-icon-row { display: -ms-flexbox; display: flex; } .store-details-icon-row p { -ms-flex: 1; flex: 1; } .store-details-icon-wrapper { -ms-flex: none; flex: none; width: 18px; margin-right: 14px; } .store-details-icon-wrapper .icon { display: block; margin: 16px auto 0; } .store-details-icon-wrapper .icon-calendar { width: 17px; height: 17px; fill: #013874; } .store-details-icon-wrapper .icon-pie { width: 18px; height: 17px; fill: #013874; } .store-details-icon-wrapper .icon-map-marker-05 { width: 15px; height: 21px; stroke: #013874; fill: white; } .store-details-icon-wrapper .icon-clock-03 { width: 19px; height: 19px; fill: #013874; } .store-details-icon-wrapper .icon-phone { width: 18px; height: 18px; fill: #013874; stroke: #013874; } .store-details-icon-wrapper .icon-bus { width: 17px; height: 22px; fill: #013874; } .store-details-icon-wrapper .icon-train { width: 18px; height: 21px; stroke: #013874; } .store-details-map { width: 100%; height: 210px; margin: 30px 0; } /*скрыть категорию карточки*/ .product-subtitle { display: none; } .cart-process-address .cart-process-summary-title { color: red; font-size: 14px; } a.product-main-payment-oneclick.product-btn-oneclick-detail.is-active{ text-decoration: none !important; } a.product-main-payment-oneclick.product-btn-oneclick-detail.is-active > .is-transparent-grey-blue { color: #4fa9e8; } /*оступ от главной страницы info*/ #bx_incl_area_28_12 { margin-top: 25px; } /** * Отступ в текстах сотбита, сверху и снизу **/ .page-content-sotbit-top { background: white; margin-top: 20px; } .page-content-sotbit-top:before, .page-content:after { content: ' '; display: table; } .page-content-sotbit-top:after { clear: both; } .page-content-sotbit-wrap { /*padding: 15px 0;*/ padding: 0 0; background-color: #fff; } .sotbit-top-label { padding-left: 22px; background-color: #fff; display: block; color: #4fa9e8; } @media (max-width: 659.98px) { .page-content-sotbit-top { padding: 20px 10px; padding-top: 0px; padding-bottom: 1px; padding-left: 22px; margin-top: 0px; } } @media (min-width: 660px) and (max-width: 1439.98px) { .page-content-sotbit-top { padding: 30px 20px; padding-top: 0px; padding-bottom: 1px; padding-left: 22px; margin-top: 0px; } } @media (min-width: 1024px) { .page-content-sotbit-top { padding: 40px 30px; padding-top: 0px; padding-bottom: 1px; padding-left: 22px; margin-top: 0px; } } @media (min-width: 1025px) { .page-content-sotbit-top ~ label { display: none; } } @media (min-width: 1440px) { .page-content-sotbit-top { padding: 50px; padding-top: 0px; padding-bottom: 1px; padding-left: 22px; margin-top: 0px; } } @media (max-width: 1024px) { .page-content-sotbit-top { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; } .bx-touch.bx-ios .page-content-sotbit-top { max-height: 4em; } input#sotbit-top-check { opacity: 0; position: absolute; pointer-events: none; } input#sotbit-top-check:focus ~ .sotbit-top-label { outline: none; } input#sotbit-top-check:checked + .page-content-sotbit-top { -webkit-line-clamp: unset; } .bx-touch.bx-ios input#sotbit-top-check:checked + .page-content-sotbit-top { max-height: unset; } .page-content-sotbit-wrap:not(.truncated) .page-content-sotbit-top ~ .sotbit-top-label{ display: none; } .add-cart__favorites{ margin-bottom: 0; height: 54px; } .filter_catalog_block .catalog-items[data-type="tile"] .catalog-item{ border: 1px solid #ededed; } .favorites-block .ajax_products{ border: 0; margin-left: -30px; } .social-compare-wrap{ margin-top: 25px; } .o2k-catalog{ margin-bottom: 20px; } .o2k-catalog__img{ filter: brightness(0.5); object-fit: cover; } .o2k-catalog__title{ font-size: 30px; } } .page-content-sotbit-bottom { background: white; margin-top: 20px; } .page-content-sotbit-bottom:before, .page-content:after { content: ' '; display: table; } .page-content-sotbit-bottom:after { clear: both; } @media (max-width: 768px) { .popup-discount-wrap{ background: url('/local/templates/aquanet_new/img/popup-discount-bg-mob.svg') 70% 0 no-repeat; background-size: contain; max-width: 450px; } .user-feed-body .article-list { grid-template-columns: auto; } .popup-discount__text{ font-size: 20px; } .popup-discount__coupon{ font-size: 24px; } .popup-discount__btn{ padding: 10px 16px 16px 16px; max-width: 228px; } .popup-discount-extra{ max-width: 268px; } .article-list{ flex-direction: column; } .user-feed__filter-wrap{ flex: 1; } } @media (max-width: 659.98px) { .page-content-sotbit-bottom { padding: 20px 10px; padding-top: 10px; padding-bottom: 10px; padding-left: 22px; margin-top: 26px; } .additional-block{ padding: 28px 12px; background: #FFFFFF; position: relative; float: none; overflow: hidden; } } @media (max-width: 450px){ .cart-process-wrap p{ font-weight: normal; font-size: 16px; line-height: 20px; max-width: 235px; color: #000000; } .cart-process .cart-process-row[data-property-id-row="76"], .cart-process .cart-process-row[data-property-id-row="20"]{ flex: 1 0 100%; } .order-date-time .cart-process-row{ margin-right: 0!important; } .sale_order_props, .cart-process-summary{ padding: 0 10px 24px; } #order_form_content .container { padding: 0; } } @media (max-width: 460px) { .header-cart .page-header-link__cart { font-size: 13px; line-height: 16px; } .header-simple .logo .icon{ width: 106px; height: 24px; } .header-cart .page-header-link__cart .icon-arrow{ height: 20px; width: 20px; } .o2k-catalog__title{ font-size: 24px; } } @media (max-width: 350px){ .cart-process-wrap p{ max-width: 225px; } .catalog-text { margin-left: 5px; } .bx-pagination.feedback-pagination .feedback-pagination-list li span{ padding: 13px 16px; } .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-prev span, .bx-pagination.feedback-pagination .bx-pagination-container .feedback-pagination-list li.bx-pag-next span{ padding: 7px 13px; } } @media (min-width: 660px) and (max-width: 1439.98px) { .page-content-sotbit-bottom { padding: 30px 20px; padding-top: 12px; padding-bottom: 3px; padding-left: 22px; margin-top: 26px; } } @media (min-width: 1024px) { .page-content-sotbit-bottom { padding: 40px 30px; padding-top: 12px; padding-bottom: 3px; padding-left: 22px; margin-top: 26px; } } @media (min-width: 1440px) { .page-content-sotbit-bottom { padding: 50px; padding-top: 12px; padding-bottom: 3px; padding-left: 22px; margin-top: 26px; } } #left-orientation-not-active { background: url('/left-hand side not active.svg') no-repeat 0 0; height: 34px; width: 48px; margin: 10px 10px 10px 0; } #right-orientation-not-active { background: url('/right-hand side not active.svg') no-repeat 0 0; height: 34px; width: 48px; margin: 10px 0 10px 10px; } #left-orientation-not-active a, #right-orientation-not-active a { display: block; height: 100%; } #left-orientation-not-active a:hover { background: url('/left-hand side active.svg') no-repeat 0 0; } #right-orientation-not-active a:hover { background: url('/right-hand side.svg') no-repeat 0 0; } .top-seo-desc { margin-top: 2px; background: #ffffff; padding: 15px; font-weight: 500; font-size: 14px; color: #333333; } .bottom-seo-desc { margin-top: 2px; background: #ffffff; padding: 15px; font-weight: 400; font-size: 14px; color: #333333; } .brands-arrow.slick-disabled{ display: none!important; } @media (max-width: 550px){ .user-feed__filter{ flex-direction: column; } .user-feed__filter-wrap{ margin-top: 30px; } .site-wrapper[data-page="replies"] .user-feed-filter{ flex: auto; margin:0; } .user-feed-item-header, .user-feed-item__row{ flex-direction: column; } } @media (max-width: 480px){ .brands-slider__item{ padding: 30px 15px 13px 15px; } .brands-slider__img-block{ margin-bottom: 25px; height: 50px; } } @media (max-width: 420px){ .collections-items { padding: 0 15px; } .welcome-slider-arrows{ display: none; pointer-events: none; } .collections-item { flex: 1 0 100%; margin: 0 0 20px 0; } .popup-discount-wrap{ background: url('/local/templates/aquanet_new/img/popup-discount-bg-mob.svg') 40% 0 no-repeat; } .popup-discount__btn{ padding: 16px 10px; max-width: 228px; } .popup-discount-extra{ max-width: 228px; } } .payments-footer-item { max-width: 120px; height: 40px; display: block; margin-left: 24px; margin-top: 3px; margin-bottom: 3px; } .payments-footer-icon { width: 100%; height: 40px; display: block; } /* catalog page */ .catalog{ margin-top: 20px; margin-bottom: 130px; } .catalog-wrap{ display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; } .catalog-wrap__title{ font-weight: 400; font-size: 20px; line-height: 25px; color: #000000; margin-bottom: 70px; text-align: center; } .catalog-wrap__title svg { display: none; } .catalog-wrap__item{ position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; max-width: 337px; height: 337px; background: #FFFFFF; box-shadow: 0px 9px 16px rgba(159, 162, 191, 0.18); border-radius: 5px; } .catalog-inner{ opacity: 0; visibility: hidden; position: absolute; top: 0px; left: 0px; width: 337px; height: 100%; width: 100%; max-height: 336px; overflow: scroll; background: #FFFFFF; padding: 20px 25px; box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.15); } .catalog-inner-block{ margin: 20px 25px; } .catalog-inner> .scroll-element div { top: 10px; } .catalog-inner__body li.is-hidden{ display: none; } .catalog-list__item::before{ content: none; } .catalog-list__item{ padding-left: 0; } .catalog-wrap__item:hover .catalog-inner{ opacity: 1; visibility: visible; } .catalog-inner__header{ margin-top: 5px; margin-bottom: 20px; font-weight: 500; font-size: 18px; line-height: 23px; color: #4FA9E8; } .catalog-list__more{ text-decoration: none; margin-bottom: 25px; display: inline-block; } .catalog-list__more.active svg{ transform: rotate(-90deg); } .catalog-list__more svg{ fill: #4fa9e8; margin-left: 8px; width: 7px; height: 7px; transform: rotate(90deg); position: relative; top: 0px; } .catalog-wrap__img{ margin: auto 0; } @media (max-width: 991px){ .catalog-wrap{ grid-template-columns: repeat(3, 1fr); } .subheader-lite-compare .icon-favorites{ transform: scale(0.8); height: 25px; } .header .header-compare .icon-favorites{ transform: scale(0.8); height: 25px; } .header .header-compare .icon-favorites ~.header-counter-icon{ top:0; } /* .catalog-inner{ opacity: 1; visibility: visible; max-height: 336px; } .catalog-wrap__item{ max-width: 100%; height: auto; } */ .user-feed-filter-wrap{ flex: 0 1 350px; grid-template-columns: auto; } .order-exam .popup-content{ width: 90%; } } .catalog-wrap-mobile{ display: none; } @media (max-width: 670px){ .catalog-wrap{ grid-template-columns: 1fr; display: none; } .catalog-wrap-mobile{ display: block; } .catalog-wrap__title svg { display: block; } .catalog-wrap__img, .catalog-wrap__title{ display: none; } .catalog-inner{ max-height: 100%; overflow: scroll; position: static; } .slider-favorites.slider-favorites--desc { display: none; } .slider-favorites.slider-favorites--mobile { display: block; } .user-feed-filter-wrap{ flex: auto; grid-template-columns: 1fr; grid-gap: 0; } .catalog-filter-main .filter-btn{ margin: 0px auto 0 auto; } } @media (max-width: 550px) { .user-feed-filter-wrap{ grid-gap: 15px; } } @media (max-width: 420px) { .popup-discount-wrap{ background: url('/local/templates/aquanet_new/img/popup-discount-bg-mob.svg') 40% 0 no-repeat; } .popup-discount__btn{ padding: 16px 10px; max-width: 228px; } .popup-discount-extra{ max-width: 228px; } } @media (max-width: 375px){ .payments-footer-item { margin-left: 0; margin-right: 20px; } .catalog-filter-main .filter-btn{ margin: 20px auto 0 auto; } } .o2k-facet__inner { background-color: white; display: flex; align-items: center; justify-content: center; border-top: 1px solid #ededed; height: 150px; margin-bottom: -23px; } .o2k-facet__title { text-align: center; font-size: 16px; font-weight: 500; line-height: 26px; padding: 20px; } .form__error-email { padding: 0 !important; text-align: left !important; display: block; color: #DC4E41; line-height: 14px; font-size: 12px; font-weight: 400; margin: 10px 0 15px; } .installation-service-block__main-container{ margin-top: 10px; } .installation-service-block__checkbox-label{ margin-bottom: 0px; margin-right: 10px; } .installation-service-block__main-container .installation-service-block__checkbox-button{ -webkit-appearance: auto !important; -moz-appearance: auto !important; appearance: auto !important; } .best2pay-text { margin-top: 25px; color: #828282; } /* комплект */ .product-combo { padding: 40px 0; background: #fff; } .product-combo__title { margin-bottom: 17px; font-size: 24px; line-height: 20px; color: #333333; } .product-combo__subtitle { font-size: 14px; line-height: 18px; color: #333333; } .product-combo__list { margin-top: 20px; /*display: flex;*/ } .product-combo__bottom { margin-top: 20px; display: flex; align-items: center; } .product-combo__btn { height: 48px; width: 100%; max-width: 202px; margin-right: 20px; } .product-combo__count { font-size: 14px; line-height: 18px; color: #333333; margin-bottom: 5px; } .product-combo__count span { font-weight: bold; } .product-combo__price { display: flex; align-items: center; } .product-combo__price > *:not(:last-child) { margin-right: 10px; } .product-combo__price-current { font-weight: 700; font-size: 18px; color: #333333; } .product-combo__price-old { font-size: 14px; color: #333333; text-decoration-line: line-through; position: relative; bottom: -2px; } .product-combo__price-sale { padding: 5px 15px; height: 28px; background: #F9525A; border-radius: 2px; display: flex; align-items: center; font-weight: 700; color: #fff; font-size: 14px; } .product-combo__list-line { /*flex: 1;*/ /*display: flex;*/ /*flex-wrap: wrap;*/ } .product-combo__item { /*flex: 0 0 calc(16.66% - 5px);*/ /*margin-right: 5px;*/ position: relative; padding: 14px; transition: .1s; margin-bottom: 5px; box-shadow: 0px 0px 2px rgb(0 0 0 / 16%); } #lock { position: absolute; width: 19px; height: 19px; left: 14px; top: 14px; border: none; z-index: 2; background-repeat: no-repeat; background-position: center; cursor: pointer; transition: border-color .3s; background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.3333 13.3333H10.6666V9.33334C10.6666 7.86667 11.2 6.53334 12.2666 5.6C13.2 4.53334 14.5333 4 16 4C18.5333 4 20.6666 5.73334 21.2 8.26667C21.3333 8.93334 22.1333 9.46667 22.8 9.33334C23.4666 9.2 24 8.53334 23.8666 7.73334C23.0666 4 19.7333 1.33334 16 1.33334C13.8666 1.33334 11.8666 2.13334 10.4 3.73334C8.79996 5.2 7.99996 7.2 7.99996 9.33334V13.3333H6.66663C4.39996 13.3333 2.66663 15.0667 2.66663 17.3333V26.6667C2.66663 28.9333 4.39996 30.6667 6.66663 30.6667H25.3333C27.6 30.6667 29.3333 28.9333 29.3333 26.6667V17.3333C29.3333 15.0667 27.6 13.3333 25.3333 13.3333ZM26.6666 26.6667C26.6666 27.4667 26.1333 28 25.3333 28H6.66663C5.86663 28 5.33329 27.4667 5.33329 26.6667V17.3333C5.33329 16.5333 5.86663 16 6.66663 16H25.3333C26.1333 16 26.6666 16.5333 26.6666 17.3333V26.6667Z' stroke='%23013874' stroke-linecap='round' stroke-linejoin='round' fill='%23013874'/%3E%3C/svg%3E%0A"); pointer-events: none; } .product-combo__item.may-changed, .product-combo__item.absent {margin-bottom:40px;} .product-combo__item.checked .product-combo__item-check { border-color: #083571; transition: border-color .3s; background-image: url("data:image/svg+xml,%3Csvg width='11' height='9' viewBox='0 0 11 9' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.85355 1.15771C10.0488 1.36799 10.0488 1.70893 9.85355 1.91921L4.35355 7.84229C4.25979 7.94327 4.13261 8 4 8C3.86739 8 3.74021 7.94327 3.64645 7.84229L1.14645 5.14998C0.951184 4.9397 0.951184 4.59876 1.14645 4.38848C1.34171 4.1782 1.65829 4.1782 1.85355 4.38848L4 6.70004L9.14645 1.15771C9.34171 0.947429 9.65829 0.947429 9.85355 1.15771Z' fill='%23013874' stroke='%23013874' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .product-combo__item-check { position: absolute; width: 19px; height: 19px; left: 14px; top: 14px; border: 2px solid #979797; border-radius: 2px; z-index: 2; background-repeat: no-repeat; background-position: center; cursor: pointer; } .product-combo__item-sale { position: absolute; top: 0; right: 0; z-index: 2; background: #F9525A; border-radius: 2px; padding: 3px 5px; font-weight: 500; font-size: 14px; line-height: 18px; color: #FFFFFF; } .product-combo__item-img { position: relative; margin-bottom: 20px; margin-left: -14px; display: block; } .product-combo__item-img:before { content: ''; display: block; padding-top: 57.34%; } .product-combo__item[data-product_id] a.product-combo__item-img { cursor:pointer; } .product-combo__item-img img { position: absolute; top: 50%; left: 50%; max-width: 90%; max-height: 90%; transform: translate(-50%,-50%); } .product-combo__item-price { display: flex; flex-wrap: wrap; align-items: center; margin-bottom: 10px; } .product-combo__item-price > * { white-space: nowrap; } .product-combo__item-price > *:not(:last-child) { margin-right: 10px; } .product-combo__item-price-current { font-weight: 700; font-size: 14px; color: #333333; } .product-combo__item-price-old { font-size: 14px; line-height: 18px; text-decoration-line: line-through; color: #F9525A; } .product-combo__item-title a { font-size: 14px; line-height: 18px; color: #333333; text-decoration: none; } .product-combo__item-bottom { transition: .3s; display: flex; flex-direction: column; align-items: center; padding: 9px 14px 14px; border-radius: 0 0 5px 5px; position: relative; top:14px; margin-bottom: -43px; } .product-combo__item-add { height: 40px; font-weight: 500; } .product-combo__item-add span:nth-child(2) { display: none; padding-left: 21px; background-repeat: no-repeat; background-position: left center; background-image: url("data:image/svg+xml,%3Csvg width='12' height='14' viewBox='0 0 12 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.99999 2.09091C5.41652 2.09091 4.85694 2.32078 4.44436 2.72995C4.03178 3.13912 3.79999 3.69407 3.79999 4.27273V5.90909H8.19999V4.27273C8.19999 3.69407 7.96821 3.13912 7.55563 2.72995C7.14305 2.32078 6.58347 2.09091 5.99999 2.09091ZM9.29999 5.90909V4.27273C9.29999 3.40475 8.95231 2.57232 8.33344 1.95856C7.71457 1.3448 6.87521 1 5.99999 1C5.12478 1 4.28541 1.3448 3.66654 1.95856C3.04767 2.57232 2.69999 3.40475 2.69999 4.27273V5.90909H2.15C1.23873 5.90909 0.5 6.64172 0.5 7.54545V11.3636C0.5 12.2674 1.23873 13 2.15 13H9.85C10.7613 13 11.5 12.2674 11.5 11.3636V7.54545C11.5 6.64172 10.7613 5.90909 9.85 5.90909H9.29999ZM2.15 7C1.84624 7 1.6 7.24421 1.6 7.54545V11.3636C1.6 11.6649 1.84624 11.9091 2.15 11.9091H9.85C10.1538 11.9091 10.4 11.6649 10.4 11.3636V7.54545C10.4 7.24421 10.1538 7 9.85 7H2.15Z' fill='white' stroke='white' stroke-width='0.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } .page a.product-combo__item-link, a.product-combo__item-link { font-weight: 500; font-size: 14px; line-height: 20px; color: #083571; text-decoration: none; } .page a.product-combo__item-link:hover, a.product-combo__item-link:hover { color:rgb(79, 169, 232); } .product-combo__item.checked .product-combo__item-add span:nth-child(1) { display: none; } .product-combo__item.checked .product-combo__item-add span:nth-child(2) { display: block; } .product-combo__item.checked .product-combo__item-add { pointer-events: none; opacity: .8; } .product-combo__more { display: flex; align-items: center; width: 138px; min-width: 138px; } .product-combo__more .btn { height: 40px; width: 100%; } .product-combo { overflow: hidden; margin-left: -6px; margin-right: -6px; padding-left: 6px; padding-right: 6px; } .product-combo .swiper { overflow: visible; } .product-combo-arrow { color: #ADADAD; font-size: 34px; z-index: 2; transition: opacity .3s; } .product-combo-arrow::after { font-size: inherit; } .product-combo-arrow:hover, .product-combo-arrow.swiper-button-disabled { opacity: .5; } .swiper-button-prev { left: 0; } .swiper-button-next { right: 0; } .product-combo__item-notify { font-weight: bold; color: #727272; padding: 0 6px 4px; margin-top: -26px; display: flex; align-items: center; justify-content: center; text-align: center; } .product-combo__item:nth-child(n+7) { /*display: none;*/ } @media (max-width: 1279px) { .product-combo { /*padding-left: 20px;*/ /*padding-right: 20px;*/ } .product-combo__list { /*display: block;*/ } .product-combo__list-line { /*margin-left: -14px;*/ /*margin-right: -14px;*/ } .product-combo__item { /*flex: 0 0 calc(20% - 5px);*/ } .product-combo__more { width: auto; min-width: 0; margin: 20px 0; justify-content: center; } .product-combo__more .btn { width: auto; height: initial; border: none; border-bottom: 1px dashed; padding: 0; border-radius: 0; } .product-combo__more .btn:hover { color: #4fa9e8; background: none; } .product-combo__item:nth-child(n+7) { /*display: block;*/ } .product-combo__bottom { justify-content: center; } } @media (max-width: 1150px) { .product-combo__item { /*flex: 0 0 calc(25% - 5px);*/ } } @media (max-width: 890px) { .product-combo__item { /*flex: 0 0 calc(33.333% - 5px);*/ } .product-combo__item-bottom { opacity: 1; /*visibility: visible;*/ position: relative; } } @media (max-width: 735px) { .product-combo__item { /*flex: 0 0 calc(50% - 5px);*/ } .product-combo__list { /*display: block;*/ } .product-combo__list-line { /*margin-right: -5px;*/ } .product-combo__more { /*display: flex;*/ /*width: 100%;*/ /*justify-content: center;*/ /*margin-top: 20px;*/ } .product-combo__item-bottom { opacity: 1; visibility: visible; position: relative; } } @media (max-width: 600px) { .product-combo{ padding: 40px 0px 0px 0px; } .product-combo__bottom { flex-direction: column-reverse; align-items: center; display: none; } .product-combo__btn { margin-right: auto; margin-left: auto; max-width: 257px; margin-top: 10px; } .product-combo__more { width: 100%; display: flex; justify-content: center; } .product-combo__more .btn { width: auto; } .product-combo__item-bottom { opacity: 1; visibility: visible; position: relative; } } @media(max-width:480px) { .product-combo__item-notify, .product-combo__item-bottom { white-space: nowrap; padding-left: 0; padding-right: 0; margin-left: -14px; margin-right: -14px; } } @media(max-width:385px) { .product-combo__item-notify, .product-combo__item-bottom { font-size:12px; line-height:18px; } .product-combo__item-bottom a.product-combo__item-link { font-size:12px; line-height:20px; } } @media (min-width: 1024px) { .product-combo__item-check:hover { border-color: #083571; } .product-combo__item:hover { /*.product-combo__item {*/ background: rgba(255, 255, 255, 0.85); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.25); border-radius: 5px 5px 0 0; } .product-combo__item:hover .product-combo__item-bottom { /*.product-combo__item-bottom {*/ opacity: 1; visibility: visible; } .product-combo__item-title a:hover { text-decoration: underline; } } @media (max-width:1023px) { .product-combo__item .product-combo__item-bottom .js-add-combo { display: none; } } .product-combo-popup { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .product-combo-popup__bg { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 10; } .product-combo-popup__content { position: absolute; z-index: 11; background: #fff; top: 0; right: 0; width: calc(100% - 40px); height: 100%; max-width: 320px; padding: 0 18px; box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25); } .product-combo-popup__list { padding-right: 25px; max-height: 100%; padding-top: 2px; padding-bottom: 14px; } .product-combo-popup__close { position: absolute; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; cursor: pointer; border: none; right: 100%; top: 5px; margin-right: 5px; z-index: 11; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1685 1L1.12448 12.2929' stroke='%23B4B4B4' stroke-linecap='round'/%3E%3Cpath d='M1.25 1.12442L11.8693 11.5678' stroke='%23B4B4B4' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .product-combo-popup__item-top { border-bottom: 1px solid #C0C1C6; } .product-combo-popup__item-title { font-weight: 500; font-size: 14px; line-height: 19px; color: #333333; cursor: pointer; min-height: 69px; display: flex; align-items: center; width: 100%; padding-top: 12px; padding-bottom: 12px; } .product-combo-popup__item-title span { border-bottom: 1px dashed; } .product-combo-popup__item.opened .product-combo-popup__item-content { display: block; } .product-combo-popup__item.hidden { display: none; } .product-combo-popup__item.opened .product-combo-popup__item-title span:before { content: '←'; display: inline-block; margin-right: 5px; } .product-combo-popup__item-content { display: none; } .product-combo-popup__card { display: flex; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #C0C1C6; } .product-combo-popup__card-img { width: 86px; height: 79px; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .product-combo-popup__card-img img { max-width:100%; max-height:100%; } .product-combo-popup__card-info { flex: 0 0 calc(100% - 101px); } .product-combo-popup__card-title { font-weight: 500; line-height: 19px; margin-bottom: 5px; } .product-combo-popup__card-title a { text-decoration: none; color: #333333; } .product-combo-popup__card-stats { font-size: 14px; line-height: 19px; color: #ADADAD; margin: 0 0 20px; } .product-combo-popup__card-stats li { padding-left: 0; margin: 0; } .product-combo-popup__card-stats li:before { display: none; } .product-combo-popup__card-price > *:not(:last-child) { margin-right: 10px; } .product-combo-popup__card-price-current { font-weight: 500; font-size: 20px; line-height: 1; color: #333333; } .product-combo-popup__card-action { margin-top: 20px; display: flex; padding-left: 5px; } a.product-combo-popup__card-btn { height: 36px; background-color: #D1D1D1; border-radius: 30px; color: #fff; font-weight: 500; display: flex; align-items: center; background-repeat: no-repeat; background-position: center; min-width: 36px; text-decoration: none; transition: .3s; } .product-combo-popup__card-compare { background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9904 4.50003H9.25961C9.11683 4.50003 9 4.67871 9 4.89709V17.603C9 17.8214 9.11683 18 9.25961 18H10.9904C11.1332 18 11.25 17.8214 11.25 17.603V4.89709C11.25 4.67871 11.1332 4.50003 10.9904 4.50003Z' fill='white'/%3E%3Cpath d='M15.4904 6.75003H13.7596C13.6168 6.75003 13.5 6.89893 13.5 7.08091V17.6691C13.5 17.8511 13.6168 18 13.7596 18H15.4904C15.6332 18 15.75 17.8511 15.75 17.6691V7.08091C15.75 6.89893 15.6332 6.75003 15.4904 6.75003Z' fill='white'/%3E%3Cpath d='M6.49039 10.125H4.75961C4.61683 10.125 4.5 10.2293 4.5 10.3566V17.7684C4.5 17.8958 4.61683 18 4.75961 18H6.49039C6.63317 18 6.75 17.8958 6.75 17.7684V10.3566C6.75 10.2293 6.63317 10.125 6.49039 10.125Z' fill='white'/%3E%3Cpath d='M1.99039 3.05176e-05H0.259615C0.116826 3.05176e-05 0 0.238266 0 0.529444V17.4706C0 17.7618 0.116826 18 0.259615 18H1.99039C2.13317 18 2.25 17.7618 2.25 17.4706V0.529444C2.25 0.238266 2.13317 3.05176e-05 1.99039 3.05176e-05Z' fill='white'/%3E%3C/svg%3E%0A"); margin-right: 5px; } .product-combo-popup__card-compare.js_compare.active { background: #41A7E4 url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9904 4.50003H9.25961C9.11683 4.50003 9 4.67871 9 4.89709V17.603C9 17.8214 9.11683 18 9.25961 18H10.9904C11.1332 18 11.25 17.8214 11.25 17.603V4.89709C11.25 4.67871 11.1332 4.50003 10.9904 4.50003Z' fill='white'/%3E%3Cpath d='M15.4904 6.75003H13.7596C13.6168 6.75003 13.5 6.89893 13.5 7.08091V17.6691C13.5 17.8511 13.6168 18 13.7596 18H15.4904C15.6332 18 15.75 17.8511 15.75 17.6691V7.08091C15.75 6.89893 15.6332 6.75003 15.4904 6.75003Z' fill='white'/%3E%3Cpath d='M6.49039 10.125H4.75961C4.61683 10.125 4.5 10.2293 4.5 10.3566V17.7684C4.5 17.8958 4.61683 18 4.75961 18H6.49039C6.63317 18 6.75 17.8958 6.75 17.7684V10.3566C6.75 10.2293 6.63317 10.125 6.49039 10.125Z' fill='white'/%3E%3Cpath d='M1.99039 3.05176e-05H0.259615C0.116826 3.05176e-05 0 0.238266 0 0.529444V17.4706C0 17.7618 0.116826 18 0.259615 18H1.99039C2.13317 18 2.25 17.7618 2.25 17.4706V0.529444C2.25 0.238266 2.13317 3.05176e-05 1.99039 3.05176e-05Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center; } .product-combo-popup__card-favorites { background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0645 3.27891C17.7852 2.63727 17.3825 2.05583 16.879 1.56712C16.375 1.07696 15.7808 0.687431 15.1288 0.419724C14.4526 0.141026 13.7274 -0.00162708 12.9952 4.50489e-05C11.968 4.50489e-05 10.9658 0.279142 10.0948 0.806324C9.88649 0.932434 9.68855 1.07095 9.50103 1.22187C9.31351 1.07095 9.11557 0.932434 8.90721 0.806324C8.03628 0.279142 7.03408 4.50489e-05 6.00688 4.50489e-05C5.26721 4.50489e-05 4.55046 0.140627 3.8733 0.419724C3.21906 0.688483 2.62941 1.07508 2.1231 1.56712C1.61887 2.05528 1.21608 2.63686 0.93755 3.27891C0.647934 3.94668 0.5 4.65579 0.5 5.38557C0.5 6.07401 0.641683 6.79139 0.922965 7.52118C1.15841 8.13106 1.49595 8.76368 1.92725 9.4025C2.61066 10.4134 3.55035 11.4678 4.71715 12.5366C6.6507 14.3084 8.56551 15.5323 8.64677 15.5819L9.14057 15.8961C9.35935 16.0347 9.64063 16.0347 9.85941 15.8961L10.3532 15.5819C10.4345 15.5302 12.3472 14.3084 14.2828 12.5366C15.4496 11.4678 16.3893 10.4134 17.0727 9.4025C17.504 8.76368 17.8437 8.13106 18.077 7.52118C18.3583 6.79139 18.5 6.07401 18.5 5.38557C18.5021 4.65579 18.3541 3.94668 18.0645 3.27891ZM9.50103 14.2608C9.50103 14.2608 2.08351 9.54515 2.08351 5.38557C2.08351 3.27891 3.83997 1.57126 6.00688 1.57126C7.52997 1.57126 8.85096 2.41475 9.50103 3.64691C10.1511 2.41475 11.4721 1.57126 12.9952 1.57126C15.1621 1.57126 16.9185 3.27891 16.9185 5.38557C16.9185 9.54515 9.50103 14.2608 9.50103 14.2608Z' fill='white'/%3E%3Cpath d='M18.0645 3.27891C17.7852 2.63727 17.3825 2.05583 16.879 1.56712C16.375 1.07696 15.7808 0.687431 15.1288 0.419724C14.4526 0.141026 13.7274 -0.00162708 12.9952 4.50489e-05C11.968 4.50489e-05 10.9658 0.279142 10.0948 0.806324C9.88649 0.932434 9.68855 1.07095 9.50103 1.22187C9.31351 1.07095 9.11557 0.932434 8.90721 0.806324C8.03628 0.279142 7.03408 4.50489e-05 6.00688 4.50489e-05C5.26721 4.50489e-05 4.55046 0.140627 3.8733 0.419724C3.21906 0.688483 2.62941 1.07508 2.1231 1.56712C1.61887 2.05528 1.21608 2.63686 0.93755 3.27891C0.647934 3.94668 0.5 4.65579 0.5 5.38557C0.5 6.07401 0.641683 6.79139 0.922965 7.52118C1.15841 8.13106 1.49595 8.76368 1.92725 9.4025C2.61066 10.4134 3.55035 11.4678 4.71715 12.5366C6.6507 14.3084 8.56551 15.5323 8.64677 15.5819L9.14057 15.8961C9.35935 16.0347 9.64063 16.0347 9.85941 15.8961L10.3532 15.5819C10.4345 15.5302 12.3472 14.3084 14.2828 12.5366C15.4496 11.4678 16.3893 10.4134 17.0727 9.4025C17.504 8.76368 17.8437 8.13106 18.077 7.52118C18.3583 6.79139 18.5 6.07401 18.5 5.38557C18.5021 4.65579 18.3541 3.94668 18.0645 3.27891ZM9.50103 14.2608C9.50103 14.2608 2.08351 9.54515 2.08351 5.38557C2.08351 3.27891 3.83997 1.57126 6.00688 1.57126C7.52997 1.57126 8.85096 2.41475 9.50103 3.64691C10.1511 2.41475 11.4721 1.57126 12.9952 1.57126C15.1621 1.57126 16.9185 3.27891 16.9185 5.38557C16.9185 9.54515 9.50103 14.2608 9.50103 14.2608Z' fill='white'/%3E%3C/svg%3E%0A"); margin-right: 20px; } .product-combo-popup__card-favorites.active { background: #41A7E4 url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0645 3.27891C17.7852 2.63727 17.3825 2.05583 16.879 1.56712C16.375 1.07696 15.7808 0.687431 15.1288 0.419724C14.4526 0.141026 13.7274 -0.00162708 12.9952 4.50489e-05C11.968 4.50489e-05 10.9658 0.279142 10.0948 0.806324C9.88649 0.932434 9.68855 1.07095 9.50103 1.22187C9.31351 1.07095 9.11557 0.932434 8.90721 0.806324C8.03628 0.279142 7.03408 4.50489e-05 6.00688 4.50489e-05C5.26721 4.50489e-05 4.55046 0.140627 3.8733 0.419724C3.21906 0.688483 2.62941 1.07508 2.1231 1.56712C1.61887 2.05528 1.21608 2.63686 0.93755 3.27891C0.647934 3.94668 0.5 4.65579 0.5 5.38557C0.5 6.07401 0.641683 6.79139 0.922965 7.52118C1.15841 8.13106 1.49595 8.76368 1.92725 9.4025C2.61066 10.4134 3.55035 11.4678 4.71715 12.5366C6.6507 14.3084 8.56551 15.5323 8.64677 15.5819L9.14057 15.8961C9.35935 16.0347 9.64063 16.0347 9.85941 15.8961L10.3532 15.5819C10.4345 15.5302 12.3472 14.3084 14.2828 12.5366C15.4496 11.4678 16.3893 10.4134 17.0727 9.4025C17.504 8.76368 17.8437 8.13106 18.077 7.52118C18.3583 6.79139 18.5 6.07401 18.5 5.38557C18.5021 4.65579 18.3541 3.94668 18.0645 3.27891ZM9.50103 14.2608C9.50103 14.2608 2.08351 9.54515 2.08351 5.38557C2.08351 3.27891 3.83997 1.57126 6.00688 1.57126C7.52997 1.57126 8.85096 2.41475 9.50103 3.64691C10.1511 2.41475 11.4721 1.57126 12.9952 1.57126C15.1621 1.57126 16.9185 3.27891 16.9185 5.38557C16.9185 9.54515 9.50103 14.2608 9.50103 14.2608Z' fill='white'/%3E%3Cpath d='M18.0645 3.27891C17.7852 2.63727 17.3825 2.05583 16.879 1.56712C16.375 1.07696 15.7808 0.687431 15.1288 0.419724C14.4526 0.141026 13.7274 -0.00162708 12.9952 4.50489e-05C11.968 4.50489e-05 10.9658 0.279142 10.0948 0.806324C9.88649 0.932434 9.68855 1.07095 9.50103 1.22187C9.31351 1.07095 9.11557 0.932434 8.90721 0.806324C8.03628 0.279142 7.03408 4.50489e-05 6.00688 4.50489e-05C5.26721 4.50489e-05 4.55046 0.140627 3.8733 0.419724C3.21906 0.688483 2.62941 1.07508 2.1231 1.56712C1.61887 2.05528 1.21608 2.63686 0.93755 3.27891C0.647934 3.94668 0.5 4.65579 0.5 5.38557C0.5 6.07401 0.641683 6.79139 0.922965 7.52118C1.15841 8.13106 1.49595 8.76368 1.92725 9.4025C2.61066 10.4134 3.55035 11.4678 4.71715 12.5366C6.6507 14.3084 8.56551 15.5323 8.64677 15.5819L9.14057 15.8961C9.35935 16.0347 9.64063 16.0347 9.85941 15.8961L10.3532 15.5819C10.4345 15.5302 12.3472 14.3084 14.2828 12.5366C15.4496 11.4678 16.3893 10.4134 17.0727 9.4025C17.504 8.76368 17.8437 8.13106 18.077 7.52118C18.3583 6.79139 18.5 6.07401 18.5 5.38557C18.5021 4.65579 18.3541 3.94668 18.0645 3.27891ZM9.50103 14.2608C9.50103 14.2608 2.08351 9.54515 2.08351 5.38557C2.08351 3.27891 3.83997 1.57126 6.00688 1.57126C7.52997 1.57126 8.85096 2.41475 9.50103 3.64691C10.1511 2.41475 11.4721 1.57126 12.9952 1.57126C15.1621 1.57126 16.9185 3.27891 16.9185 5.38557C16.9185 9.54515 9.50103 14.2608 9.50103 14.2608Z' fill='white'/%3E%3C/svg%3E%0A") no-repeat center; } /* a.product-combo-popup__card-btn.active { */ /* background: #41A7E4; */ /* } */ .product-combo-popup__card-add { flex: 1; padding: 0 28px; } .product-combo-popup__card-add span { color: inherit; } .product-combo-popup__card-add span:nth-child(2) { display: none; } .product-combo-popup__card.added .product-combo-popup__card-add { background-color: #41A7E4; } .product-combo-popup__card.added .product-combo-popup__card-add span:nth-child(1) { display: none; } .product-combo-popup__card.added .product-combo-popup__card-add span:nth-child(2) { display: block; } .product-combo-popup__card:last-child { padding-bottom: 0; border-bottom: none; } .product-combo-popup__item:not(.opened):last-child .product-combo-popup__item-top { border-bottom: none; } html.combo-open body, html.combo-single-open body { overflow: hidden; } html.combo-open .product-combo-popup--all { opacity: 1; visibility: visible; } html.combo-single-open .product-combo-popup--single { opacity: 1; visibility: visible; } html.combo-single-open .product-combo-popup__item-title { pointer-events: none; } html.combo-single-open .product-combo-popup__item.opened .product-combo-popup__item-title span:before { display: none; } .product-combo-popup__list .scroll-element.scroll-y { right: 0; width: 3px; top: 14px; height: calc(100% - 28px); } .product-combo-popup__list .scroll-element.scroll-y .scroll-element_track { left: 0; width: 3px; background: #DFDFDF; } .product-combo-popup__list .scroll-element_outer { border-radius: 0; } .product-combo-popup__list .scroll-element.scroll-y .scroll-bar { width: 3px; left: 0; background: #083571; border-radius: 0; } .product-combo-popup__list.scroll-scrolly_visible { padding-right: 31px !important; margin-right: -10px !important; } .product-combo-popup__list .scroll-x { display: none !important; } @media (min-width: 1024px) { /* a.product-combo-popup__card-btn:hover { */ /* background-color: #41A7E4; */ /* } */ .product-combo-popup__card-title a:hover { text-decoration: underline; } } /* Стили для лэнда */ div.content--land { background: #F7F7F7; } .land { background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08); padding: 38px 120px 60px; margin: 22px -15px 60px; } .land__title { margin-bottom: 20px; } .land__text { margin-bottom: 40px; } .land__banner { margin: 20px 0; display: block; border-radius: 7px; } .land__banner img { display: block; width: 100%; } .land-prod { background: #F7F7F7; border-radius: 7px; padding: 30px 40px; margin-top: 60px; } .land-prod__title { font-weight: 500; font-size: 24px; line-height: 23px; text-align: center; color: #333333; margin-bottom: 40px; } .land-prod__text { color: #252525; text-align: center; } .land-prod__list { display: flex; flex-wrap: wrap; justify-content: center; margin-bottom: 18px; margin-right: -24px; } .land-prod__card { width: 184px; min-width: 184px; margin-right: 24px; margin-bottom: 24px; } .land-prod__card-img { height: 184px; border-radius: 50%; overflow: hidden; } .land-prod__card-img img { width: 100%; height: 100%; display: block; object-position: center; object-fit: cover; margin-bottom: 20px; } .land-prod__card-title { font-weight: 400; font-size: 14px; line-height: 140%; text-align: center; color: #252525; } .land-cards { margin: 20px 0 40px; border-radius: 7px; padding: 30px 30px 30px 60px; display: flex; } .land-cards__line { margin-bottom: 20px; display: flex; flex-direction: column; align-items: center; } .land-cards__line img { display: block; max-width: 100%; } .land-cards__title { font-weight: 500; font-size: 24px; line-height: 40px; color: #333333; } .land-cards__text { font-size: 20px; line-height: 130%; text-align: center; color: #333333; } .land-cards__info { flex: 0 0 160px; margin-right: 60px; } .land-cards__content { flex: 1; } .land-cards__box { text-align: center; margin-bottom: 20px; font-size: 16px; } .land-cards__btn { text-transform: uppercase; height: 43px; } .land-cards__list { margin-bottom: 10px; display: flex; flex-wrap: wrap; margin-right: -20px; } .land-cards__item { margin-right: 20px; margin-bottom: 20px; flex: 0 0 calc(33.3333% - 20px); max-width: calc(33.3333% - 20px); background: #fff; border-radius: 7px; position: relative; padding: 10px 30px 25px; display: flex; flex-direction: column; } .land-cards__item-info { flex: 1; display: flex; flex-direction: column; } .land-cards__item-art { position: absolute; top: -14px; left: 0; z-index: 1; background: #E0E0E0; padding: 10px; font-size: 12px; line-height: 120%; color: #252525; } .land-cards__item-img { display: block; margin-bottom: 10px; padding-bottom: 138px; position: relative; } .land-cards__item-img img { position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 100%; max-height: 100%; } .land-cards__item-title { min-height: 61px; margin-bottom: 10px; } .land-cards__item-title a { font-weight: 500; font-size: 15px; line-height: 140%; color: #252525; text-decoration: none; } .land-cards__item-title a:hover { text-decoration: underline; } .land-cards__item-price { font-weight: 700; font-size: 18px; line-height: 140%; color: #252525; margin-bottom: 10px; margin-top: auto; } .land-cards__item-btn { height: 43px; } .land-cards__sale { width: 133px; margin: 65px auto 0; height: 133px; background-repeat: no-repeat; background-position: center; background-image: url('/local/templates/aquanet_new/css/../img/land-sale.svg'); background-size: contain; } .land-cards__item--half { flex: 0 0 calc(50% - 20px); max-width: calc(50% - 20px); } .land-cards__item--sm { flex: 0 0 calc(32% - 20px); max-width: calc(32% - 20px); } .land-cards__item--big { flex: 0 0 calc(68% - 20px); max-width: calc(68% - 20px); } .land-cards__item-combo { display: flex; margin-right: -30px; flex: 1; } .land-cards__item-combo .land-cards__item-info { margin-right: 30px; flex: 0 0 calc(50% - 30px); } .land-cards__item-combo .land-cards__item-info:nth-child(2) .land-cards__item-art { left: calc(50% + 15px); } @media (min-width: 769px) { .land-cards__item--half { flex-direction: row; align-items: center; padding: 25px 20px 25px 8px; } .land-cards__item--half .land-cards__item-img { margin-bottom: 0; margin-right: 10px; flex: 0 0 40%; min-width: 40%; height: 100%; } .land-cards__item-art { top: -17px; } .swiper-slider-product { max-height: calc(100vh - 365px); } } @media (max-width: 1280px) { .land { margin: 20px 0 40px; padding: 30px 30px 40px; } } @media (max-width: 1025px) { .land { margin: 20px 0 40px; } .land__text { margin-bottom: 30px; } .land-prod { margin-top: 40px; } .land-prod__title { font-size: 24px; } .land-prod__list { margin-bottom: 12px; margin-right: -30px; } .land-prod__card { margin-right: 30px; margin-bottom: 30px; } .land-cards { display: block; padding: 25px 30px 30px; position: relative; } .land-cards__info { margin-bottom: 25px; display: flex; align-items: flex-end; margin-right: 0; } .land-cards__line { margin-bottom: 0; margin-right: 20px; flex-direction: row; align-items: baseline; } .land-cards__sale { position: absolute; top: 10px; right: 10px; margin: 0; width: 77px; height: 77px; } .land-cards__title { line-height: 1; margin-bottom: .15em; } .land-cards__text { margin-left: 10px; font-size: 16px; } } @media (max-width: 768px) { .land { margin-left: -10px; margin-right: -10px; } .land-cards { padding-left: 20px; padding-right: 20px; } .land__text { margin-bottom: 20px; } .land-prod__title { font-size: 20px; } .land-prod__list { margin-bottom: 18px; margin-right: -24px; } .land-prod__card { margin-right: 24px; margin-bottom: 24px; } .land-cards__item-combo .land-cards__item-info:nth-child(2) .land-cards__item-art { left: calc(50% + 9px); } .land-cards__item { padding-left: 18px; padding-right: 18px; margin-right: 10px; flex: 0 0 calc(33.3333% - 10px); max-width: calc(33.3333% - 10px); } .land-cards__list { margin-right: -10px; } .land-cards__item--half { flex: 0 0 calc(50% - 10px); max-width: calc(50% - 10px); } .land-cards__item--sm { flex: 0 0 calc(32% - 10px); max-width: calc(32% - 10px); } .land-cards__item--big { flex: 0 0 calc(68% - 10px); max-width: calc(68% - 10px); } } @media (max-width: 659.98px) { .content--land .breadcrumbs-header { padding-bottom: 0; background: #F7F7F7; } .land-cards__list { display: block; margin-right: 0; } .land-cards__item { max-width: 100%; margin-right: 0; } .land-cards__item-title { min-height: 0; margin-bottom: 20px; } .land-cards__info { flex-direction: column; align-items: center; } .land-cards__line { margin-right: 0; margin-bottom: 15px; flex-direction: column; align-items: center; } .land-cards__line:last-child { margin-bottom: 0; } .land-cards__title { font-size: 20px; } .land-cards__text { margin-left: 0; margin-top: 10px; font-size: 16px; } .land-cards__item--half { max-width: 100%; } .land-cards__item-combo { display: block; } .land-cards__item-combo .land-cards__item-info { position: relative; } .land-cards__item-combo .land-cards__item-info:nth-child(2) { margin-top: 30px; } .land-cards__item-combo .land-cards__item-info:nth-child(2) .land-cards__item-art { left: 0; } } @media (max-width: 510px) { .land { margin: 20px -10px 10px; padding: 40px 20px 0; box-shadow: 0px -4px 4px rgba(0, 0, 0, 0.08); } .land-prod { margin-left: -20px; margin-right: -20px; border-radius: 0; } } .sale_order_props .collection-list { white-space: normal; overflow-x: visible; } .sale_order_props .collection-list__link { width: 100%; min-width: 100% !important; } #product_thumbs.notransform .slick-track, #product_thumbs2.notransform .slick-track { transform: none!important; } .product-combo-popup { opacity: 0; visibility: hidden; position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 99; } .product-combo-popup__bg { position: absolute; top: 0; left: 0; width: 100%; min-width: 100% !important; padding-left: 0; height: 100%; background: rgba(0, 0, 0, 0.3); z-index: 10; } .product-combo-popup__content { position: absolute; z-index: 11; background: #fff; top: 0; right: 0; width: calc(100% - 40px); height: 100%; max-width: 320px; padding: 0 18px; box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25); } .product-combo-popup__list { padding-right: 25px; max-height: 100%; padding-top: 2px; padding-bottom: 14px; } .product-combo-popup__close { position: absolute; width: 30px; height: 30px; border-radius: 50%; background-color: #fff; cursor: pointer; border: none; right: 100%; top: 5px; margin-right: 5px; z-index: 11; background-position: center; background-repeat: no-repeat; background-image: url("data:image/svg+xml,%3Csvg width='13' height='13' viewBox='0 0 13 13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.1685 1L1.12448 12.2929' stroke='%23B4B4B4' stroke-linecap='round'/%3E%3Cpath d='M1.25 1.12442L11.8693 11.5678' stroke='%23B4B4B4' stroke-linecap='round'/%3E%3C/svg%3E%0A"); } .product-combo-popup__item-top { border-bottom: 1px solid #C0C1C6; } .product-combo-popup__item-title { font-weight: 500; font-size: 14px; line-height: 19px; color: #333333; cursor: pointer; min-height: 69px; display: flex; align-items: center; width: 100%; padding-top: 12px; padding-bottom: 12px; } .product-combo-popup__item-title span { border-bottom: 1px dashed; } .product-combo-popup__item.opened .product-combo-popup__item-content { display: block; } .product-combo-popup__item.hidden { display: none; } .product-combo-popup__item.opened .product-combo-popup__item-title span:before { content: '←'; display: inline-block; margin-right: 5px; } .product-combo-popup__item-content { display: none; } .product-combo-popup__card { display: flex; flex-wrap: wrap; padding: 20px 0; border-bottom: 1px solid #C0C1C6; } .product-combo-popup__card-img { width: 86px; height: 79px; display: flex; align-items: center; justify-content: center; margin-right: 15px; } .product-combo-popup__card-info { flex: 0 0 calc(100% - 101px); } .product-combo-popup__card-title { font-weight: 500; line-height: 19px; margin-bottom: 5px; } .product-combo-popup__card-title a { text-decoration: none; color: #333333; } .product-combo-popup__card-stats { font-size: 14px; line-height: 19px; color: #ADADAD; margin: 0 0 20px; } .product-combo-popup__card-stats li { padding-left: 0; margin: 0; } .product-combo-popup__card-stats li:before { display: none; } .product-combo-popup__card-price > *:not(:last-child) { margin-right: 10px; } .product-combo-popup__card-price-current { font-weight: 500; font-size: 20px; line-height: 1; color: #333333; } .product-combo-popup__card-action { margin-top: 20px; display: flex; padding-left: 5px; } a.product-combo-popup__card-btn { height: 36px; background-color: #D1D1D1; border-radius: 30px; color: #fff; font-weight: 500; display: flex; align-items: center; background-repeat: no-repeat; background-position: center; min-width: 36px; text-decoration: none; transition: .3s; } .product-combo-popup__card-compare { background-image: url("data:image/svg+xml,%3Csvg width='16' height='18' viewBox='0 0 16 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.9904 4.50003H9.25961C9.11683 4.50003 9 4.67871 9 4.89709V17.603C9 17.8214 9.11683 18 9.25961 18H10.9904C11.1332 18 11.25 17.8214 11.25 17.603V4.89709C11.25 4.67871 11.1332 4.50003 10.9904 4.50003Z' fill='white'/%3E%3Cpath d='M15.4904 6.75003H13.7596C13.6168 6.75003 13.5 6.89893 13.5 7.08091V17.6691C13.5 17.8511 13.6168 18 13.7596 18H15.4904C15.6332 18 15.75 17.8511 15.75 17.6691V7.08091C15.75 6.89893 15.6332 6.75003 15.4904 6.75003Z' fill='white'/%3E%3Cpath d='M6.49039 10.125H4.75961C4.61683 10.125 4.5 10.2293 4.5 10.3566V17.7684C4.5 17.8958 4.61683 18 4.75961 18H6.49039C6.63317 18 6.75 17.8958 6.75 17.7684V10.3566C6.75 10.2293 6.63317 10.125 6.49039 10.125Z' fill='white'/%3E%3Cpath d='M1.99039 3.05176e-05H0.259615C0.116826 3.05176e-05 0 0.238266 0 0.529444V17.4706C0 17.7618 0.116826 18 0.259615 18H1.99039C2.13317 18 2.25 17.7618 2.25 17.4706V0.529444C2.25 0.238266 2.13317 3.05176e-05 1.99039 3.05176e-05Z' fill='white'/%3E%3C/svg%3E%0A"); margin-right: 5px; } .product-combo-popup__card-favorites { background-image: url("data:image/svg+xml,%3Csvg width='19' height='16' viewBox='0 0 19 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.0645 3.27891C17.7852 2.63727 17.3825 2.05583 16.879 1.56712C16.375 1.07696 15.7808 0.687431 15.1288 0.419724C14.4526 0.141026 13.7274 -0.00162708 12.9952 4.50489e-05C11.968 4.50489e-05 10.9658 0.279142 10.0948 0.806324C9.88649 0.932434 9.68855 1.07095 9.50103 1.22187C9.31351 1.07095 9.11557 0.932434 8.90721 0.806324C8.03628 0.279142 7.03408 4.50489e-05 6.00688 4.50489e-05C5.26721 4.50489e-05 4.55046 0.140627 3.8733 0.419724C3.21906 0.688483 2.62941 1.07508 2.1231 1.56712C1.61887 2.05528 1.21608 2.63686 0.93755 3.27891C0.647934 3.94668 0.5 4.65579 0.5 5.38557C0.5 6.07401 0.641683 6.79139 0.922965 7.52118C1.15841 8.13106 1.49595 8.76368 1.92725 9.4025C2.61066 10.4134 3.55035 11.4678 4.71715 12.5366C6.6507 14.3084 8.56551 15.5323 8.64677 15.5819L9.14057 15.8961C9.35935 16.0347 9.64063 16.0347 9.85941 15.8961L10.3532 15.5819C10.4345 15.5302 12.3472 14.3084 14.2828 12.5366C15.4496 11.4678 16.3893 10.4134 17.0727 9.4025C17.504 8.76368 17.8437 8.13106 18.077 7.52118C18.3583 6.79139 18.5 6.07401 18.5 5.38557C18.5021 4.65579 18.3541 3.94668 18.0645 3.27891ZM9.50103 14.2608C9.50103 14.2608 2.08351 9.54515 2.08351 5.38557C2.08351 3.27891 3.83997 1.57126 6.00688 1.57126C7.52997 1.57126 8.85096 2.41475 9.50103 3.64691C10.1511 2.41475 11.4721 1.57126 12.9952 1.57126C15.1621 1.57126 16.9185 3.27891 16.9185 5.38557C16.9185 9.54515 9.50103 14.2608 9.50103 14.2608Z' fill='white'/%3E%3Cpath d='M18.0645 3.27891C17.7852 2.63727 17.3825 2.05583 16.879 1.56712C16.375 1.07696 15.7808 0.687431 15.1288 0.419724C14.4526 0.141026 13.7274 -0.00162708 12.9952 4.50489e-05C11.968 4.50489e-05 10.9658 0.279142 10.0948 0.806324C9.88649 0.932434 9.68855 1.07095 9.50103 1.22187C9.31351 1.07095 9.11557 0.932434 8.90721 0.806324C8.03628 0.279142 7.03408 4.50489e-05 6.00688 4.50489e-05C5.26721 4.50489e-05 4.55046 0.140627 3.8733 0.419724C3.21906 0.688483 2.62941 1.07508 2.1231 1.56712C1.61887 2.05528 1.21608 2.63686 0.93755 3.27891C0.647934 3.94668 0.5 4.65579 0.5 5.38557C0.5 6.07401 0.641683 6.79139 0.922965 7.52118C1.15841 8.13106 1.49595 8.76368 1.92725 9.4025C2.61066 10.4134 3.55035 11.4678 4.71715 12.5366C6.6507 14.3084 8.56551 15.5323 8.64677 15.5819L9.14057 15.8961C9.35935 16.0347 9.64063 16.0347 9.85941 15.8961L10.3532 15.5819C10.4345 15.5302 12.3472 14.3084 14.2828 12.5366C15.4496 11.4678 16.3893 10.4134 17.0727 9.4025C17.504 8.76368 17.8437 8.13106 18.077 7.52118C18.3583 6.79139 18.5 6.07401 18.5 5.38557C18.5021 4.65579 18.3541 3.94668 18.0645 3.27891ZM9.50103 14.2608C9.50103 14.2608 2.08351 9.54515 2.08351 5.38557C2.08351 3.27891 3.83997 1.57126 6.00688 1.57126C7.52997 1.57126 8.85096 2.41475 9.50103 3.64691C10.1511 2.41475 11.4721 1.57126 12.9952 1.57126C15.1621 1.57126 16.9185 3.27891 16.9185 5.38557C16.9185 9.54515 9.50103 14.2608 9.50103 14.2608Z' fill='white'/%3E%3C/svg%3E%0A"); margin-right: 20px; } .product-combo-popup__card-add { flex: 1; padding: 0 28px; } .product-combo-popup__card-add span { color: inherit; } .product-combo-popup__card-add span:nth-child(2) { display: none; } .product-combo-popup__card.added .product-combo-popup__card-add { background-color: #41A7E4; } .product-combo-popup__card.added .product-combo-popup__card-add span:nth-child(1) { display: none; } .product-combo-popup__card.added .product-combo-popup__card-add span:nth-child(2) { display: block; } .product-combo-popup__card:last-child { padding-bottom: 0; border-bottom: none; } .product-combo-popup__item:not(.opened):last-child .product-combo-popup__item-top { border-bottom: none; } html.combo-open body, html.combo-single-open body { overflow: hidden; } html.combo-open .product-combo-popup--all { opacity: 1; visibility: visible; } html.combo-single-open .product-combo-popup--single { opacity: 1; visibility: visible; } html.combo-single-open .product-combo-popup__item-title { pointer-events: none; } html.combo-single-open .product-combo-popup__item.opened .product-combo-popup__item-title span:before { display: none; } .product-combo-popup__list .scroll-element.scroll-y { right: 0; width: 3px; top: 14px; height: calc(100% - 28px); } .product-combo-popup__list .scroll-element.scroll-y .scroll-element_track { left: 0; width: 3px; background: #DFDFDF; } .product-combo-popup__list .scroll-element_outer { border-radius: 0; } .product-combo-popup__list .scroll-element.scroll-y .scroll-bar { width: 3px; left: 0; background: #083571; border-radius: 0; } .product-combo-popup__list.scroll-scrolly_visible { padding-right: 31px !important; margin-right: -10px !important; } .product-combo-popup__list .scroll-x { display: none !important; } @media (min-width: 1024px) { a.product-combo-popup__card-btn:hover { background-color: #41A7E4; } .product-combo-popup__card-title a:hover { text-decoration: underline; } } .sale_order_props .collection-list { white-space: normal; overflow-x: visible; padding-left: 0; } .sale_order_props .collection-list__link { width: 100%; min-width: 100% !important; padding-left: 0; } #product_thumbs.notransform .slick-track, #product_thumbs2.notransform .slick-track { transform: none!important; } /*new basket*/ .cart-item__set { margin-bottom: 10px; width: 100%; background-color: #fff; box-sizing: border-box; } .cart-item__set-header { padding: 15px 18px; width: 100%; display: flex; align-items: flex-start; justify-content: space-between; box-sizing: border-box; } .cart-item__set-title { margin-bottom: 7px; line-height: 20px; font-size: 18px; color: #333; } .cart-item__set-subtitle a { line-height: 22px; font-size: 14px; font-weight: 500; text-decoration: none; } .cart-item__set-subtitle a { color: #083571; } .cart-item__set-column { width: 60%; } .cart-item__set-info { width: 36%; display: flex; justify-content: space-between; } .cart-item__set-info .cart-item-amount { width: 80px; height: 24px; } .cart-item__set-info .basket-item-amount-btn-minus, .cart-item__set-info .basket-item-amount-btn-plus { width: 24px; min-width: 24px; max-width: 24px; height: 100%; display: block; flex-shrink: 0; cursor: pointer; } .cart-item__set-info .basket-item-amount-btn-plus svg, .cart-item__set-info .basket-item-amount-btn-minus svg { width: 100%; height: 100%; fill: #bdbdbd; } .cart-item__set-info .cart-item-amount .basket-item-amount-filed { width: 32px; } .cart-item__set-price { display: inline-flex; flex-direction: column; align-items: flex-end; } .cart-item__set-price .cart-item__set-price--current { line-height: 30px; font-size: 20px; font-weight: 700; } .cart-item__set-price--old { margin-top: 3px; line-height: 20px; font-size: 14px; color: #EB5757; text-decoration: line-through; } @media(min-width: 1200px) { .cart-item__set-price--old { text-align: right; } } .cart-item__set-price--old span { position: relative; color: #EB5757; } .cart-item__set-price--old span:before { content: ''; width: 100%; height: 1px; position:absolute; top: 50%; left: 0; background-color: #EB5757; } .cart-item__set-tools { margin-top: 10px; display: flex; align-items: center; justify-content: flex-end; gap: 20px; flex: 0 0 20%; } .cart-item.basket-items-list-item-container .cart-item__set-tools { flex: 0 0 100%; } .cart-item__set-favorite { width: 23px; height: 20px; display: block; cursor: pointer; } .cart-item__set-favorite.added path { fill: #083571; } .cart-item__set-favorite.active path{ fill: #083571; } .cart-item__set-favorite:hover path{ fill: #083571; } .cart-item__set-compare { width: 16px; height: 18px; display: block; cursor: pointer; } .cart-item__set-delete { width: 24px; height: 24px; padding: 0; border: 0; background: none; cursor: pointer; } .cart-item__set-favorite path, .cart-item__set-compare path, .cart-item__set-delete path { transition: fill 300ms; } .cart-item__set-favorite:hover path, .cart-item__set-compare:hover path, .cart-item__set-delete:hover path { fill: #083571; } .cart-item__set-body { width: 100%; } .cart-item__set-body-item { padding: 17px 0; width: 100%; display: flex; justify-content: space-between; border-top: 1px solid #F2F2F2; box-sizing: border-box; } .cart-item-content-column { width: 60%; display: flex; } .cart-item__set-body-item-img { margin: 0 20px 0 7px; width: 158px; flex-shrink: 0; overflow: hidden; } .cart-item__set-body-item-img img { margin: auto; max-width: 100%; object-fit: contain; display: block; } .cart-item-content-subtitle { margin-bottom: 6px; line-height: 20px; color: #828282; } .cart-item-content-title { line-height: 17px; font-weight: 500; } .cart-item-content-title a { color: #013874 } .cart-item__set-count { margin-top: 24px; width: 80px; line-height: 20px; font-weight: 500; text-align: center; } .cart-item__set-body-item-price { margin: 26px 15px 0 0; } .cart-item__set-body-item-price .cart-item__set-price--current { line-height: 20px; font-weight: 700; } .cart-item-set span { color: #828282; display: block; margin-top: 10px; margin-bottom: 10px; } /*modal*/ .modal__cart { width: 100%; height: 100%; position: fixed; top: 0; left: 0; overflow: hidden; opacity: 0; visibility: hidden; z-index: 50; background-color: rgba(0, 0, 0, 0.3); } .modal.modal__cart { width: 100%; height: 100%; } .modal__cart.show { opacity: 1; visibility: visible; } .modal__cart.show .modal__cart-panel { opacity: 1; } .modal__cart.show .js-modal-close { opacity: 1; top: 116px; } /* .modal__cart.show .js-product-list.show { */ /* transition-delay: 600ms; */ /* } */ .modal__cart-panel { max-width: 470px; width: calc(100% - 35px); height: 100%; position: absolute; top: 0; right: 0; opacity: 0; box-sizing: border-box; } .js-modal-close { opacity: 0; transition: opacity 300ms 300ms; } .modal__cart-dialog { padding: 0 35px 0 20px; width: 100%; position: absolute; top: 60px; height: calc(100% - 60px); left: 100%; overflow-y: auto; background-color: #fff; transform: translateX(0); box-sizing: border-box; transition: transform 300ms; } @media screen and (min-width: 660px) { .modal__cart-dialog { top: 129px; height: calc(100% - 129px); } } @media screen and (min-width: 1024px) { .modal__cart-dialog { top: 116px; height: calc(100% - 116px); } } .modal__cart-dialog.show { transform: translateX(-100%); } .js-product-list { left: 100%; } .js-product { left: 100%; } .modal__cart-title { padding: 20px 0; line-height: 19px; font-weight: 500; border-bottom: 1px solid #C0C1C6; } .modal__cart-item { padding: 20px 0; width: 100%; display: flex; box-sizing: border-box; border-bottom: 1px solid #C0C1C6; } .modal__cart-item-left { margin-right: 17px; display: flex; flex-direction: column; justify-content: space-between; } .modal__cart-item-img { width: 126px; height: 126px; flex-shrink: 0; display: flex; flex-direction: column; justify-content: space-between; overflow: hidden; } .modal__cart-item-left .cart-item__set-tools { margin: 0; justify-content: center; } .modal__cart-item-content { display: flex; flex-direction: column; } a.modal__cart-item-content-link { margin-bottom: 15px; display: block; line-height: 19px; color: #333; font-weight: 500; text-decoration: none; } .modal__cart-item-option { margin-bottom: 8px; width: 100%; display: flex; align-items: center; gap: 7px; } .modal__cart-item-option-label { display: block; line-height: 12px; font-size: 12px; color: #828282; font-weight: 500; } .modal__cart-item-option-value { display: block; line-height: 19px; font-weight: 500; } .modal__cart-product-info { margin: 7px 0 22px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .modal__cart-product-info .cart-item__set-tools { margin-top: 0; gap: 25px; } .modal__cart-item-price { margin-bottom: 15px; width: 100%; display: flex; flex-wrap: wrap; align-items: center; gap: 7px; } .modal__cart-item-price--current { line-height: 20px; font-size: 20px; font-weight: 500; white-space: nowrap; } .modal__cart-product-info .modal__cart-item-price { margin: 0; } .modal__cart-product-info .modal__cart-item-price--current { line-height: 36px; font-size: 36px; } .modal__cart-item-bottom { margin-top: auto; display: flex; flex-wrap: wrap; align-items: center; gap: 10px; } .btn__cart-add { width: 160px; height: 36px; cursor: pointer; } .btn__cart-add.added { background-color: #41A7E4; } .btn__cart-add.added span { padding-left: 25px; background: url(/local/templates/aquanet_new/css/./../../aquanet_new/img/icons/checked.svg) no-repeat left center; } .btn__cart-more { line-height: 18px; color: #083571; font-weight: 500; cursor: pointer; transition: opacity 300ms; } .btn__cart-more:hover { opacity: 0.7; } /*modal*/ /*modal product*/ .fixed { width: 100%; position: fixed; left: 0; } .modal__cart-product-img { margin: 15px 0 8px; } .modal__cart-product-img img { width: 100%; } .modal__cart-article { margin-bottom: 5px; display: flex; line-height: 28px; } .modal__cart-article-label { margin-right: 4px; } .modal__cart-article-title { margin-bottom: 5px; line-height: 34px; font-size: 24px; font-weight: 500; } .modal__cart-article-title a { color: #333; text-decoration: none; } .modal__cart-product-content .btn__cart-add { margin-bottom: 20px; width: 100%; height: 46px; } .modal__cart-status { margin-bottom: 15px; width: 100%; display: flex; justify-content: space-between; line-height: 20px; font-weight: 500; } .modal__cart-status-availability { padding-left: 16px; color: #6FCF97; position: relative; } .modal__cart-status-availability:before { content: ''; width: 6px; height: 6px; position: absolute; top: 50%; left: 0; background-color: #6FCF97; border-radius: 50%; transform: translateY(-50%); } .modal__cart-status-availability.red { color: #EB5757; } .modal__cart-status-availability.red:before { background-color: #EB5757; } .modal__cart-delivery-item { margin-bottom: 10px; width: 100%; display: flex; flex-wrap: wrap; } .modal__cart-delivery-item a, .modal__cart-delivery-item span { margin-right: 4px; display: block; white-space: nowrap; } .modal__cart-delivery-item a { color: #083571; text-decoration: none; transition: color 300ms; } .modal__cart-delivery-item a:hover { color: #41A7E4; } .modal__cart-delivery-icn { margin-right: 12px; width: 30px; height: 24px; display: flex; justify-content: center; } .modal__cart-delivery-icn svg { margin: auto; } .modal__cart-char { margin-top: 20px; } .modal__cart-char-title { margin-bottom: 5px; line-height: 20px; font-size: 16px; font-weight: 500; } .modal__cart-char-list { margin: 5px 0 0; list-style: none; } .modal__cart-char-list-item { margin: 5px 0 0; padding: 0; width: 100%; display: flex; justify-content: space-between; line-height: 20px; font-weight: 500; } .modal__cart-char-list-item:before { display: none; } .modal__cart-char-list-item:after { content: ''; width: 100%; height: 0; position: absolute; left: 0; bottom: 1px; border-bottom: 1px dashed #BDBDBD; } .modal__cart-char-list-item:first-child:after { display: none; } .modal__cart-char-list-label, .modal__cart-char-list-val { font-weight: 400; position: relative; z-index: 1; background-color: #fff; } .modal__cart-char-list-val a { color: #083571; text-decoration: none; transition: color 300ms; } .modal__cart-char-list-val a:hover { color: #41A7E4; } .modal__cart-char-list-label { padding-right: 10px; color: #BDBDBD; } .modal__cart-char-list-val { padding-left: 10px; font-weight: 400; } .modal__cart-product-bottom { margin-top: 24px; padding-bottom: 22px; width: 100%; display: flex; justify-content: center; line-height: 18px; font-weight: 500; } .modal__cart-product-bottom a { color: #083571; text-decoration: none; transition: opacity 300ms; } .modal__cart-product-bottom a:hover { opacity: 0.7; } /*modal product*/ /*scroll*/ .simplebar-wrapper { overflow: hidden; width: inherit; height: inherit; max-width: inherit; max-height: inherit; } .simplebar-mask { margin: 0; padding: 0; width: auto; height: auto; position: absolute; left: 0; top: 0; bottom: 0; right: 0; overflow: hidden; direction: inherit; z-index: 0; } .simplebar-offset { direction: inherit; box-sizing: inherit; resize: none; position: absolute; top: 0; left: 0; bottom: 0; right: 0; padding: 0; margin: 0; -webkit-overflow-scrolling: touch; } .simplebar-content-wrapper { direction: inherit; position: relative; display: block; height: 100%; width: auto; max-width: 100%; max-height: 100%; scrollbar-width: none; -ms-overflow-style: none; box-sizing: border-box; } .simplebar-content-wrapper::-webkit-scrollbar { width: 0; height: 0; } .simplebar-content:before, .simplebar-content:after { content: ' '; display: table; } .simplebar-hide-scrollbar::-webkit-scrollbar { width: 0; height: 0; } .simplebar-placeholder { max-height: 100%; max-width: 100%; width: 100%; pointer-events: none; } .simplebar-height-auto-observer { box-sizing: inherit; display: block; opacity: 0; position: absolute; top: 0; left: 0; height: 1000%; width: 1000%; min-height: 1px; min-width: 1px; overflow: hidden; pointer-events: none; z-index: -1; } .simplebar-height-auto-observer-wrapper { box-sizing: inherit; height: 100%; width: 100%; max-width: 1px; position: relative; float: left; max-height: 1px; overflow: hidden; z-index: -1; padding: 0; margin: 0; pointer-events: none; flex-grow: inherit; flex-shrink: 0; flex-basis: 0; } .simplebar-track { z-index: 1; position: absolute; right: 10px; bottom: 0; cursor: grabbing; } .simplebar-track.simplebar-vertical { top: 5px; bottom: 5px; width: 3px; background-color: transparent; } .simplebar-track.simplebar-vertical:before { content: ''; width: 100%; position: absolute; top: 2px; bottom: 2px; left: 0; background-color: #DFDFDF; } .simplebar-track.simplebar-vertical .simplebar-scrollbar:before { top: 2px; bottom: 2px; } .simplebar-track.simplebar-horizontal { left: 0; height: 11px; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar { right: auto; left: 0; top: 2px; height: 7px; min-height: 0; min-width: 10px; width: auto; } .simplebar-track.simplebar-horizontal .simplebar-scrollbar:before { height: 100%; left: 2px; right: 2px; } .simplebar-scrollbar { position: absolute; left: 0; right: 0; min-height: 10px; } .simplebar-scrollbar:before { position: absolute; content: ''; background: #083571; border-radius: 0; left: 0; right: 0; opacity: 0; transition: opacity 0.2s linear; } .simplebar-scrollbar.simplebar-visible:before { opacity: 1; transition: opacity 0s linear; } [data-simplebar-direction='rtl'] .simplebar-track.simplebar-vertical { right: auto; left: 0; } .hs-dummy-scrollbar-size { direction: rtl; position: fixed; opacity: 0; visibility: hidden; height: 500px; width: 500px; overflow-y: hidden; overflow-x: scroll; } .simplebar-hide-scrollbar { position: fixed; left: 0; visibility: hidden; overflow-y: scroll; scrollbar-width: none; -ms-overflow-style: none; } /*==============new catalog update==============*/ .new-single-prod { margin: 0 auto; max-width: 1350px; width: 100%; background-color: #fff; } .new-product__info { position: relative; } .new-product__info h1 { width: 100%; flex: inherit; } .new-product__info-column { margin-top: 15px; width: 100%; position: relative; } .new-product__info-column .product-main-payment-buy { max-width: 100%; width: 100%; flex: auto; } /* .new-product__info-column .product-main-payment-oneclick { */ /* display: none; */ /* } */ .new-product__info .product-main-payment-controls { padding: 0; } .new-single-prod .new-product__container { background-color: #fff; } .new-product__container { padding: 0 35px; } /* .new-single-prod { */ /* background-color: #fff; */ /* } */ .new-single-prod .container { padding: 0 35px; } .new-product__header { padding: 25px 0 20px; border: 0; } .new-product__body { padding: 0 0 35px; justify-content: space-between; } @media(min-width: 560px) { .new-product__info-column { width: calc(100% - 260px); order: 3; } } @media(min-width: 660px) { .new-product__info { padding-top: 15px; } } @media(min-width: 1024px) { .new-product__info { margin-bottom: 30px; } .new-product__info-column { width: 260px; } } @media(max-width: 768px) { .new-single-prod .new-product__container { } .new-product__info-wrap { position: relative; } .new-product__info h1 { margin: 0; line-height: 30px; font-size: 24px; font-weight: 500; } .new-single-prod .container { padding: 0 20px; } } .new-product__social-wrap { margin-bottom: 15px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .new-product__social-wrap .social-button { padding: 0; } .new-product__social .social-button svg, .new-product__social .add-favorites__btn svg { margin: 0; } .new-product__header .rating-star { width: 15px; height: 15px; } #icon-star-active path { fill: #013874; } .new-product__rating-info { margin-left: 10px; line-height: 18px; color: #083571; letter-spacing: 0.02px; } .new-product__header .rating { margin: 0; } .new-product__social { margin-top: 0; padding-left: 16px; width: 112px; flex-wrap: nowrap; justify-content: space-between; } .new-product__social .product-main-payment-compare { margin: 0; } .new-product__social-btn { margin: 0; padding: 0; } .new-product__social-text { color: #ADADAD; } .new-product__code { line-height: 20px; color: #ADADAD; white-space: nowrap; } @media(min-width: 660px) { .new-product__social { width: auto; display: inline-flex; } .new-product__social .social-button svg, .new-product__social .add-favorites__btn svg { margin-right: 10px; } } @media(min-width: 667px) { .new-product__social-wrap { margin-bottom: 20px; } } /*new catalog header*/ /*new product detalis*/ .new-product__details { padding: 0; width: 42.65625%; border: 0; box-shadow: none; } .new-product__payment { padding: 0; max-width: 260px; border: 0; } .new-product__payment-header { width: 100%; position: relative; } .product-main-payment-price { display: block; } .new-product__payment-price { margin: 15px 0; width: 100%; } .new-product__payment-price > div { display: flex; align-items: center; gap: 12px; } .new-product__payment-price--current { margin: 0; flex: inherit; order: 0; line-height: 30px; font-size: 30px; color: #F9525A; font-weight: 700; white-space: nowrap; } .new-product__payment-price--current.black { color:#333; } .new-product__payment-price--old { margin: 5px 0 0; flex: inherit; order: 0; line-height: 24px; font-size: 16px; color: #333; font-weight: 700; text-decoration: none; position: relative; } .new-product__payment-price--old:before { content: ''; width: 100%; height: 1px; position: absolute; top: 50%; left: 0; background-color: #F9525A; } .new-product__payment .product-main-payment-controls { max-width: 260px; width: 100%; } .new-product__delivery { margin-top: 10px; width: 100%; position: relative; } .new-product__delivery-title { margin-bottom: 10px; line-height: 20px; color: #333; font-weight: 500; } .new-product__delivery-text { margin-bottom: 10px; padding: 15px; background-color: #EBF4FD; border-radius: 5px; } .new-product__delivery-text:nth-child(3) .new-product__delivery-item:first-child { margin-bottom: 20px; } .product-main-payment-item.new-product__delivery-item { margin-bottom: 0; } .new-product__delivery-item { margin: 0; width: 100%; display: flex; box-sizing: border-box; } .new-product__delivery-icn { margin-right: 12px; width: 30px; flex-shrink: 0; } .new-product__delivery-item-info span { display: block } .new-product__delivery-item-info strong, .new-product__delivery-item-info b { font-weight: 500; } .new-product__delivery-item-info a.js-info-trigger { line-height: 20px; color: #083571; font-weight: 500; text-decoration: none; transition: color 300ms; } .new-product__delivery-item-info a.js-info-trigger:hover { color: #4fa9e8; } .new-product__delivery-install { margin-top: 10px; } .new-product__delivery-install a { color: #083571; position: relative; text-decoration: none; } .new-product__delivery-install strong { padding-left: 4px; } .new-product__delivery-install a:after { content: ''; width: 100%; height: 0; position: absolute; left: 0; top: 100%; border-bottom: 1px dashed #083571; transition: border 300ms; } .new-product__delivery-install .install { padding: 15px; background-color: #EBF4FD; border-radius: 5px; } .product-main-payment-text .new-product__delivery-install a:visited { color: #083571; } .new-product__delivery-install a:hover:after { border-bottom: 1px dashed transparent; } .new-product__delivery-install span { margin-top: 10px; } .new-product__parameters { margin: 15px 0 0; width: 100%; flex: inherit; } .new-product__parameters-stock { padding-left: 15px; width: 100%; line-height: 20px; font-weight: 400; position: relative; box-sizing: border-box; } .new-product__parameters-stock:before { content: ''; margin-top: -3px; width: 6px; height: 6px; position: absolute; top: 50%; left: 0; background-color: #ADADAD; border-radius: 50%; } .new-product__parameters-stock[data-product-status="1"] { color: #6FCF97; } .new-product__parameters-stock[data-product-status="1"]:before { background-color: #6FCF97; } .new-product__parameters-stock[data-product-status="4"], .new-product__parameters-stock[data-product-status="5"] { color: #f15642; } .new-product__parameters-stock[data-product-status="4"]:before, .new-product__parameters-stock[data-product-status="5"]:before { background-color: #f15642; } .new-product__parameters-stock[data-product-status="3"] { color: #2F80ED; } .new-product__parameters-stock[data-product-status="3"]:before { background-color: #2F80ED; } .new-product__parameters-options-title { margin-bottom: 10px; line-height: 24px; font-weight: 500; } .new-product__parameters-all-options, .new-product__parameters-description, .new-product__parameters-collections { line-height: 18px; color: #083571; transition: color 300ms; cursor: pointer; } .new-product__parameters-all-options { margin-bottom: 25px; } .new-product__parameters-description { margin-bottom: 10px; margin-top: 25px; } .new-product__parameters-collections { margin-bottom: 10px; } .new-product__parameters-all-options:hover, .new-product__parameters-description:hover, .new-product__parameters-collections:hover { color: #4fa9e8; } @media(min-width: 560px) { .new-product__parameters { padding-top: 45px; width: 260px; flex-wrap: wrap; order: 2; } } @media(min-width: 768px) { .new-product__parameters-options-item.swiper-slide { display: flex; justify-content: center; align-items: center; white-space: normal; } .new-product__payment-header { margin: 0 0 20px; order: 1; } } @media(min-width: 980px) { .new-product__payment-header { margin: 0; } } @media(min-width: 1024px) { .new-product__parameters { width: 235px; } } @media(max-width: 768px) { .new-product__payment-header { margin: 15px 0; } .new-product__delivery { margin-top: 10px; } .new-product__parameters { margin-top: 10px; } .new-product__parameters-options { margin-bottom: 10px; } } /*new product detalis*/ /*new product slider*/ .swiper-slider-product { width: 100%; height: 100vh !important; min-height: 420px; max-height: calc(100vh - 305px); display: flex; justify-content: space-between; position: relative; overflow: hidden; margin-bottom: 20px; } .swiper-slider-product__thumbs-content { padding: 20px 0; position: relative; display: flex; } .swiper-slider-product__thumbs { padding-top: 4px; width: 80px; /*max-height: 476px;*/ max-height: 100%; height: auto; display: none; flex-shrink: 0; position: relative; overflow: hidden; box-sizing: border-box; } .slider__prev, .slider__next { position: absolute; z-index: 2; } .swiper-slider-product__big .slider__prev, .swiper-slider-product__big .slider__next { margin-top: -20px; width: 40px; height: 40px; top: 50%; background-color: rgba(0, 0, 0, 0.25); border-radius: 50%; transform: translateY(-50%); transition: background 300ms; } .swiper-slider-product__big .slider__prev:hover, .swiper-slider-product__big .slider__next:hover { background-color: rgba(0, 0, 0, 0.1); } .swiper-slider-product__big .slider__prev:before, .swiper-slider-product__big .slider__next:before { content: ''; margin-top: -7px; width: 14px; height: 14px; position: absolute; top: 50%; left: 50%; border-bottom: 2px solid #fff; } .swiper-slider-product__big .slider__prev:before { margin-left: -5px; border-left: 2px solid #fff; transform: rotate(45deg); } .swiper-slider-product__big .slider__next:before { margin-left: -8px; border-right: 2px solid #fff; transform: rotate(-45deg); } .swiper-slider-product__big .slider__prev { left: 0; } .swiper-slider-product__big .slider__next { right: 0; } .swiper-slider-product__big .swiper-button-disabled { background-color: rgba(0, 0, 0, 0.1); cursor: default; } .swiper-slider-product__thumbs-content .slider__next, .swiper-slider-product__thumbs-content .slider__prev { width: 100%; height: 20px; display: flex; align-items: center; justify-content: center; left: 0; cursor: pointer; /* background-color: #fff; */ } .swiper-slider-product__thumbs-content .slider__next { bottom: 0; } .swiper-slider-product__thumbs-content .slider__prev { top: -1px; transform: rotate(180deg); } .swiper-slider-product__thumbs-content .slider__next svg, .swiper-slider-product__thumbs-content .slider__prev svg { transition: opacity 300ms; } .swiper-slider-product__thumbs-content .slider__next:hover svg, .swiper-slider-product__thumbs-content .slider__prev:hover svg { opacity: 0.5; } .swiper-slider-product__thumbs-content .swiper-button-disabled svg, .swiper-slider-product__thumbs-content .swiper-button-disabled svg { opacity: 0.5; cursor: default; } .swiper-slider-product__image { background-color: #fff; } .swiper-slider-product__image .product-main-slider-item { width: 100%; height:100%; display: flex !important; align-items: center; justify-content: center; border: 0; background-color: #fff; } .swiper-slider-product__image .product-main-slider-item img { max-height: 100% !important; } .swiper-slider-product__thumbs .swiper-slider-product__image.swiper-slide { width: 80px; height: 80px; display: flex; align-items: center; justify-content: center; overflow: hidden; border: 1px solid transparent; border-radius: 4px; box-sizing: border-box; cursor: pointer; } .swiper-slider-product__thumbs .swiper-slider-product__image.swiper-slide-thumb-active { border-color: #16396E; } .swiper-slider-product__big { padding-bottom: 40px; width: 100%; height: auto; position: relative; overflow: hidden; box-sizing: border-box; } .swiper-slider-product__big-bottom { width: 100%; display: flex; align-items: center; justify-content: center; position: absolute; left: 0; bottom: 0; } .videolink { margin-left: 50px; display: flex; align-items: center; color: #707070; letter-spacing: 0.02px; text-decoration: none; transition: color 300ms; } a.videolink { color: #707070; } .swiper-slider-product__big-bottom-icn { margin-right: 8px; display: block; } .videolink:hover { color: #4fa9e8; } .videolink .swiper-slider-product__big-bottom-icn { height: 14px; } .videolink .swiper-slider-product__big-bottom-icn path { transition: stroke 300ms; } .videolink:hover .swiper-slider-product__big-bottom-icn path { stroke: #4fa9e8; } .swiper-slider-product__big .swiper-slider-product__image .videolink { margin: 0; width: 100%; height: 100%; display: flex; align-items: center; justify-content: center; } .swiper-slider-product__big .swiper-slider-product__image .swiper-slider-product__big-bottom-icn { margin: 0; width: 50%; height: 50%; } .swiper-slider-product__big .swiper-slider-product__image .swiper-slider-product__big-bottom-icn svg { width: 100%; height: 100%; } .swiper-slider-product__big .swiper-slider-product__image .swiper-slider-product__big-bottom-title { display: none; } .swiper-slider-product__thumbs .videolink { margin: 0; } .swiper-pagination-wrap { display: inline-flex; align-items: center; } .swiper-pagination-wrap .swiper-slider-product__big-bottom-icn { height: 16px; } .swiper-slider-product__big-bottom .swiper-pagination { line-height: 18px; position: static; } @media(min-width: 768px) { .swiper-slider-product { order: 2; } .swiper-slider-product__thumbs { display: block; } .swiper-slider-product__big { padding-bottom: 0; width: calc(100% - 100px); } .swiper-slider-product__big-bottom { display: none; } .swiper-slider-product__big .slider__prev, .swiper-slider-product__big .slider__next { display: none; } } /*new product slider*/ .product-variants-content { padding: 0; } /*documents list*/ .new-product__doclist { margin: 0 auto; padding: 0; max-width: 1350px; width: 100%; display: flex; gap: 10px; align-items: flex-start; background-color: #fff; box-sizing: border-box; flex-direction: column; } .new-product__doclist-item { max-width: 350px; display: inline-flex; align-items: flex-start; line-height: 16px; color: #707070; text-decoration: none; align-items: center; } .new-product__doclist-item-icn { margin-right: 5px; width: 32px; height: 32px; display: block; flex-shrink: 0; } @media(max-width: 1024px) { .new-product__doclist { display: none; } } /*documents list*/ /*tabs*/ /*===========tab header===========*/ .new-product__tab-content { padding: 0; } .new-product__main-tabs { padding: 30px 0; width: 100%; display: flex; overflow: hidden; } .new-product__main-tabs .product-main-tab:first-child { padding: 0 0px 0 10px; width: auto; height: auto; line-height: 20px; transition: color 300ms; user-select: none; box-sizing: border-box; text-align: left; } .new-product__main-tabs .product-main-tab { padding: 0 10px 0 30px; width: auto; height: auto; line-height: 20px; transition: color 300ms; user-select: none; box-sizing: border-box; text-align: left; overflow: visible; } @media (max-width: 659px) { .new-product__main-tabs .product-main-tab { transition: color 0ms; } } @media (min-width: 660px) { .new-product__main-tabs .product-main-tab:hover { color: #41A7E4; } } .new-product__main-tabs .product-main-tab:after { display: none; } .new-product__main-tabs .product-main-tab span { padding-bottom: 6px; position: relative; white-space: nowrap; } .new-product__main-tabs .product-main-tab span:before { content: ''; width: 0; height: 3px; position: absolute; bottom: 0; left: 50%; background-color: #41A7E4; border-radius: 2px; transform: translateX(-50%); transition: width 300ms; } .new-product__main-tabs .product-main-tab.review-midle-link span:before{ background-color: #FFFFFF; } @media (min-width: 660px) { .new-product__main-tabs .product-main-tab:hover span:before { width:0; } } .new-product__main-tabs .product-main-tab.is-active span:before, .new-product__main-tabs .product-equipment-tab.is-active span:before { width: 100%; } @media(max-width: 920px) { .new-product__main-tabs .product-main-tab { width: auto; } } /*===========tab header===========*/ /*===========tab content description===========*/ .new-product__description { padding: 0 15px 40px; width: 100%; display: flex; gap: 30px; box-sizing: border-box; } .product-main-spoiler > .spoiler-body { padding-top: 0; } .new-product__description-box { padding: 30px; width: 400px; /*display: flex; align-items: flex-start; justify-content: space-between;*/ background-color: #F7F7F7; border: 1px solid #EAEAEA; border-radius: 10px; box-sizing: border-box; } .new-product__description-text p { margin: 0; } .new-product__description-text .description__block-get-cons { background: url("/local/templates/aquanet_new/css/../images/detail/form_conslt.svg") top left no-repeat; padding: 168px 0px 50px 36px; margin: 20px 0px 0px 0px; } .new-product__description-text .description__block-get-cons .product-combo__btn__desctop { display: flex; } .new-product__description-text .description__block-get-cons .product-combo__btn__mobile, .under-block-phone-chat__mobile { display: none; } @media (max-width: 660px) { .new-product__description-text .description__block-get-cons { background: url("/local/templates/aquanet_new/css/../images/detail/form_conslt_mobile.svg") top left no-repeat; padding: 310px 0 40px 20px; margin: 20px auto 0; background-size: 100%; } .new-product__description-text .description__block-get-cons .product-combo__btn__desctop { display: none; } .new-product__description-text .description__block-get-cons .product-combo__btn__mobile { display: flex; } .under-block-phone-chat__mobile { position: absolute; padding: 0px 0px; margin: 18px 0px 0px 86px; } .under-block-phone-chat__mobile .cons-phone { background: url("/local/templates/aquanet_new/css/../images/detail/phone.svg") top left no-repeat; padding: 27px 27px 26px 26px; margin: 0px 0px 0px 0px; float: left; cursor: pointer; } .under-block-phone-chat__mobile .cons-chat { background: url("/local/templates/aquanet_new/css/../images/detail/mail.svg") top left no-repeat; padding: 27px 27px 26px 26px; margin: 0px 0px 0px 80px; cursor: pointer; } } .new-product__description-box .desc__first-line { display: flex; align-items: flex-start; justify-content: space-between; } .new-product__description-box .desc__second-line { display: flex; align-items: flex-start; justify-content: space-between; background-color: #FFF; margin-top: 10px; padding: 20px 0px; } .new-product__description-box .name{ font-size: 120%; } .new-product__description-box .value{ font-weight: bold; } .warranty__box { background: url("/local/templates/aquanet_new/css/../images/detail/guardian.svg") top left no-repeat; } .refund__box { background: url("/local/templates/aquanet_new/css/../images/detail/icon_ruble.svg") top left no-repeat; } .desc__second-line .warranty__box, .desc__second-line .refund__box { padding: 40px 0px 0px; margin: auto; line-height: 20px; } .new-product__description-more { margin-top: 10px; display: inline-flex; line-height: 20px; color: #083571; text-decoration: none; } .new-product__description-more:hover { transition: color 300ms; } .new-product__description-tags { padding: 0 15px 40px; width: 100%; } .new-product__description-tags-title { padding-top: 40px; line-height: 20px; font-weight: 500; border-top: 1px solid #EAEAEA; } .new-product__description-tags-list { margin-top: 20px; width: 100%; display: flex; flex-wrap: wrap; gap: 15px; } .new-product__description-tags-item { line-height: 18px; white-space: nowrap; border: 1px solid #EAEAEA; border-radius: 20px; overflow: hidden; } .new-product__description-tags-item a, .new-product__description-tags-item.show-all { padding: 7px 13px; display: block; color: #333; text-decoration: none; background-color: #F7F7F7; transition: opacity 300ms; } .new-product__description-tags-item a:hover, .new-product__description-tags-item.show-all:hover { opacity: 0.7; } .new-product__peculiarities { margin-top: 40px; line-height: 20px; } .new-product__peculiarities-title { margin-bottom: 20px; font-weight: 500; } .new-product__equipment { width: auto; } .new-product__equipment-title { line-height: 20px; font-weight: 500; } .new-product__equipment li:before { width: 4px; height: 4px; top: 50%; left: 5px; background-color: #333; transform: translateY(-50%); } .new-product__equipment--dounload li { padding-left: 0; } .new-product__equipment li a { display: flex; align-items: center; color: #083571; text-decoration: none; transition: color 300ms; } .new-product__equipment li a path { transition: fill 300ms; } .new-product__equipment li a:hover { color: #4fa9e8; } .new-product__equipment li a:hover path { fill: #4fa9e8; } .new-product__equipment--dounload li:before { display: none; } @media(max-width: 1024px) { .new-product__description { flex-direction: column; } .new-product__peculiarities-title { margin-bottom: 5px; } } @media(max-width: 465px) { .new-product__description-box { width: 100%; flex-direction: column; } .new-product__equipment--dounload { margin-top: 20px; } } /*===========tab content description===========*/ /*===========tab specs===========*/ .new-product__spoiler-body { /* padding-top: 10px; */ width: 100%; display: flex; } .new-product__spoiler-column { width: 100%; } .new-product__spoiler-column:first-child { margin-right: 30px; width: 310px; flex-shrink: 0; } .new-product__spoiler-list { width: 100%; } .new-product__spoiler-list .swiper-wrapper { flex-direction: column; } .new-product__spoiler-item { margin-bottom: 10px; width: auto; display: flex; align-items: center; position:relative; box-sizing: border-box; } .new-product__spoiler-item:first-child:before { content: ''; width: 3px; height: 100%; position: absolute; top: 0; right:0; background-color: #41A7E4; box-shadow: 0 0 4px rgba(0, 0, 0, 0.25); } .new-product__spoiler-item-img { margin-right: 10px; width: 110px; flex-shrink: 0; } .new-product__spoiler-item-title { line-height: 20px; } .new-product__specs { width: 100%; } .new-product__specs-title { margin-bottom: 20px; line-height: 20px; font-size: 16px; font-weight: 700; } .new-product__specs-list { width: 100%; margin: 25px 0 0; display: flex; flex-wrap: wrap; gap: 10px 30px; } .new-product__specs-list.active { margin-bottom: 20px; } .new-product__specs-item { margin: 0; padding: 0; width: calc(50% - 15px); display: flex; align-items: flex-start; justify-content: space-between; line-height: 20px; position: relative; } .new-product__specs-item:before { display: none; } .new-product__specs-item:after { content: ''; width: 100%; height: 0; position: absolute; top: 80%; left: 0; border-bottom: 1px dashed #BDBDBD; } .new-product__specs-item:first-child { width: 100%; font-size: 16px; font-weight: 500; } .new-product__specs-item:first-child:after { display: none; } .new-product__specs-item-label, .new-product__specs-item-val { position: relative; z-index: 1; background-color: #fff; } .new-product__specs-item-label { padding-right: 10px; color: #BDBDBD; } .new-product__specs-item-val { padding-left: 10px; } .new-product__specs-item-val a { color: #083571; text-decoration: none; transition: color 300ms; } .new-product__specs-item-val a:hover { color: #41A7E4; } .new-product__specs-theme { margin-top: 25px; padding-bottom: 40px; } .new-product__specs-theme-title { margin-bottom: 10px; width: 100%; font-size: 16px; font-weight: 500; } @media(max-width: 1150px) { .new-product__specs-item { width: 100%; } } @media(max-width: 768px) { .new-product__spoiler-body { flex-direction: column; } .new-product__specs { padding-bottom: 20px; } .new-product__spoiler-column:first-child { width: 100%; } .new-product__spoiler-list { padding-bottom: 20px; width: 100%; overflow: hidden; } .new-product__spoiler-list .swiper-wrapper { flex-direction: row; } .new-product__spoiler-item { margin-bottom: 0; padding: 0 10px; width: 180px !important; flex-shrink: 0; flex-direction: column; } .new-product__spoiler-item:first-child:before { display: none; } .new-product__spoiler-item-img { margin: 0 0 6px; position: relative; } .new-product__spoiler-item:first-child .new-product__spoiler-item-img:before { content: ''; width: 3px; height: 100%; position: absolute; top: 0; right: -20px; background-color: #41A7E4; box-shadow: 0 0 4px rgb(0 0 0 / 25%); } .new-product__specs-list { margin-top: 0; gap: 0; border-top: 1px solid #BDBDBD; } .new-product__specs-item { height: 0; overflow: hidden; } .new-product__specs-item.show { height: auto; } .new-product__specs-item:first-child { padding: 20px 0; height: auto; position: relative; } .new-product__specs-item.first:before { content: ''; margin-top: -7px; width: 12px; height: 12px; display: block; position: absolute; top: 50%; right: 5px; left: auto; border-bottom: 2px solid #013874; border-right: 2px solid #013874; background: none; border-radius: 0; transform: rotate(45deg); } .new-product__specs-item-label, .new-product__specs-item-val { margin-top: 10px; } .new-product__specs-list.active .new-product__specs-item.first:before { margin-top: -1px; transform: rotate(-135deg); } .new-product__specs-theme { margin: 0; padding-bottom: 0; border-top: 1px solid #BDBDBD; border-bottom: 1px solid #BDBDBD; } .new-product__specs-theme-title { margin: 0; padding: 20px 0; position: relative; } .new-product__specs-theme-title:before { content: ''; margin-top: -7px; width: 12px; height: 12px; display: block; position: absolute; top: 50%; right: 5px; left: auto; border-bottom: 2px solid #013874; border-right: 2px solid #013874; transform: rotate(45deg); } .new-product__specs-theme.active .new-product__specs-theme-title:before { margin-top: -1px; transform: rotate(-135deg); } .new-product__specs-theme-img { height: 0; overflow: hidden; } .new-product__specs-theme-img.show { margin-bottom: 20px; height: auto; } .slider-feedback__wrapper{ flex-direction: column; } } .slider-feedback>button,.slider-feedback>a{ display: none; } /*===========tab specs===========*/ /*===========variation tab===========*/ .variation { padding: 0 15px 25px; width: 100%; box-sizing: border-box; } .variation__body .swiper-wrapper { flex-direction: column; } .variation__header, .variation__body-line { display: flex; gap: 0 190px } .variation__title-mob { margin-bottom: 5px; line-height:20px; color: #ADADAD; font-weight: 500; display: none; } .variation__header { padding-bottom: 12px; border-bottom: 1px solid #DCDCDC; } .variation__body-line { padding: 20px 0; border-bottom: 1px solid #DCDCDC; } .variation__item { display: flex; line-height: 20px; } .variation__header .variation__item { color: #ADADAD; font-weight: 500; white-space: nowrap; } .variation__item--product { max-width: 330px; width: 100%; } .variation__item--product a { color: #333; text-decoration: none; } .variation__item--profile { width: 130px; flex-shrink: 0; } .variation__item--price { width: 80px; flex-shrink: 0; flex-direction: column; } .variation__product-img { margin-right: 30px; width: 110px; flex-shrink: 0; } .variation__body .variation__item--profile { flex-direction: column; } .variation__body .variation__item--price { font-weight: 500; } @media(max-width: 1024px) { .variation__header, .variation__body-line { gap: 0 30px; justify-content: space-between; } } @media(max-width: 680px) { .variation__header { display: none; } .variation__body { display: flex; gap: 10px; overflow: hidden; } .variation__body .swiper-wrapper { flex-direction: row; /* gap: 10px; */ } .variation__body-line { width: 150px !important; flex-direction: column; border: none; } .variation__title-mob { display: block; } .variation__item--product { flex-direction: column; } .variation__product-img { margin: 0 0 10px; } .variation__item--price, .variation__item--profile { margin-top: 20px; } } /*===========variation tab===========*/ /*===========reviews tab===========*/ .reviews { padding: 10px 0 20px; width: 100%; box-sizing: border-box; } .reviews__columns { width: 100%; display: flex; align-items: flex-start; gap: 0 40px; } .reviews__column { width: 100%; } .reviews__column:last-child { max-width: 570px; width: 100%; } .rating__info { padding: 20px 47px 30px; width: 100%; background-color: #F7F7F7; border-radius: 5px; box-sizing: border-box; } .rating__info.hide { display: none; } .rating__info-header { margin-bottom: 25px; padding-bottom: 10px; width: 100%; display: flex; align-items: center; justify-content: space-between; line-height: 35px; font-size: 28px; font-weight: 700; letter-spacing: 2%; border-bottom: 1px solid #C7C7C7; } .rating__info-header .new-rating { width: 160px; height: 22px; } .rating__info-header .new-rating__progres { width: 93%; } .rating__info-header .new-rating__progres:before { width: 160px; } .rating__info-line { margin-top: 10px; width: 100%; display: flex; align-items: center; justify-content: space-between; } .rating__info-line .new-rating { margin-right: 10px; width: 90px; height: 14px; flex-shrink: 0; } .rating__info-line .new-rating__progres:before { width: 90px; } .rating__info-line .rating-star { width: 14px; height: 14px; } .rating__info-progress { width: 100%; height: 4px; position: relative; background-color: #D9D9D9; } .rating__info-progress span { height: 100%; position: absolute; top: 0; left: 0; background-color: #C06B1B; } .rating__info-line .rating__info-val { margin-left: 10px; width: 75px; flex-shrink: 0; line-height: 18px; font-weight: 500; white-space: nowrap; } .rating__info .user-feed-controls { margin-top: 30px; width: 100%; } .rating__info .user-feed-controls .btn { width: 100%; height: 48px; } .reviews__list.hide { display: none; } .reviews__list-item { padding: 40px 0; width: 100%; line-height: 18px; border-top: 1px solid #E1E1E1; } .reviews__list-item:first-child { padding-top: 0; border: 0; } .reviews__list-name { margin-bottom: 20px; line-height: 18px; font-weight: 700; letter-spacing: 2%; } .reviews__list-item .new-rating { width: 90px; height: 14px; } .reviews__list-item .new-rating__progres:before { width: 90px; } .reviews__list-box { margin-top: 20px; } .reviews__list-box-title { margin-bottom: 5px; font-weight: 700; letter-spacing: 0.02px; } .reviews__list-box p { margin: 0; } .reviews__likes { margin-top: 25px; display: flex; align-items: center; line-height: 17px; letter-spacing: 0.02px; } .reviews__likes.inactive { position:relative; } .reviews__likes.inactive:before { position:absolute; left:0; top:-2px; right:0; bottom:-2px; content:""; z-index:2; } .reviews__likes.inactive * { opacity:.8; } .reviews__like-up, .reviews__like-down { display: inline-flex; align-items: center; cursor: pointer; } .reviews__like-up:hover path, .reviews__like-up.active path, .reviews__like-down:hover path, .reviews__like-down.active path { fill: #013874; } .reviews__like-up { margin-right: 20px; } .reviews__like-icn { margin-right: 10px; width: 16px; height: 17px; } .reviews__add { padding-bottom: 40px; width: 100%; display: none; } .reviews__add.show { display: block; } .reviews__add-back { margin-bottom: 30px; padding-left: 20px; line-height: 16px; font-size: 16px; position: relative; cursor: pointer; transition: color 300ms; } .reviews__add-back:hover { color: #013874; } .reviews__add-back:before { content: ''; width: 10px; height: 10px; position: absolute; top: 50%; left: 0; border-left: 2px solid #013874; border-bottom: 2px solid #013874; transform: translateY(-50%) rotate(45deg); } .reviews__add-title { margin-bottom: 30px; line-height: 30px; font-size: 24px; color: #252525; } .reviews__add-rating { margin-bottom: 30px; display: flex; align-items: center; } .reviews__add-rating-label { margin-right: 20px; line-height: 20px; font-weight: 500; } .reviews__add .rating-star { cursor: pointer; } .reviews__add-fields { margin-top: 30px; width: 100%; } .reviews__add-fields-title { line-height: 20px; font-weight: 500; } .reviews__add .reply-form-input { margin: 15px 0 0; width: 100%; } .reviews__add .reply-form-row { margin: 0; } .reviews__add label { margin-bottom: 7px; height: 19px; display: block; line-height: 20px; color: #828282; } .reviews__add textarea { padding: 10px 20px; width: 100%; height: 90px; border: 1px solid #CFCFCF; border-radius: 30px; box-sizing: border-box; } .reviews__add input[type="text"] { padding: 0 20px; width: 100%; height: 55px; border: 1px solid #CFCFCF; border-radius: 30px; box-sizing: border-box; } .reviews__add .processing-permission { margin: 30px 0 0; width: 100%; display: flex; align-items: center; justify-content: center; } .reviews__add .processing-checkbox { display: block; border: 2px solid #979797; } .reviews__add .processing-checkbox-label { flex: inherit; } .reviews__add .processing-checkbox-label { padding: 0; } .reviews__add .reply-form-submit { margin-top: 30px; } .reviews__add .btn { width: 100%; height: 45px; } @media(max-width: 920px) { .reviews__columns { flex-direction: column; } .reviews__column:first-child { order: 1; } .rating__info { margin-bottom: 20px; } } @media(max-width: 550px) { .reviews { /*margin-left: -20px; padding: 0 0 20px; width: calc(100% - 20px);*/ } .container-review-tabs { padding-left: 15px; } .rating__info { padding: 22px 30px; } .reviews__list { padding: 0 20px; } .reviews__list-item { padding: 20px 0; } .reviews__add { padding: 0 20px; } } /*===========reviews tab===========*/ /*===========faq tab===========*/ .new-product__tab-content .user-feed.user-feed-faq .user-feed-controls { justify-content: flex-start; } .new-product__tab-content .user-feed.user-feed-faq .user-feed-controls { margin-top: 0; } .new-product__tab-content .user-feed-body { margin: 0; } /*===========faq tab===========*/ /*tabs*/ /*advantages block*/ .advantages-block { padding: 60px 0; background-color: #f7f7f7; box-sizing: border-box; } .advantages-block__title { margin-bottom:20px; line-height: 32px; font-size: 24px; } .advantages-block__list { width: 100%; display: flex; align-items: center; justify-content: space-between; gap: 10px; } .advantages-block__list-item { width: 33%; background-color: #fff; border-radius: 5px; box-shadow: 0px 0px 10px rgba(159, 162, 191, 0.6); } .advantages-block__list-item a { padding: 25px 46px 25px 30px; display: flex; align-items: center; color: #333; text-decoration: none; position: relative; } .advantages-block__list-item a:before { content: ''; margin-top: -6px; width: 12px; height: 12px; position: absolute; right: 20px; top: 50%; border-bottom: 2px solid #013874; border-right: 2px solid #013874; transform: rotate(-45deg); } .advantages-block__list-icn { margin-right: 20px; width: 72px; display: block; flex-shrink: 0; } .advantages-block__list-icn svg { width: 100%; display: block; } .advantages-block__list-title { line-height: 20px; font-weight: 700; text-transform: uppercase; } @media(max-width: 1430px) { .advantages-block { padding: 60px 30px; } } @media(max-width: 980px) { .advantages-block__list-icn { width: 48px; } .advantages-block__list-item a { padding: 20px 46px 20px 20px; } .advantages-block__list-title { font-weight: 500; } } @media(max-width: 850px) { .advantages-block { margin: 0 auto; padding:50px 20px 30px; } .advantages-block__list { margin: 0 auto; max-width: 420px; flex-direction: column; } .advantages-block__list-item { width: 100%; } .advantages-block__title { margin: 0 auto 20px; max-width: 420px; line-height: 26px; font-size: 20px; } } /*advantages block*/ /*discount banner*/ .discount__banner { padding-top: 20px; background-color: #fff; } .discount__banner-bg { margin: 0 auto; padding: 30px 40px; max-width: 1350px; width: 100%; overflow: hidden; border-radius: 5px; background-color: #F7F7F7; box-sizing: border-box; } @media(min-width: 660px) { .discount__banner-bg { padding: 30px 42px; } } .discount__banner-content { margin: 0 auto; max-width: 994px; width: 100%; display: flex; flex-direction: column; align-items: center; text-align: center; position: relative; } .discount__banner-title { margin-bottom: 20px; line-height: 28px; font-size: 22px; color: #333; font-weight: 500; } .discount__banner-title a { color: #083571; text-decoration: none; transition: color 300ms; } .discount__banner-title a:hover { color: #4fa9e8; } .discount__banner-img { margin: 0 auto 20px; width: 173px; } .discount__banner-content form { width: 100%; } .discount__banner-form { margin-bottom:20px; width: 100%; display: flex; flex-direction: column; } .discount__banner-form .reply-form-input, .discount__banner-form .reply-form-submit { width: 100%; } .discount__banner-form .reply-form-input { margin: 0 0 20px; } .discount__field { padding: 0 25px; width: 100%; height: 54px; border: 0; border-radius: 5px; background-color: #fff; box-sizing: border-box; } .discount__banner-form .reply-form-submit { margin: 0; } .discount__banner-form .btn { width: 100%; height: 54px; border-radius: 5px; } .discount__banner-bottom { width: 100%; line-height: 18px; } .discount__banner-info { display: flex; justify-content: center; align-items: center; white-space: nowrap; } .discount__banner-info svg { margin-right: 7px; } .ofera { margin-top: 20px; } @media(min-width: 680px) { .discount__banner { margin-bottom: -20px; padding: 33px 35px 40px; } .discount__banner-content { padding-right: 234px; } .discount__banner-img { position: absolute; top: 50%; right: 0; transform:translateY(-50%); } } @media(min-width: 1024px) { .discount__banner-title { line-height: 30px; font-size: 24px; text-align: left; } .discount__banner-form { flex-direction: row; } .discount__banner-form .reply-form-input { margin: 0; } .discount__field { border-radius: 5px 0 0 5px; } .discount__banner-form .btn { border-radius: 0 5px 5px 0; } .discount__banner-info { justify-content: flex-start; } .ofera { text-align: left; } } @media(min-width: 1200px) { .discount__banner-bottom { display: flex; align-items: flex-start; gap: 35px; } .ofera { margin-top: 0; } } .cart-content[data-type="desktop"] .cart-item-total, .cart-content[data-type="desktop"] .cart-item-price, .items-popup .cart-content[data-type="desktop"] .cart-item-amount, .cart-content[data-type="desktop"] .cart-header-item { text-align: left; } .cart-content[data-type="desktop"] .cart-item-total._without-old-price { text-align: right; } .cart-content-fixed { position: fixed; width: 100%; border-bottom: 1px solid #f2f2f2; background: white; } .items-popup-overlay .scroll-element_outer { top: 75px; } #paysystem-yookassa p.mb-4 { display:none; } #paysystem-yookassa .alert { display:none; } .brands-navigation { background: white; margin-top: 20px; padding: 23px; } .alphabet-latinica { color: #013874 !important; font-weight: 500; } .alphabet-kirillica { color: #013874 !important; font-weight: 800; } .cart-process .cart-process-summary-col { padding-left: 0; padding-right: 0; } .cart-process .cart-process-address { margin-left: 0; margin-right: 0; } .sale_order_props { padding-top: 10px; } .cart-process-row[data-property-id-row="6"], .cart-process-row[data-property-id-row="row-address"], .cart-process-row[data-property-id-row="row-date-time"] { margin-top: 0; } .best2pay-text { margin-bottom: 20px; } /*scroll*/ @media(max-width: 680px) { .cart-item__set { margin-top: 20px; } .cart-item__set-header { padding: 20px 35px; flex-direction: column; } .cart-item__set-title { margin-bottom: 10px; } .cart-item__set-subtitle { margin-bottom: 10px; } .cart-item__set-column { width: 100%; } .cart-item__set-info { width: 100%; flex-direction: column; } .cart-item__set-price { margin-top: 20px; flex-direction: row; flex-wrap: wrap; justify-content: space-between; } .cart-item__set-price--old { width: 100%; order: 1; } .cart-item__set-body-item { padding:20px 30px; flex-direction: column; position: relative; } .cart-item-content-column { width: 100%; flex-direction: column; } .cart-item-content-title { margin-bottom: 10px; } .cart-item__set-body-item-img { margin: 0; width: 140px; height: 160px; position: absolute; bottom: 20px; left: 30px; } .cart-item__set-body-item-img img { height: 100%; width: auto; } .cart-item__set-body-item .cart-item__set-info { padding: 0 0 60px 160px; height: 160px; justify-content: flex-start; box-sizing: border-box; } .cart-item__set-count { margin: 0; text-align: left; } .cart-item__set-body-item-price { margin: 20px 0 0; } } @media(max-width: 400px) { .btn__cart-add { width: 145px; } } .combo-open body { width: 100%; position: fixed; left: 0; height: auto; } #popup-images { padding: 30px 20px; } @media(max-width: 767px) { #popup-images .product-main-images-body { padding: 0; } #popup-images .product-main-slider-item img { margin: 0 auto !important; max-width: 100% !important; width: auto; } #popup-images .product-main-images-footer { margin-top: 10px; } } /* Новая страница новогодней акции */ .page-new-action { display: flex; flex-direction: column; align-items: center; gap: 30px; padding-top: 30px; padding-bottom: 30px; } .page-new-action p { margin: 0; } .page-new-action::before, .page-new-action::after { display: none; } .page-new-action__title { text-align: center; margin: 0; } .page-new-action__subtitle { text-align: center; font-size: 20px; line-height: 30px; margin: 0; } .page-new-action__subtitle span { font-weight: 500; color: #EE312D; } .page-new-action__box { display: flex; flex-direction: column; gap: 30px; } .page-new-action__col p { font-weight: 400; font-size: 14px; line-height: 23px; color: #333333; margin-bottom: 34px; text-align: center; } .page-new-action__col img { display: inline-block; width: 100%; } .page-new-action__code { font-weight: 500; font-size: 20px; line-height: 30px; text-align: center; text-transform: uppercase; display: flex; align-items: center; justify-content: center; border: 2px dashed #0F3A61; border-radius: 15px; height: 90px; position: relative; } .page-new-action__code::before { content: ''; background-image: url("data:image/svg+xml,%3Csvg width='32' height='28' viewBox='0 0 32 28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='path-1-outside-1_212_120' maskUnits='userSpaceOnUse' x='-0.241456' y='-1.1365e-06' width='32' height='28' fill='black'%3E%3Crect fill='white' x='-0.241456' y='-1.1365e-06' width='32' height='28'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.7585 20.1436C25.1396 21.2156 23.7688 21.5829 22.6968 20.964L13.0325 15.3843C12.8355 15.4508 12.6245 15.4868 12.405 15.4868C11.8769 15.4868 11.3976 15.2781 11.045 14.9386L9.54329 15.8364C10.9007 16.4533 11.8446 17.821 11.8446 19.4092C11.8446 21.5754 10.0885 23.3315 7.92231 23.3315C5.75606 23.3315 3.99998 21.5754 3.99998 19.4092C3.99998 17.9803 4.76397 16.7299 5.90575 16.0442L5.88649 16.012L9.94634 13.5848L6.40625 11.5409C4.99278 10.948 3.99997 9.55112 3.99998 7.92233C3.99998 5.75609 5.75606 4 7.9223 4C10.0885 4 11.8446 5.75609 11.8446 7.92233C11.8446 9.50231 10.9104 10.8641 9.56429 11.4855L10.9065 12.2604C11.2663 11.8348 11.8041 11.5645 12.405 11.5645C12.6529 11.5645 12.89 11.6105 13.1084 11.6944L22.6487 5.99062C23.7112 5.35543 25.0874 5.70179 25.7226 6.76425L14.366 13.5539L14.3658 13.566L25.7585 20.1436ZM6.76848 17.4873C6.1169 17.8793 5.68101 18.5933 5.68101 19.4092C5.68101 20.647 6.68449 21.6505 7.92235 21.6505C9.1602 21.6505 10.1637 20.647 10.1637 19.4092C10.1637 18.1713 9.1602 17.1678 7.92235 17.1678C7.56547 17.1678 7.22807 17.2512 6.92859 17.3996L6.77204 17.4932L6.76848 17.4873ZM12.7861 12.7763C12.6717 12.718 12.5422 12.6852 12.405 12.6852C11.9408 12.6852 11.5645 13.0615 11.5645 13.5257C11.5645 13.639 11.587 13.7471 11.6276 13.8457C11.7535 14.1512 12.0542 14.3661 12.405 14.3661C12.492 14.3661 12.576 14.3529 12.6549 14.3284C12.688 14.3181 12.7203 14.3058 12.7515 14.2916C13.0428 14.1596 13.2455 13.8663 13.2455 13.5257C13.2455 13.1987 13.0588 12.9153 12.7861 12.7763ZM5.68101 7.92233C5.68101 9.16018 6.68449 10.1637 7.92234 10.1637C9.1602 10.1637 10.1637 9.16019 10.1637 7.92233C10.1637 6.68448 9.1602 5.681 7.92234 5.681C6.68449 5.681 5.68101 6.68448 5.68101 7.92233Z'/%3E%3C/mask%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M25.7585 20.1436C25.1396 21.2156 23.7688 21.5829 22.6968 20.964L13.0325 15.3843C12.8355 15.4508 12.6245 15.4868 12.405 15.4868C11.8769 15.4868 11.3976 15.2781 11.045 14.9386L9.54329 15.8364C10.9007 16.4533 11.8446 17.821 11.8446 19.4092C11.8446 21.5754 10.0885 23.3315 7.92231 23.3315C5.75606 23.3315 3.99998 21.5754 3.99998 19.4092C3.99998 17.9803 4.76397 16.7299 5.90575 16.0442L5.88649 16.012L9.94634 13.5848L6.40625 11.5409C4.99278 10.948 3.99997 9.55112 3.99998 7.92233C3.99998 5.75609 5.75606 4 7.9223 4C10.0885 4 11.8446 5.75609 11.8446 7.92233C11.8446 9.50231 10.9104 10.8641 9.56429 11.4855L10.9065 12.2604C11.2663 11.8348 11.8041 11.5645 12.405 11.5645C12.6529 11.5645 12.89 11.6105 13.1084 11.6944L22.6487 5.99062C23.7112 5.35543 25.0874 5.70179 25.7226 6.76425L14.366 13.5539L14.3658 13.566L25.7585 20.1436ZM6.76848 17.4873C6.1169 17.8793 5.68101 18.5933 5.68101 19.4092C5.68101 20.647 6.68449 21.6505 7.92235 21.6505C9.1602 21.6505 10.1637 20.647 10.1637 19.4092C10.1637 18.1713 9.1602 17.1678 7.92235 17.1678C7.56547 17.1678 7.22807 17.2512 6.92859 17.3996L6.77204 17.4932L6.76848 17.4873ZM12.7861 12.7763C12.6717 12.718 12.5422 12.6852 12.405 12.6852C11.9408 12.6852 11.5645 13.0615 11.5645 13.5257C11.5645 13.639 11.587 13.7471 11.6276 13.8457C11.7535 14.1512 12.0542 14.3661 12.405 14.3661C12.492 14.3661 12.576 14.3529 12.6549 14.3284C12.688 14.3181 12.7203 14.3058 12.7515 14.2916C13.0428 14.1596 13.2455 13.8663 13.2455 13.5257C13.2455 13.1987 13.0588 12.9153 12.7861 12.7763ZM5.68101 7.92233C5.68101 9.16018 6.68449 10.1637 7.92234 10.1637C9.1602 10.1637 10.1637 9.16019 10.1637 7.92233C10.1637 6.68448 9.1602 5.681 7.92234 5.681C6.68449 5.681 5.68101 6.68448 5.68101 7.92233Z' fill='%230F3A61'/%3E%3Cpath d='M22.6968 20.964L24.6968 17.4999L24.6968 17.4999L22.6968 20.964ZM25.7585 20.1436L29.2226 22.1436L31.2226 18.6795L27.7585 16.6795L25.7585 20.1436ZM13.0325 15.3843L15.0325 11.9202L13.4666 11.0161L11.7535 11.5943L13.0325 15.3843ZM11.045 14.9386L13.8193 12.0571L11.6167 9.93645L8.9924 11.5054L11.045 14.9386ZM9.54329 15.8364L7.49072 12.4032L0.939178 16.3201L7.88843 19.478L9.54329 15.8364ZM5.90575 16.0442L7.96518 19.4733L11.3874 17.418L9.33898 13.9917L5.90575 16.0442ZM5.88649 16.012L3.83392 12.5788L0.400733 14.6313L2.45326 18.0645L5.88649 16.012ZM9.94634 13.5848L11.9989 17.018L17.8421 13.5246L11.9463 10.1207L9.94634 13.5848ZM6.40625 11.5409L8.40625 8.07683L8.18698 7.95023L7.95349 7.85229L6.40625 11.5409ZM9.56429 11.4855L7.8879 7.85371L0.878177 11.0893L7.56429 14.9496L9.56429 11.4855ZM10.9065 12.2604L8.90653 15.7245L11.8027 17.3966L13.9615 14.8425L10.9065 12.2604ZM13.1084 11.6944L11.6734 15.4281L13.4903 16.1264L15.1609 15.1276L13.1084 11.6944ZM22.6487 5.99062L20.5961 2.55741L22.6487 5.99062ZM25.7226 6.76425L27.7752 10.1975L31.2084 8.14489L29.1558 4.71168L25.7226 6.76425ZM14.366 13.5539L12.3134 10.1206L10.4047 11.2618L10.3666 13.4853L14.366 13.5539ZM14.3658 13.566L10.3664 13.4975L10.326 15.8524L12.3658 17.0301L14.3658 13.566ZM6.76848 17.4873L10.2016 15.4345L8.14312 11.992L4.70628 14.0598L6.76848 17.4873ZM6.92859 17.3996L5.15274 13.8154L5.0114 13.8855L4.87601 13.9664L6.92859 17.3996ZM6.77204 17.4932L3.33896 19.546L5.39162 22.9789L8.82461 20.9264L6.77204 17.4932ZM12.7861 12.7763L14.6026 9.21257L14.6024 9.21246L12.7861 12.7763ZM11.6276 13.8457L7.92938 15.3699L7.92946 15.3701L11.6276 13.8457ZM12.6549 14.3284L13.8427 18.1479L13.8429 18.1479L12.6549 14.3284ZM12.7515 14.2916L11.1006 10.6482L11.1006 10.6482L12.7515 14.2916ZM20.6968 24.4281C23.682 26.1516 27.4991 25.1288 29.2226 22.1436L22.2944 18.1436C22.7801 17.3024 23.8557 17.0143 24.6968 17.4999L20.6968 24.4281ZM11.0325 18.8484L20.6968 24.4281L24.6968 17.4999L15.0325 11.9202L11.0325 18.8484ZM12.405 19.4868C13.065 19.4868 13.7078 19.378 14.3115 19.1743L11.7535 11.5943C11.9632 11.5235 12.1839 11.4868 12.405 11.4868L12.405 19.4868ZM8.27067 17.8201C9.33859 18.8483 10.8014 19.4868 12.405 19.4868L12.405 11.4868C12.9524 11.4868 13.4565 11.7078 13.8193 12.0571L8.27067 17.8201ZM11.5959 19.2696L13.0975 18.3718L8.9924 11.5054L7.49072 12.4032L11.5959 19.2696ZM15.8446 19.4092C15.8446 16.1952 13.9311 13.4367 11.1982 12.1948L7.88843 19.478C7.87299 19.471 7.86534 19.4631 7.85976 19.4546C7.856 19.4489 7.85177 19.4406 7.84857 19.4301C7.84699 19.4249 7.84592 19.42 7.84529 19.4157C7.84464 19.4114 7.84463 19.409 7.84463 19.4092L15.8446 19.4092ZM7.92231 27.3315C12.2977 27.3315 15.8446 23.7845 15.8446 19.4092L7.84463 19.4092C7.84463 19.4093 7.84463 19.4083 7.84485 19.4061C7.84507 19.4039 7.84548 19.401 7.84615 19.3977C7.84754 19.3909 7.8497 19.384 7.85238 19.3777C7.85754 19.3655 7.86326 19.3584 7.86738 19.3542C7.87151 19.3501 7.87866 19.3444 7.89084 19.3392C7.89719 19.3365 7.90408 19.3344 7.91089 19.333C7.91419 19.3323 7.91701 19.3319 7.9192 19.3317C7.9214 19.3315 7.92249 19.3315 7.92231 19.3315L7.92231 27.3315ZM-2.35617e-05 19.4092C-2.3753e-05 23.7845 3.54692 27.3315 7.92231 27.3315L7.92231 19.3315C7.92212 19.3315 7.92321 19.3315 7.92541 19.3317C7.9276 19.3319 7.93042 19.3323 7.93372 19.333C7.94053 19.3344 7.94742 19.3365 7.95377 19.3392C7.96596 19.3444 7.97311 19.3501 7.97723 19.3542C7.98135 19.3584 7.98708 19.3655 7.99223 19.3777C7.99491 19.384 7.99707 19.3909 7.99846 19.3977C7.99914 19.401 7.99954 19.4039 7.99976 19.4061C7.99998 19.4083 7.99998 19.4093 7.99998 19.4092L-2.35617e-05 19.4092ZM3.84631 12.6151C1.55061 13.9939 -2.34354e-05 16.5184 -2.35617e-05 19.4092L7.99998 19.4092C7.99998 19.409 7.99997 19.4109 7.99949 19.4145C7.99901 19.4181 7.99819 19.4224 7.99692 19.427C7.99432 19.4366 7.99071 19.4447 7.98714 19.4509C7.98125 19.4611 7.97472 19.4676 7.96518 19.4733L3.84631 12.6151ZM2.45326 18.0645L2.47251 18.0968L9.33898 13.9917L9.31972 13.9595L2.45326 18.0645ZM7.89377 10.1516L3.83392 12.5788L7.93906 19.4452L11.9989 17.018L7.89377 10.1516ZM4.40625 15.005L7.94634 17.0489L11.9463 10.1207L8.40625 8.07683L4.40625 15.005ZM-2.4967e-05 7.92233C-2.51111e-05 11.2184 2.01194 14.0353 4.85902 15.2296L7.95349 7.85229C7.97067 7.8595 7.9788 7.86794 7.98428 7.87603C7.98807 7.88161 7.99244 7.88987 7.9958 7.90064C7.99746 7.90595 7.99859 7.91102 7.99927 7.91545C7.99996 7.91996 7.99998 7.92245 7.99998 7.92233L-2.4967e-05 7.92233ZM7.9223 -7.79647e-07C3.54692 -9.70901e-07 -2.47757e-05 3.54695 -2.4967e-05 7.92233L7.99998 7.92233C7.99998 7.92214 7.99998 7.92324 7.99976 7.92544C7.99953 7.92762 7.99913 7.93044 7.99846 7.93374C7.99706 7.94055 7.99491 7.94744 7.99223 7.95379C7.98707 7.96598 7.98135 7.97313 7.97723 7.97725C7.9731 7.98137 7.96595 7.9871 7.95377 7.99225C7.94742 7.99494 7.94053 7.99709 7.93372 7.99848C7.93042 7.99916 7.9276 7.99956 7.92541 7.99978C7.92321 8 7.92212 8 7.9223 8L7.9223 -7.79647e-07ZM15.8446 7.92233C15.8446 3.54695 12.2977 -5.88393e-07 7.9223 -7.79647e-07L7.9223 8C7.92249 8 7.9214 8 7.9192 7.99978C7.91701 7.99956 7.91419 7.99916 7.91089 7.99848C7.90408 7.99709 7.89719 7.99494 7.89084 7.99225C7.87866 7.9871 7.8715 7.98137 7.86738 7.97725C7.86326 7.97313 7.85753 7.96598 7.85238 7.95379C7.8497 7.94744 7.84754 7.94055 7.84615 7.93374C7.84548 7.93044 7.84507 7.92762 7.84485 7.92544C7.84463 7.92324 7.84463 7.92214 7.84463 7.92233L15.8446 7.92233ZM11.2407 15.1172C13.9507 13.8663 15.8446 11.1197 15.8446 7.92233L7.84463 7.92233C7.84463 7.92247 7.84464 7.92011 7.84528 7.91583C7.84591 7.91162 7.84696 7.90674 7.84852 7.90157C7.85169 7.89106 7.85589 7.8828 7.85964 7.87706C7.86525 7.86847 7.87282 7.86067 7.8879 7.85371L11.2407 15.1172ZM12.9065 8.79631L11.5643 8.02137L7.56429 14.9496L8.90653 15.7245L12.9065 8.79631ZM12.405 7.56449C10.5773 7.56449 8.93883 8.39193 7.85155 9.67833L13.9615 14.8425C13.5937 15.2776 13.0309 15.5645 12.405 15.5645L12.405 7.56449ZM14.5433 7.96063C13.8743 7.7035 13.1512 7.56449 12.405 7.56449L12.405 15.5645C12.1546 15.5645 11.9058 15.5175 11.6734 15.4281L14.5433 7.96063ZM20.5961 2.55741L11.0558 8.26117L15.1609 15.1276L24.7013 9.42384L20.5961 2.55741ZM29.1558 4.71168C27.387 1.75311 23.5547 0.788613 20.5961 2.55741L24.7013 9.42384C23.8676 9.92225 22.7878 9.65047 22.2894 8.81681L29.1558 4.71168ZM16.4186 16.9871L27.7752 10.1975L23.67 3.33103L12.3134 10.1206L16.4186 16.9871ZM18.3652 13.6345L18.3654 13.6224L10.3666 13.4853L10.3664 13.4975L18.3652 13.6345ZM27.7585 16.6795L16.3658 10.1019L12.3658 17.0301L23.7585 23.6077L27.7585 16.6795ZM4.70628 14.0598C2.9023 15.1452 1.68101 17.1326 1.68101 19.4092L9.68101 19.4092C9.68101 20.054 9.33149 20.6134 8.83067 20.9147L4.70628 14.0598ZM1.68101 19.4092C1.68101 22.8561 4.47535 25.6505 7.92235 25.6505L7.92235 17.6505C8.89363 17.6505 9.68101 18.4379 9.68101 19.4092L1.68101 19.4092ZM7.92235 25.6505C11.3693 25.6505 14.1637 22.8561 14.1637 19.4092L6.16368 19.4092C6.16368 18.4379 6.95106 17.6505 7.92235 17.6505L7.92235 25.6505ZM14.1637 19.4092C14.1637 15.9622 11.3693 13.1678 7.92235 13.1678L7.92235 21.1678C6.95106 21.1678 6.16368 20.3804 6.16368 19.4092L14.1637 19.4092ZM7.92235 13.1678C6.93578 13.1678 5.99193 13.3996 5.15274 13.8154L8.70444 20.9838C8.46422 21.1028 8.19515 21.1678 7.92235 21.1678L7.92235 13.1678ZM8.82461 20.9264L8.98116 20.8328L4.87601 13.9664L4.71946 14.06L8.82461 20.9264ZM3.3354 19.5401L3.33896 19.546L10.2051 15.4404L10.2016 15.4345L3.3354 19.5401ZM12.405 16.6852C11.8964 16.6852 11.4049 16.5619 10.9699 16.3402L14.6024 9.21246C13.9386 8.87416 13.1881 8.68517 12.405 8.68517L12.405 16.6852ZM15.5645 13.5257C15.5645 15.2706 14.15 16.6852 12.405 16.6852L12.405 8.68517C9.73169 8.68517 7.56453 10.8523 7.56453 13.5257L15.5645 13.5257ZM15.3258 12.3216C15.481 12.6979 15.5645 13.1071 15.5645 13.5257L7.56453 13.5257C7.56453 14.1709 7.69295 14.7962 7.92938 15.3699L15.3258 12.3216ZM12.405 10.3661C13.7302 10.3661 14.8557 11.1809 15.3258 12.3214L7.92946 15.3701C8.65135 17.1214 10.3781 18.3661 12.405 18.3661L12.405 10.3661ZM11.4671 10.5088C11.7686 10.415 12.0849 10.3661 12.405 10.3661L12.405 18.3661C12.8992 18.3661 13.3834 18.2908 13.8427 18.1479L11.4671 10.5088ZM11.1006 10.6482C11.2186 10.5947 11.3409 10.548 11.4669 10.5088L13.8429 18.1479C14.0351 18.0881 14.2219 18.0168 14.4024 17.935L11.1006 10.6482ZM9.24548 13.5257C9.24548 12.239 10.0143 11.1404 11.1006 10.6482L14.4024 17.9351C16.0713 17.1788 17.2455 15.4936 17.2455 13.5257L9.24548 13.5257ZM10.9697 16.3401C9.95476 15.8228 9.24548 14.7605 9.24548 13.5257L17.2455 13.5257C17.2455 11.6368 16.1628 10.0078 14.6026 9.21257L10.9697 16.3401ZM7.92234 6.16366C8.89363 6.16366 9.68101 6.95104 9.68101 7.92233L1.68101 7.92233C1.68101 11.3693 4.47535 14.1637 7.92234 14.1637L7.92234 6.16366ZM6.16368 7.92233C6.16368 6.95105 6.95106 6.16366 7.92234 6.16366L7.92234 14.1637C11.3693 14.1637 14.1637 11.3693 14.1637 7.92233L6.16368 7.92233ZM7.92234 9.681C6.95106 9.681 6.16368 8.89362 6.16368 7.92233L14.1637 7.92233C14.1637 4.47534 11.3693 1.681 7.92234 1.681L7.92234 9.681ZM9.68101 7.92233C9.68101 8.89362 8.89363 9.681 7.92234 9.681L7.92234 1.681C4.47535 1.681 1.68101 4.47534 1.68101 7.92233L9.68101 7.92233Z' fill='white' mask='url(%23path-1-outside-1_212_120)'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-size: contain; background-position: center; width: 32px; height: 34px; z-index: 1; position: absolute; left: -4px; top: -1px; transform: translateY(-50%); } .page-new-action__info { text-align: center; margin: 0; font-weight: 400; font-size: 14px; line-height: 24px; color: #333333; } .page-new-action__info li { padding: 0; margin: 0; } .page-new-action__info li::before { display: none; } .page-new-action__bottom { text-align: center; font-weight: 400; font-size: 20px; line-height: 30px; color: #333333; } .page-new-action__bottom span { font-size: 14px; line-height: 24px; color: #333333; display: block; transform: rotate(-180deg); margin-top: 5px; } @media screen and (min-width: 1024px) { .page-new-action { gap: 60px; padding-top: 60px; padding-bottom: 60px; } .page-new-action__box { flex-direction: row; justify-content: center; gap: 40px; } .page-new-action__col:first-child { max-width: 423px; flex: 2; } .page-new-action__col:last-child { max-width: 556px; flex: 3; } .page-new-action__col p { text-align: left; } } .order-paid { background: #FFFFFF; margin-top: 7px; padding: 20px 20px 50px; margin-bottom: 20px; } .order-paid__title { font-weight: 500; font-size: 20px; line-height: 25px; margin-bottom: 30px; } .order-paid__content { display: flex; align-items: center; margin-bottom: 30px; } .order-paid__img { display: block; width: 139px; min-width: 139px; margin-right: 15px; } .order-paid__img img { display: block; width: 100%; } .order-paid__text { font-weight: 500; font-size: 16px; line-height: 20px; max-width: 313px; } .order-paid__boxs { display: grid; grid-template-columns: 1fr; grid-gap: 30px; } .order-paid__box { padding: 30px 20px 30px 69px; background: #FFFFFF; border: 1px solid #EAE9E9; box-shadow: 0px 4px 10px rgba(196, 196, 199, 0.25); border-radius: 5px; position: relative; } .order-paid__box b { font-weight: 500; } .order-paid__box a { text-decoration: none; white-space: nowrap; border-bottom: 1px solid; color: #083571; } .order-paid__box a:hover { border-bottom-color: transparent; } .order-paid__box:before { content: ''; display: block; position: absolute; top: 50%; left: 20px; width: 31px; height: 31px; transform: translateY(-50%); background-repeat: no-repeat; background-size: contain; background-position: center; } .order-paid__box--clock:before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4282_762)'%3E%3Cpath d='M16 0C7.2 0 0 7.2 0 16C0 24.8 7.2 32 16 32C24.8 32 32 24.8 32 16C32 7.2 24.8 0 16 0ZM17 30V26H15V30C8.1 29.4 2.6 23.9 2 17H6V15H2C2.6 8.1 8.1 2.6 15 2V6H17V2C23.9 2.5 29.4 8 30 14.9H26V16.9H30C29.4 23.9 23.9 29.4 17 30Z' fill='%23083471'/%3E%3Cpath d='M17 9H15V16C15 16.3 15.1 16.5 15.3 16.7L20.3 21.7L21.7 20.3L17 15.6V9Z' fill='%23083471'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4282_762'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .order-paid__box--phone:before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4282_768)'%3E%3Cpath d='M20.5989 1.95306C25.2061 3.18833 28.8117 6.79396 30.047 11.4012' stroke='%23083471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M19.2134 7.11115C21.9844 7.84563 24.1544 10.0157 24.8889 12.7867' stroke='%23083471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M9.43142 16.1085C10.8002 18.9463 13.1038 21.2332 15.9416 22.602C16.3756 22.8023 16.8764 22.7689 17.2603 22.5018L21.4335 19.7142C21.8007 19.4638 22.2848 19.4137 22.7022 19.5973L30.5144 22.9525C31.0652 23.1862 31.3991 23.7538 31.3156 24.338C30.7981 28.3443 27.3928 31.3323 23.3699 31.3323C10.8336 31.3323 0.667725 21.1664 0.667725 8.63017C0.667725 4.59052 3.65573 1.1852 7.66199 0.684419C8.24623 0.600956 8.81379 0.934811 9.04748 1.48567L12.4027 9.31457C12.5863 9.7152 12.5363 10.1993 12.3026 10.5665L9.51488 14.8065C9.26449 15.1904 9.2311 15.6912 9.43142 16.1085Z' stroke='%23083471' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4282_768'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } .order-paid__box--user:before { background-image: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_4282_775)'%3E%3Cpath d='M16 32C7.17576 32 0 24.8242 0 16C0 7.17576 7.17576 0 16 0C24.8242 0 32 7.17576 32 16C32 24.8242 24.8242 32 16 32ZM5.38182 24.7661L5.13939 24.9503L5.34303 25.183C8.01939 28.2861 11.9079 30.0703 16.0097 30.0703C20.1018 30.0703 23.9903 28.2958 26.6667 25.1927L26.8509 24.9891L26.657 24.7952C23.9418 22.177 20.3733 20.7224 16.5915 20.7224H15.4085C11.6655 20.7224 8.11636 22.1576 5.41091 24.7564C5.39151 24.7564 5.38182 24.7564 5.38182 24.7661ZM16 1.92C8.24242 1.92 1.92 8.24242 1.92 16C1.92 18.4921 2.57939 20.9455 3.84 23.0885L4.02424 23.3988L4.28606 23.1564C7.31151 20.3442 11.2582 18.7927 15.3794 18.7927H16.5721C20.7127 18.8024 24.6594 20.3539 27.7042 23.1564L27.9661 23.3988L28.1503 23.0885C29.4012 20.9455 30.0703 18.4921 30.0703 16C30.08 8.24242 23.7576 1.92 16 1.92Z' fill='%23083471'/%3E%3Cpath d='M15.9999 16.96C12.703 16.96 10.0266 14.2836 10.0266 10.9866C10.0266 7.68967 12.703 5.01331 15.9999 5.01331C19.2969 5.01331 21.9733 7.68967 21.9733 10.9866C21.9733 14.2836 19.2969 16.96 15.9999 16.96ZM15.9999 6.93331C13.7696 6.93331 11.9466 8.74664 11.9466 10.9866C11.9466 13.2266 13.7599 15.04 15.9999 15.04C18.2302 15.04 20.0533 13.2266 20.0533 10.9866C20.0533 8.74664 18.2302 6.93331 15.9999 6.93331Z' fill='%23083471'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_4282_775'%3E%3Crect width='32' height='32' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); } @media screen and (min-width: 992px) { .order-paid { margin-top: 13px; padding: 50px 50px 80px; margin-bottom: 60px; } .order-paid__img { margin-right: 40px; } .order-paid__title { font-size: 24px; line-height: 30px; margin-bottom: 30px; } .order-paid__text { font-size: 18px; line-height: 23px; } .order-paid__content { margin-bottom: 60px; } .order-paid__boxs { grid-template-columns: 1fr 1fr 1fr; grid-gap: 45px; } .order-paid__box { padding-left: 79px; } .order-paid__box:before { position: absolute; top: 30px; left: 30px; transform: translateY(0); } } .new-product__box { border: 1px solid #EAEAEA; border-radius: 5px; padding: 15px; margin-top: 15px; } .new-product__line { display: flex; justify-content: space-between; } .new-product__stat { display: flex; align-items: baseline; line-height: 20px; font-size: 14px; margin-bottom: 10px; } .new-product__stat:last-child { margin-bottom: 0; } .new-product__stat-name { color: #BDBDBD; flex: 0 0 45%; min-width: 45%; display: flex; align-items: flex-end; } .new-product__stat-name:after { content: ''; min-width: 15px; flex: 1; border-bottom: 1px dotted; margin-left: 5px; } .new-product__stat-value { color: #333333; margin-left: 5px; } a.new-product__stat-value { color: #083571; text-decoration: none; } .new-product__install { align-items: center; } @media (min-width: 1024px) { .swiper-slider-product { margin-bottom: 0; } .new-product__info { display: flex; flex-wrap: wrap; } .product-main-header-text { order: -1; } .new-product__view { flex: 0 0 calc(100% - 367px); max-width: calc(100% - 367px); } .new-product__content { min-width: 347px; flex: 0 0 347px; margin-left: auto; } .new-product__view { display: flex; flex-direction: column; } .new-product__view .js-sticky-track { flex: 1; order: 2; } .swiper-slider-product { min-height: 420px; max-height: min(100vh - 156px, 700px); } } @media (min-width: 1200px) { .new-product__view { flex: 0 0 calc(100% - 427px); max-width: calc(100% - 427px); } .new-product__content { min-width: 407px; flex: 0 0 407px; margin-left: auto; } } .js-sticky-track .sticky { position: fixed !important; } .js-sticky-track .stop { position: relative !important; } .banner-ucenka { overflow: hidden; } .banner-ucenka > img { width: 100%; height: 100%; object-fit: cover; } @media (min-width: 1024px) { .advantages-block { padding: 60px 30px; } } @media (min-width: 1440px) { .advantages-block { padding: 60px 65px; max-width: 1440px; margin: 0 auto; } } .product[data-layout="horizontal"] .product-video { top: auto; right: 36px; bottom: 0; display: flex; } .virtual_tour>iframe { width: 100%; height: 32rem; } .footer__payment { display: flex; } .footer__payment>img { padding-left: 1rem; } .new-product__sber { margin-top: 25px; width: 100%; position: relative; } .new-product__sber-text { border-radius: 5px; padding: 15px; font-size: 22px; font-weight: 500; background-color: #F6F7F9; display: flex; justify-content: space-between; -webkit-font-smoothing: antialiased; } .new-product__sber-logo { display: flex; } .new-product__sber-logo>div { margin-right: 10px; } .sber__logo-icon>img, .sber__info-icon>img { width: 28px; height: 28px; } .new-product__sber-info { cursor: pointer; position: relative; top: 3px; } .swiper-slider-product__big:not(.swiper-initialized) .swiper-slide:not(:first-child) { display: none; } .new-prod-favorites{ width: 49%; height: 50px; flex-direction: row; align-items: center; justify-content: center; border-radius: 10px; background: #fff; border: 1px solid #083571; cursor: pointer; display: flex; font-size: 14px; font-weight: 500; transition-property: background-color, border-color, box-shadow, color; transition-duration: 500ms; text-align: center; text-decoration: none; appearance: none !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); } .new-prod-favorites>span{ color: #083571; margin-right: 8px; } .new-prod-favorites.active .new-product__icn path, .new-prod-favorites:hover .new-product__icn path { fill: #3a70ba; } .new-prod-favorites:hover{ box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); } .product-main-payment-buy{ display: flex; justify-content: space-between; } .product-main-payment-buy>a{ border-radius: 10px; width: 49%; margin: 0; } .product-main-payment-buy>a:hover{ color: #fff; background: #134891; text-decoration: none; box-shadow: 0 0 6px rgba(0, 0, 0, 0.25); } .product-main-payment-buy>a.is-active{ color: #fff; background: #80b7f7; text-decoration: none; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); } .sp-listing-inline-rating-widget, .sp-inline-rating-review-count { font-size: 14px; color: #333 !important; } .b24-widget-button-inner-mask{ display: none; } /*Костыль для Aplaut 2.0*/ .aplaut-text-sm { margin-top: 0px !important; } .aplaut-fix-my>div>a { background-color: white !important; padding: 0px !important; } .aplaut-inline-flex>svg>filter>feFlood { color: #4fa9e8 !important; } @media (min-width: 766px) { .main-modal-video-slider--open{margin-top: 5.4em;} .catalog-selections__list{scrollbar-width: none;} .desktop-menu-opened{display: none !important;} } button.close.aplaut-flex { display: flex; align-items: center; justify-content: center; position: absolute; z-index: 10; top: 10px; right: 30px; height: 1.4em; width: 1.4em; text-decoration: none; font-size: 24px; color: #000; cursor: pointer; background-color: white; padding: 20px; border-radius: 100px; box-shadow: 0px 5px 10px 2px rgba(34, 60, 80, 0.2); } .review-midle-link>ap-informer * { margin: 0 !important; padding: 0 !important; color: #333 !important; background-color: transparent !important; } .review-midle-link{ display: flex !important; } .review-midle-link:hover a, .review-midle-link:hover a * { color: #4fa9e8 !important; text-decoration: none; } .review-midle-link.is-active>ap-informer *{ color: #4fa9e8 !important; } .review-midle-link>ap-informer .aplaut-text-widget_ratings, .review-midle-link>ap-informer .aplaut-text-text_primary{ display: none; } .review-midle-link>ap-informer .rating-icon, .review-midle-link>ap-informer .rating-value{ display: none; } /*Костыль для Aplaut 2.0*/ .txt_brand>li{ padding-left: 0px !important; } body { overflow-y: scroll; } .top-section-description { margin-bottom: 20px; position: relative; } .top-section-description>div { overflow: hidden; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; max-height: 4.5em; transition: max-height 0.3s ease; position: relative; } .top-section-description>div.show-text { -webkit-line-clamp: unset; max-height: 1000px; } #toggleTextSeo { position: absolute; right: 0; bottom: 0; background-color: rgb(255 255 255); cursor: pointer; padding: 4px 5px; z-index: 10; color: #4fa9e8; border-radius: 10px; bottom: -4px; } /*Белая шапка*/ .header__menu{ background-image: none !important; background-color: transparent; } .catalog-main-cat{margin-top: 23px;} .catalog-main-cat{margin-top: 23px;} .b24-widget-button-position-bottom-right{ right: 18px; bottom: 90px; } .header-menu-catalog__item--parent:last-child{margin-bottom: 20px;} @media (max-width: 765px) { .mobile-menu-opened { display: none !important; } } @media (max-width:579px) { .slider-feedback__wrapper{ display: flex; flex-flow: row; flex-wrap: nowrap; } } .SmartCaptcha-Shield_visible{ display: none; } /* End */ /* Start:/local/templates/aquanet_new/css/style.css?1783676623146215*/ #ny:hover { border: 0px !important; } .welcome-product__banner { padding: 0; overflow: hidden; } .welcome-product__banner .welcome-slider-container { margin-top: 0; } .welcome-product__banner .welcome-slider-title { font-size: 28px; line-height: 34px; } .link-inverted.is-active { position: relative; padding-right: 15px; } .link-inverted.is-active .icon { position: absolute; top: 0; right: 0; fill: #013874; transform: rotate(0); width: 9px; height: 7px; display: block; transition-property: transform, fill; transition-duration: 500ms; } .link-inverted.is-active.down .icon { top: 8px; } .link-inverted.is-active.up .icon { top: 6px; -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } /* alerts */ .alert { position: relative; padding: .75rem 1.25rem; margin-bottom: 1rem; border: 1px solid transparent; border-radius: .25rem; } .alert-success { color: #155724; background-color: #d4edda; border-color: #c3e6cb; } .alert-danger { color: #721c24; background-color: #f8d7da; border-color: #f5c6cb; } .alert-warning { color: #856404; background-color: #fff3cd; border-color: #ffeeba; } .alert-notice { font-style: normal; font-weight: normal; line-height: 16px; font-size: 14px; color: #828282; text-align: center; margin: 0; } /* /alerts */ .user-feed-item-body { width: 100%; } .rating-star label { cursor: pointer; } .pagenavigation-ajax-simple .show-more { border: 1px solid #f2f2f2; } .zoom { display: inline-block !important; border: 1px solid transparent; } .zoom:hover { border-color: #4fa9e8; } .product-main-payment-price { position: relative; } .manager_sale { width: 250px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 100%; cursor: default; z-index: 1; margin-left: 50px; margin-top: 20px; background: #fff; padding: 12px 20px; color: #6fcf97; } .buy1click-popup { max-width: 800px; } .buy_one_click_container_label { -ms-flex: 1; flex: 1; line-height: normal; font-size: 14px; color: #828282; } .buy_one_click_container_input { margin-top: 13px; } .buy_one_click_container_text_btns { margin-bottom: 40px; } .buy_one_click_container_text_btns .btn { width: 173px; height: 42px; } .popup { z-index: 120; } .popup-hidden { position: absolute; visibility: hidden; max-width: 100%; overflow: hidden; height: 0; } .btn.is-transparent-grey-blue.is-disabled-grey-200:hover { background: transparent; border: 2px solid #d1d1d1; color: #bdbdbd; } .btn.is-transparent-grey-blue.is-active { color: #013874; border-color: #013874; } tr.show { display: table-row !important; } /* catalog.element */ .product-main-header-text { font-weight: inherit; line-height: inherit; letter-spacing: inherit; margin: inherit; } .free-install { position: relative; } .flag-action { position: relative; bottom: 23px; } .free-install-alert { display: none; position: absolute; left: 0; bottom: 60px; padding: 8px 10px; border: 1px solid #CCCCCC; width: 350px; color: #333; white-space: normal; font-weight: 400; z-index: 999999; line-height: 20px; background: #fff; } .free-install:hover .free-install-alert { display: block; } .product-main-payment-price-only-width-vanna { color: red; font-size: 12px; margin-bottom: 10px; } .product-main-payment-description { width: 340px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); position: absolute; top: 50px; left: 58px; display: none; cursor: default; z-index: 60; max-width: 90vw; } .product-main-payment-description-content { position: relative; background: #FFFFFF; padding: 20px; } .product-main-payment-description.is-active { display: block; animation: 500ms forwards contentSlideUp; } .product-main-payment-description:before { content: ''; display: block; position: absolute; bottom: calc(100% - 10px); right: 20px; width: 20px; height: 20px; background: white; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } @media (max-width: 1023px) { .product-main-payment-description::before { left: 20px; right: auto; } } .product-variants .btn { white-space: nowrap; } .product-variants tr.hide { display: none; } .product-variants-show-more { margin-top: 30px; } .product-variants .product-variants-show-more .btn { height: 50px; max-width: 180px; } .product-specs-row.hide { display: none; } .zoom { display: inline-block !important; } .product-main-images-popup-content { max-width: 1300px; } .product-main-images-body { width: 100%; -ms-flex: 1; flex: 1; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: justify; justify-content: space-around; padding: 20px; overflow: hidden; } .product-main-images-footer { width: 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } .need-install { margin: 20px 0; } .need-install-label { display: flex; font-weight: normal; } .product-main-share .social .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon { width: 20px; height: 20px; background-size: 18px; background-position: 1px 1px; } .product-specs-hint { display: inline-block; position: relative; top: 3px; left: 3px; cursor: pointer; } .product-specs-hint:hover .product-specs-hint-text { display: block; } .product-specs-hint-text { background: white; border-top: 1px solid #f2f2f2; position: absolute; top: 100%; display: none; animation: 500ms forwards contentSlideUp; padding: 30px; width: 280px; z-index: 1; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); cursor: default; } .product-main-gifts { margin-top: 8px; } .product-main-gifts-container { display: flex; align-items: center; } .product-main-gifts-link { margin-top: 3px; margin-left: 10px; } .product-main-gifts-popup { width: 340px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); position: absolute; top: 0; left: 0; display: none; cursor: default; z-index: 20; margin-left: -340px; margin-top: 20px; } .popup .product-main-gifts-popup { margin-top: 92px; } .product-main-gifts-popup-container { position: relative; background: #FFFFFF; padding: 20px; } .product-main-gifts-popup.is-active { display: block; animation: 500ms forwards contentSlideUp; } .product-main-gifts-popup:before { content: ''; display: block; position: absolute; bottom: calc(100% - 10px); right: 20px; width: 20px; height: 20px; background: white; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } .product-main-gifts-item { position: relative; } .product-main-gifts-btns { position: absolute; top: 6px; left: 6px; } .product-main-gifts-btns .btn { height: auto; padding: 6px 20px; } .product-item-button-container .btn.is-transparent-grey-blue { background: #013874; color: #fff; border: 2px solid #013874; } .product-item-button-container .btn.is-transparent-grey-blue.is-active { background: #fff; border: 2px solid #d1d1d1; color: #013874; } .product-main-gifts-img { display: flex; justify-content: center; } .product-main-gifts-img img { max-height: 200px; } .product-main-gifts-title { text-align: center; } .product-main-gifts-delimiter { position: relative; text-align: center; color: #bdbdbd; margin: 16px 0; } .product-main-gifts-delimiter::before, .product-main-gifts-delimiter::after { content: ''; display: block; position: absolute; top: 50%; transform: translateY(-50%); width: 40%; height: 2px; background: #bdbdbd; } .product-main-gifts-delimiter::before { left: 2px; } .product-main-gifts-delimiter::after { right: 2px; } .product-main-payment-item { margin-bottom: 12px; } .product-main-payment-info .icon, .product-main-payment-text .icon, .product-main-gifts .icon { width: 30px; height: 18px; display: block; margin-right: 10px; fill: #013874; float: left; } .product-thumbs-slider[data-count="1"] { max-width: 64px; } .product-thumbs-slider[data-count="2"] { max-width: 126px; } .product-thumbs-slider[data-count="3"] { max-width: 192px; } .product-thumbs-slider[data-count="4"] { max-width: 256px; } .product-thumbs-slider[data-count="5"] { max-width: 320px; } .product-thumbs-slider[data-count="6"] { max-width: 384px; } .product-thumbs-slider[data-count="6"] { max-width: 448px; } .product-thumbs-slider[data-count="7"] { max-width: 512px; } .product-main-preview .product-thumbs-slider[data-count="4"], .product-main-preview .product-thumbs-slider[data-count="5"], .product-main-preview .product-thumbs-slider[data-count="6"], .product-main-preview .product-thumbs-slider[data-count="7"] { max-width: 192px; } @media (max-width: 659.98px) { .product-thumbs-slider[data-count="1"], .product-thumbs-slider[data-count="2"], .product-thumbs-slider[data-count="3"], .product-thumbs-slider[data-count="4"], .product-thumbs-slider[data-count="5"], .product-thumbs-slider[data-count="6"], .product-thumbs-slider[data-count="7"] { max-width: 200px; } } .product-thumbs-slider[data-count="1"] .slick-slide { min-width: 52px; } .product-thumbs-slider[data-count="1"] .slick-track { min-width: 64px; } .product-specs-group { margin-bottom: 10px; } .product-specs-group-title { line-height: 24px; font-size: 16px; font-weight: 500; } /* /catalog.element */ input.error { text-align: left; } .footer-simple .payment-items img { margin-left: 0; } .product-main-parameters-size-item.is-active { cursor: default; } .header-cart-content, .header-simple { z-index: 20; } .footer-body-contacts-text a, .footer-body-contacts-text a:visited { color: #333333; text-decoration: none; } .head-phone a, .head-phone a:visited { color: #333333; text-decoration: none; } /* basket */ .cart-content.adaptive[data-type="desktop"] .cart-item-content { display: flex; flex-wrap: wrap; } @media (max-width: 659px) { .cart-content.adaptive[data-type="desktop"] .cart-item-content { display: block; flex-wrap: unset; } } .cart-content.adaptive[data-type="desktop"] .cart-item-key { display: none; } .cart-content.adaptive[data-type="desktop"] .cart-item-set { -ms-flex: 0 0 80%; flex: 0 0 80%; padding: 10px 10px 20px; } .cart-content.adaptive[data-type="desktop"] .cart-item-delete { -ms-flex: 0 0 20%; flex: 0 0 20%; display: flex; align-items: flex-end; justify-content: flex-end; } @media (max-width: 1023px) { .cart-content.adaptive[data-type="desktop"] { display: block; } .cart-content.adaptive[data-type="desktop"] .cart-header { display: none; } .cart-content.adaptive[data-type="desktop"] .cart-item-photo { -ms-flex: 0 0 30%; flex: 0 0 30%; } .cart-content.adaptive[data-type="desktop"] .cart-item-key { display: block; line-height: inherit; } .cart-content.adaptive[data-type="desktop"] .cart-item-header { order: 1; } .cart-content.adaptive[data-type="desktop"] .cart-item-delete { order: 2; align-items: flex-start; } .cart-content.adaptive[data-type="desktop"] .cart-item-set { order: 3; -ms-flex: 0 0 100%; flex: 0 0 100%; color: #828282; } .cart-content.adaptive[data-type="desktop"] .cart-item-set span { color: #333; } .cart-content.adaptive[data-type="desktop"] .cart-item-row { order: 4; -ms-flex: 0 0 100%; flex: 0 0 100%; display: -ms-flexbox; display: flex; margin-top: 20px; } .cart-content.adaptive[data-type="desktop"] .cart-item-header, .cart-content.adaptive[data-type="desktop"] .cart-item-row { padding: 0 10px; } .cart-content.adaptive[data-type="desktop"] .cart-item-key { width: 130px; -ms-flex: none; flex: none; color: #828282; } .cart-content.adaptive[data-type="desktop"] .cart-item-value { -ms-flex: none; flex: none; margin-top: 0; } .cart-content.adaptive[data-type="desktop"] .cart-total, .cart-content.adaptive[data-type="desktop"] .cart-item-total { text-align: left !important; } .cart-content.adaptive[data-type="desktop"] .cart-item-price { line-height: inherit; } } @media (max-width: 659px) { .cart-content.adaptive[data-type="desktop"] .cart-item-row { display: block; } .cart-content.adaptive[data-type="desktop"] .cart-item-price, .cart-content.adaptive[data-type="desktop"] .cart-item-amount { padding: 0; } } .cart-item-amount .basket-item-amount-filed { font-weight: 400; font-size: 16px; border: none; width: 40px; } .cart-row-savings.cart-row-savings-0 { display: none !important; } .basket-item-amount-filed { text-align: center; } /* /basket */ .product-delivery-title:first-child { margin-top: 0; } .product-delivery-title { line-height: normal; font-size: 18px; margin-top: 20px; } .product-delivery-row { margin-top: 10px; margin-bottom: 20px; } .product-delivery-price, .product-delivery-date { font-weight: 500; line-height: 38px; font-size: 36px; } .input-text { width: 100%; height: 54px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; line-height: 52px; font-size: 14px; padding: 0 25px; transition: border-color 500ms; } .product-delivery-easyway, .product-delivery-courier { margin: 40px 0; } .map-stores-item-amount { position: relative; } .map-stores-item-amount::before { width: 5px; height: 5px; background: #ededed; border-radius: 100%; content: ''; display: block; position: absolute; top: 6px; left: -18px; } .map-stores-item-amount[data-product-status="1"] { color: #6fcf97; } .map-stores-item-amount[data-product-status="1"]:before { background: #6fcf97; } .map-stores-item-amount[data-product-status="4"] { color: #F15642; } .map-stores-item-amount[data-product-status="4"]:before { background: #F15642; } .product-delivery-row { position: relative; } .bx-sls .bx-ui-sls-pane { top: 115%; border-color: #e0e0e0; } .product-delivery-cities-popup { display: none; overflow: hidden auto; background-color: #fff; z-index: 999; border: 1px solid #e0e0e0; max-height: 300px; border-radius: 2px; -webkit-box-shadow: 0 2px 3px #c7c7c7; box-shadow: 0 2px 3px #c7c7c7; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; left: 0; top: 115%; padding: 5px 5px 3px 5px; position: absolute; width: 100%; } .product-delivery-cities-popup.is-active { display: block; } .product-delivery-city { display: none; padding: 10px 10px; margin-bottom: 2px; line-height: 52px; font-size: 14px; color: #aba8ac; cursor: pointer; } .product-delivery-city.is-active { display: block; } .product-delivery-city span { color: #25282c; } .product-delivery-city:hover { background-color: #e0e8ea; } .reply-form .icon-star { position: absolute; top: 0; } .page-controls.right { justify-content: flex-end; } .cart-item-inner { display: inherit; } .cart-item-notification { padding: 0 10px; width: 100%; } .cart-item-notification-removed { display: flex; } .cart-item-removed-title-block { display: flex; align-items: center; flex: 0 0 80%; padding: 0 10px; } .cart-item-removed-block { display: flex; justify-content: flex-end; flex: 0 0 20%; padding: 0 10px; } @media(max-width: 575px) { .cart-item-removed-title-block { flex: 0 0 70%; } .cart-item-removed-block { flex: 0 0 30%; } } @media(max-width: 400px) { .cart-item-removed-block { font-size: 12px; padding-left: 0; } } .cart-item-clear-btn { margin-right: 10px; cursor: pointer; position: relative; top: 2px; } .cart-item-clear-btn svg { width: 12px; height: 12px; fill: #858585; } .cart-content .cart-item-removed-title { color: #013874; font-weight: 500; font-size: 16px; } .cart-coupon-code.is-active, .cart-coupon-error.is-active { display: block; } .cart-free-delivery-info { padding: 30px; } .cart-free-delivery-info-top { display: flex; margin-bottom: 24px; } .cart-free-delivery-info-top-star { margin-right: 14px; } .cart-free-delivery-info-top-text { font-size: 16px; line-height: 20px; color: #000; } .cart-free-delivery-info-btn .btn { max-width: 220px; height: 44px; margin: 0 auto; } .cart-free-delivery { padding: 35px 30px; } .cart-free-delivery-text { font-size: 16px; line-height: 20px; color: #4A4A4A; margin-bottom: 24px; } .cart-free-delivery-progress { display: none; } .cart-free-delivery-progress.is-active { display: flex; align-items: center; } .cart-free-delivery-progress-from { margin-right: 20px; } .cart-free-delivery-progress-from svg { fill: #013874; } .cart-free-delivery-progress-to { margin-left: 20px; } .cart-free-delivery-progress-to svg { fill: #BEBEBE; } .cart-free-delivery-progress-line { width: 100%; height: 21px; background: #BEBEBE; border-radius: 30px; position: relative; } .cart-free-delivery-progress-line-inner { position: absolute; top: 0; left: 0; bottom: 0; background: #013874; border-radius: inherit; } .cart-free-delivery-progress-line-circle { display: flex; justify-content: center; align-items: center; position: absolute; top: -5px; right: -18px; width: 33px; height: 33px; background: #fff; border: 7px solid #013874; border-radius: inherit; } .cart-free-delivery-progress-line-circle svg { display: none; } .cart-free-delivery-progress.finish .cart-free-delivery-progress-line-circle svg { display: block; } .cart-free-delivery-progress.finish .cart-free-delivery-progress-to svg { fill: #013874; } .section-header[data-type="desktop"] { display: none; } @media (min-width: 1024px) { .section-header[data-type="desktop"] { display: block; } } .cart-recomendation-content { margin-bottom: 65px; } .social-groups-footer .social .ya-share2__item { margin: 0 20px 0 0 !important; } .social-groups-footer .social .ya-share2 .ya-share2__badge .ya-share2__icon { width: 46px; height: 46px; background-size: 37px; background-position: 5px 5px; } .page-content-title { font-size: 18px; } @media (min-width: 660px) { .page-content-title { font-size: 24px; } } #payment_popup { padding: 0; border-top: 1px solid #f2f2f2; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); font-size: 14px; } #payment_popup .popup-window-titlebar { display: flex; align-items: center; padding: 20px 50px 20px 30px; border-bottom: 1px solid #f2f2f2; height: auto; } #payment_popup .access-title-bar { font-size: 24px; } #payment_popup .popup-window-content { background: #fff; padding: 20px 30px 30px; } #payment_popup input[type="submit"] { width: 100%; max-width: 230px; height: 42px; background: #013874; border: 0; border-radius: 30px; color: white; cursor: pointer; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; font-size: 14px; font-weight: 500; transition-property: background-color, border-color, box-shadow, color; transition-duration: 500ms; text-align: center; text-decoration: none; padding: 0 10px; margin: 20px auto auto; -webkit-appearance: none !important; -moz-appearance: none !important; appearance: none !important; box-shadow: 0 0 0 rgba(0, 0, 0, 0.25); } #payment_popup .popup-window-close-icon::after { content: none; } .content { position: relative; } .image-header.absolute { position: absolute; left: 0; right: 0; top: 0; bottom: 0; z-index: -1; } .service-form .alert { margin-top: 20px; } .service-form .alert p:last-child { margin-bottom: 0; } .service-btn-picture { max-width: 240px; width: 100%; display: flex; } .feedback-content { background-color: #f0f0f0; margin-top: 20px; } .service-tab-content .feedback-title { font-size: 24px; color: #000; } .service-tab-content .feedback-text { color: #000; } @media screen and (max-width: 768px) { .service-form-col.w-50 { width: 100%; } } .datetime-container.is-active { display: block; } .datetime-container { display: none; position: absolute; width: 325px; background: #FFFFFF; top: 100%; animation: 500ms forwards contentSlideUp; padding: 30px; width: 100%; z-index: 1; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); margin-bottom: 40px; } .rotate-180 { transform: rotate(180deg); } .datetime-container th { padding: 0; margin: 0; height: auto; border-radius: 0; } .datetime-container .datepicker-switch:hover, .datetime-container .prev:hover, .datetime-container .next:hover { background: inherit; } .datetime-container .datepicker-switch:hover { cursor: default; } .datetime-container .datepicker table tr .datepicker-switch { color: #828282; } .datetime-container .prev .icon, .datetime-container .next .icon { width: 20px; height: 20px; fill: #BDBDBD; } .datetime-container .datepicker table .datepicker-header th { padding-bottom: 36px; } .datetime-container .datepicker table tr .dow { padding-bottom: 26px; } .datetime-container .datepicker { margin-bottom: 26px; } .datetime-container .datepicker table, .datetime-container .datepicker-inline { width: 100%; } .datetime-container .datepicker table tr td, .datetime-container .datepicker table tr th { width: auto; height: auto; padding: 0; font-family: Geometria; font-style: normal; font-weight: normal; font-size: 16px; line-height: 20px; color: #2B2B2B; border: none; background: none; } .datetime-container .datepicker table tr td { height: 32px; } .datetime-container .datepicker table tr td.day:hover, .datetime-container .datepicker table tr td.focused, .datetime-container .datepicker table tr td.active.active { border: none; background: none; color: #4FA9E8; } .datetime-container .datepicker table tr td.disabled, .datetime-container .datepicker table tr td.disabled:hover { color: #CCC; } .callrequest-message { margin-top: 26px; } .cart-compact-empty { margin-top: 20px; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar { background-color: #4fa9e8 !important; } .mCSB_scrollTools .mCSB_draggerRail { background-color: rgba(0,0,0,0.07); } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar { width: 3px; } .mCSB_scrollTools a + .mCSB_draggerContainer { margin: 10px 0; } .subheader-layout-content > div[id^='bx_incl_area_'], .footer-social > div[id^='bx_incl_area_'], .footer-body-social > div[id^='bx_incl_area_'], .footer-footer-payments > div[id^='bx_incl_area_'] { display: flex; } .cart-compact-item-title a { color: #333333; font-size: 15px; text-decoration: none; } .cart-compact-item-title a:hover { color: #4fa9e8; } .cart-compact { padding: 0px 15px 0px 30px; } .cart-compact-scroll { overflow: auto; max-height: 350px; } .cart-compact-scroll .mCSB_scrollTools { right: -6px; } .cart-compact-scroll .cart-compact-item { margin-right: 20px; } .cart-compact-item-quantity .minus, .cart-compact-item-quantity .plus { color: #555; width: 20px; min-width: 20px; display: inline-block; height: 20px; border-radius: 20px; text-align: center; line-height: 20px; font-size: 16px; font-weight: normal; } .cart-compact-item-quantity { display: flex; position: relative; width: 75px; margin-top: 5px; } .cart-compact-item-quantity input { border: none; width: 31px; text-align: center; text-align: -webkit-center; font-size: 16px; display: block; padding-top: 2px; margin: 0; background-color: #fff; color: #000; } .cart-compact-item-quantity .minus { content: ''; } .cart-compact-item-quantity .plus { content: ''; } .cart-compact-item-quantity .minus:hover, .cart-compact-item-quantity .plus:hover { cursor: pointer; background-color: #f5f5f5; } .product-main-tab-container { width: 100%; max-width: calc(100% - 290px); } .product-equipment-tab { cursor: pointer; } .product-equipment-tab-content { width: 100%; max-width: none; } .product-equipment-tab-content { display: block; visibility: hidden; height: 0; } .product-equipment-tab-content.is-active { visibility: visible; height: auto; } .cart-compact-item-price del { font-size: 14px; line-height: 14px; font-weight: 500; color: #bdbdbd; text-decoration: line-through; display: block; } .cart-compact-total-value-old { color: #bdbdbd; text-decoration: line-through; font-size: 18px; margin-top: 5px; } .compare-filters .checkbox-row .radio .icon { position: absolute; top: 5px; left: 3px; } .map-stores { display: block; } .stores-index { height: 386px; } .stores-list { overflow: auto; } .stores-index .stores-list .spoiler-header { justify-content: flex-start; padding-left: 20px; } .stores-index .stores-list .spoiler-header .icon { margin-left: 0; width: 19px; height: 19px; display: block; margin-right: 10px; } .stores-index .stores-list .spoiler-header { font-weight: 500; font-size: 16px; letter-spacing: 0.02em; } .stores-index .stores-list .store-info .icon { width: 15px; height: 15px; margin-top: 2px; margin-right: 8px; } .stores-index .stores-list .store-info .store-info-more { margin-bottom: 20px; } .stores-index .stores-list .store-info .store-info-icon { -ms-flex: 0 0 20px; flex: 0 0 20px; } .stores-index .stores-list .store-info { padding: 0 20px 0 50px; } @media (min-width: 660px) { .stores-index { height: 560px; max-height: 100%; } .stores-index .stores-map { position: absolute; top: 0; left: 0; right: 0; bottom: 0; width: 100%; max-width: 100%; z-index: 1; } .stores-index .stores-list { max-width: 350px; min-height: 100%; max-height: 100%; background: rgba(255, 255, 255, 0.85); position: relative; z-index: 2; } .stores-index .stores-list .spoiler-header { padding: 30px 40px 30px 30px; font-size: 16px; font-weight: 500; text-transform: uppercase; position: relative; cursor: pointer; } .stores-index .stores-list .store-info { padding: 0 40px 0 60px; } } .product-flags { max-width: calc(100% - 60px); z-index: 1; } .product-flag { padding: 9px 14px 7px; border-radius: 12px 12px 0 12px; } .product-set-slider-items:not(.slick-initialized) { overflow: visible; } .product-set-slider-item-title { position: relative; } .product-set-slider-item-image img { max-height: 30px; } .cart-item-price-del, .cart-content .cart-item-price-del { font-size: 14px; line-height: 14px; font-weight: 500; color: #bdbdbd; text-decoration: line-through; } .product-set-slider-item-main-title { white-space: nowrap; width: 100%; overflow: hidden; text-overflow: ellipsis; } .product-set-slider-item-sub-title { visibility: hidden; transition: opacity 1s ease-out; opacity: 0; height: 0; position: absolute; background: #fff; max-width: 300px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); cursor: default; z-index: 11; transform: translateX(-50%); top: 0; } .product-set-slider-item-sub-title-container { position: relative; padding: 15px; background: #fff; z-index: 2; } .product-set-slider-item-sub-title::before { content: ''; display: block; position: absolute; top: -11px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background: white; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); z-index: 1; } .product-set-slider-item-sub-title.is-top::before { top: auto; bottom: -11px; } .product-set-slider-item-sub-title.is-active { opacity: 1; height: auto; visibility: visible; } .product-set-title span, .product-set-price span { display: inline; } .product-img-flag { width: 100%; height: 100%; margin-bottom: 10px; bottom: 10% !important; } .reply-form .reply-form-row .processing-permission, .reply-form .reply-form-input { width: 100%; min-width: 480px; max-width: 481px; } .reply-form .reply-form-row .processing-permission { min-width:initial; } .reply-form .reply-form-row .processing-permission.only-text { display:block; } .product-main-slider .slick-track { display: flex; align-items: center; } .product-set-btns .btn { margin-top: 5px; } .product-set-btns .btn:first-child { margin-top: 0; } @media (min-width: 992px) { .btn-box-orderlink__form { margin-left: 14px; margin-top: 0; } } .product-title-container { position: relative; } .product-title-hint { display: none; position: absolute; background: #fff; width: 300px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); top: 100%; left: 50%; cursor: default; margin-left: -150px; margin-top: 20px; } .product-title-hint-content { position: relative; padding: 20px; background: #fff; z-index: 2; } .product-title-hint::before { content: ''; display: block; position: absolute; top: -10px; left: 50%; margin-left: -10px; width: 20px; height: 20px; background: white; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); z-index: 1; } .product-title-container:hover .product-title-hint { display: block; animation: 500ms forwards contentSlideUp; } .product-title-container a { text-decoration: none; } .product-subtitle { height: 19px; overflow: hidden; } .product-title { height: 38px; overflow: hidden; } .product-text { overflow: hidden; } .product-status { height: 14px; overflow: hidden; } .sp-listing-inline-rating-widget{ height: 20px; } #wrapper-360 .controls { display: flex; justify-content: center; align-items: center; } #wrapper-360 .controls li { margin: 0 3px; } #wrapper-360 .controls .prev, #wrapper-360 .controls .play, #wrapper-360 .controls .pause, #wrapper-360 .controls .next { position: relative; border: 1px solid #f2f2f2; border-radius: 0; background: none; width: 46px; height: 46px; box-shadow: none; } #wrapper-360 .controls .prev::before, #wrapper-360 .controls .prev::after, #wrapper-360 .controls .play::before, #wrapper-360 .controls .pause::before, #wrapper-360 .controls .pause::after, #wrapper-360 .controls .next::before, #wrapper-360 .controls .next::after { content: ''; display: block; position: absolute; background: none; border-radius: 0; } #wrapper-360 .controls .prev::before, #wrapper-360 .controls .next::before, #wrapper-360 .controls .play::before { width: 0; height: 0; border-width: 15px; border-style: solid; border-color: transparent; top: 8px; } #wrapper-360 .controls .prev::before { border-right-color: #003570; left: 3px; } #wrapper-360 .controls .next::before { border-left-color: #003570; right: 3px; left: auto; } #wrapper-360 .controls .play::before { border-left-color: #003570; left: 16px; } #wrapper-360 .controls .prev::after, #wrapper-360 .controls .next::after { width: 3px; height: 30px; background-color: #003570; top: 8px; } #wrapper-360 .controls .prev::after { left: 15px; } #wrapper-360 .controls .next::after { right: 15px; } #wrapper-360 .controls .pause::before, #wrapper-360 .controls .pause::after { width: 4px; height: 30px; background-color: #003570; top: 8px; } #wrapper-360 .controls .pause::before { left: 14px; } #wrapper-360 .controls .pause::after { right: 14px; } .sebekon-modal-body .sebekon_select_btn { display: none !important; } .cart-process-address-item-fullwidth { -ms-flex: 0 0 100%; flex: 0 0 100%; padding: 0 10px; margin-top: 20px; } .cart-process-address-item-fullwidth input { width: 100%; height: 54px; margin-top: 10px; background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 30px; line-height: 52px; font-size: 14px; padding: 0 25px; transition: border-color 500ms; } .store-details-content { width: 100%; min-height: 600px; } @media (max-width: 1023.98px) { .header .header-info { display: block; } .header .header-info .icon.icon-info { display: none; } } .subheader-lite-cart .header-cart { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; } .subheader-lite-cart .header-cart .icon-cart { width: 23px; height: 23px; display: block; fill: #BDBDBD; cursor: pointer; transition: fill 500ms; } @media (min-width: 1024px) { .subheader-lite-cart .header-cart .icon-cart { width: 28px; height: 28px; } } .subheader-lite-cart .header-cart-summ { display: none; } @media (max-width: 600px) { .header-dropdown { max-width: 83vw; } } @media (max-width: 1023px) { .footer-social { justify-content: center; } } @media (max-width: 1023px) { .product-slider .product-item:hover .product-conditions { display: none; } } .header-counter-icon { display: flex; justify-content: center; align-items: center; } .brand-header { padding: 15px; } .brand-header img { max-height: 100%; } .product[data-layout="horizontal"] .product-header { right: 50%; } @media (min-width: 1440px) { .product[data-layout="horizontal"] .product-header { right: 65%; } } @media (min-width: 660px) { .product[data-layout="horizontal"] .product-header { right: 70%; } } .product[data-layout="horizontal"] .product-flags { max-width: none; flex-wrap: wrap; } .product[data-layout="horizontal"] .product-flag { margin-bottom: 10px; } @media (max-width: 659.98px) { .product-set-slider-nav { width: 10%; } .product-set-slider-items { width: 80%; } } .set-mini .product-set { position: fixed; left: 0; right: 0; margin-left: auto; margin-right: auto; max-width: 1350px; z-index: 10; } @media (max-width: 1439.98px) { .set-mini .product-set { margin-left: 30px; margin-right: 30px; } } @media (max-width: 1023.98px) { .set-mini .product-set { margin-left: 10px; margin-right: 10px; } } .brands .brand { padding-top: 16px; } .product-thumbs-wrapper { padding: 0 36px; } @media (min-width: 1440px) { .product-main-360 { margin-left: 25px; } } .product-main-360-icon { margin-right: 35px; } .product-main-video { margin-left: 0; margin-right: 15px; } .product-main-video:last-child { margin-right: 0; } .product-equipment { overflow: hidden; } .brand-popular-image-none { width: 100%; background: #eee; } .product-main-variants:not(.is-active) { display: none; } .welcome-layout-content-slider { width: 100%; height: 230px; background: white; position: relative; overflow: hidden; } @media (min-width: 660px) { .welcome-layout-content-slider { height: 330px; } } @media (min-width: 1024px) { .welcome-layout-content-slider { height: 410px; margin-top: 20px; } } @media (min-width: 1440px) { .welcome-layout-content-slider { -ms-flex: 1 0 735px; flex: 1 0 735px; max-width: 750px; } } @media (max-width: 1023px) { .welcome-layout-content-slider { height: 0; padding-bottom: 38.318%; padding-bottom: 54.460719%; } .welcome-slider-container { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } } .welcome-layout-content-slider > div[id^='bx_incl_area_'] { height: 100%; } /* font 14 blocks */ .features-service .feature-text, .features-service-02 .feature-text { font-size: 14px; } .jobs-cols span { font-size: 20px; } .jobs-meta, .jobs-cols { font-size: 16px; } .delivery table td { min-width: 220px; } .product-main-slider-items { display: flex; align-items: center; } @media (max-width: 1023px) { .delivery table td { min-width: 200px; } } @media (max-width: 660px) { .delivery table td { min-width: 0px; } } .rating ~ .reply-form-error { display: none; } .rating.is-invalid ~ .reply-form-error { display: block; } @media screen and (min-width: 1024px) { .product-main-body .product-main-slider-item img.lazy { max-height: 300px !important; } .product-main-appearance-body { padding-top: 0; } .product-main-variants { margin-top: 22px; } } .h50 { height: 50%; } .h100 { height: 100%; } .store-details-images { margin-bottom: 20px; } .store-details-images-chunk { display: flex; } .store-details-image img { width: 100%; height: inherit; object-fit: cover; } .store-details-image { width: 100%; height: 132px; margin-right: 6px; margin-bottom: 6px; } .store-details-image-big { width: auto; height: 270px; } @media (min-width: 660px) { .store-details-images-chunk>div{ width: 30%; } .store-details-images-chunk>.store-details-image-big{ width: 50%; } } .store-mini-banner { width: 243px; height: 240px; } .store-details-image-link { height: 100%; } @media (max-width: 659.98px) { .store-details-images-chunk { display: block; } .store-details-image { width: auto; height: auto; margin-right: 0; } .store-details-image-link { height: auto; } } .jobs-header .vr-popup.vregions-popup-que { display: none !important; } .site-menu-xs .site-menu-col { height: auto; max-height: none; } /*========== TEXTAREA STYLES ==========*/ .scrollbar-outer > .scroll-element, .scrollbar-outer > .scroll-element div { border: none; margin: 0; padding: 0; position: absolute; z-index: 10; } .scrollbar-outer > .scroll-element { background-color: #ffffff; } .scrollbar-outer > .scroll-element div { display: block; height: 100%; left: 0; top: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-x { bottom: 0; height: 12px; left: 0; width: 100%; } .scrollbar-outer > .scroll-element.scroll-y { height: 100%; right: 0; top: 0; width: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-element_outer { height: 8px; top: 2px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-element_outer { left: 2px; width: 8px; } .scrollbar-outer > .scroll-element .scroll-element_outer { overflow: hidden; } .scrollbar-outer > .scroll-element .scroll-element_outer, .scrollbar-outer > .scroll-element .scroll-element_track, .scrollbar-outer > .scroll-element .scroll-bar { -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; } .scrollbar-outer > .scroll-element .scroll-bar { background-color: #d9d9d9; } .scrollbar-outer > .scroll-element .scroll-bar:hover { background-color: #c2c2c2; } .scrollbar-outer > .scroll-element.scroll-draggable .scroll-bar { background-color: #919191; } .scrollbar-outer > .scroll-content.scroll-scrolly_visible { left: -12px; margin-left: 12px; } .scrollbar-outer > .scroll-content.scroll-scrollx_visible { top: -12px; margin-top: 12px; } .scrollbar-outer > .scroll-element.scroll-x .scroll-bar { min-width: 10px; } .scrollbar-outer > .scroll-element.scroll-y .scroll-bar { min-height: 10px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_track { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_track { top: -14px; } .scrollbar-outer > .scroll-element.scroll-x.scroll-scrolly_visible .scroll-element_size { left: -14px; } .scrollbar-outer > .scroll-element.scroll-y.scroll-scrollx_visible .scroll-element_size { top: -14px; } .scroll-wrapper { overflow: hidden !important; padding: 0 !important; position: relative; } .scroll-wrapper > .scroll-content { border: none !important; box-sizing: content-box !important; height: auto; left: 0; margin: 0; max-height: none; max-width: none !important; overflow: scroll !important; padding: 0; position: relative !important; top: 0; width: auto !important; } .scroll-wrapper > .scroll-content::-webkit-scrollbar { height: 0; width: 0; } .scroll-element { display: none; } .scroll-element, .scroll-element div { box-sizing: content-box; } .scroll-element.scroll-x.scroll-scrollx_visible, .scroll-element.scroll-y.scroll-scrolly_visible { display: block; } .scroll-element .scroll-bar, .scroll-element .scroll-arrow { cursor: default; } .scroll-textarea { border: 1px solid #ededed; border-radius: 30px; padding: 15px 30px; } .message-form-textarea .scroll-content textarea { padding: 15px 30px; } .scroll-textarea > .scroll-content { overflow: hidden !important; } .scroll-textarea > .scroll-content > textarea { border: none !important; box-sizing: border-box; height: 100% !important; margin: 0; max-height: none !important; max-width: none !important; overflow: scroll !important; outline: none; position: relative !important; top: 0; width: 100% !important; } .scroll-textarea > .scroll-content > textarea::-webkit-scrollbar { height: 0; width: 0; } .site-wrapper[data-page="faq"] .spoiler-header:hover { color: #013874; text-decoration: underline; } .product-delivery-tab-title { font-weight: 500; line-height: 38px; font-size: 36px; margin-bottom: 40px; } .product-delivery-tabs { display: -ms-flexbox !important; display: flex !important; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -15px; margin-left: -15px; } .product-delivery-tab { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; padding: 0 30px; } @media (min-width: 1024px) { .product-delivery-tab { -ms-flex: 0 0 50%; flex: 0 0 50%; max-width: 50%; } } #popup-images { overflow: visible; } #popup-images .product-thumbs-slider-nav.product-thumbs-slider-nav-big .icon { width: 22px; height: 50px; } #popup-images .product-thumbs-slider-nav.product-thumbs-slider-nav-big[data-direction="left"] { right: calc(100% + 17px); } #popup-images .product-thumbs-slider-nav.product-thumbs-slider-nav-big[data-direction="right"] { left: calc(100% + 17px); } @media (max-width: 767px) { #popup-images .product-thumbs-slider-nav.product-thumbs-slider-nav-big[data-direction="left"], #popup-images .product-thumbs-slider-nav.product-thumbs-slider-nav-big[data-direction="right"] { display: none !important; } #popup-images .product-main-slider-item img { height: auto; max-width: calc(100vw - 140px); margin: 0; } } .form-register .captcha { margin-top: 20px; } @media (max-width: 768px) { .mobile-hide { display: none !important; } } .product-main ymaps[class*="balloon-overlay"] > ymaps > ymaps[class*="balloon"], .stores ymaps[class*="balloon-overlay"] > ymaps > ymaps[class*="balloon"], .map-delivery ymaps[class*="balloon-overlay"] > ymaps > ymaps[class*="balloon"], .map-store ymaps[class*="balloon-overlay"] > ymaps > ymaps[class*="balloon"] { margin-top: -50px; left: 0 !important; transform: translateX(-50%); box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25) !important; } .product-main ymaps[class*="balloon__tail"], .stores ymaps[class*="balloon__tail"], .map-delivery ymaps[class*="balloon__tail"], .map-store ymaps[class*="balloon__tail"] { left: calc(50% - 12px); } .product-main ymaps[class*="balloon__close"], .stores ymaps[class*="balloon__close"], .map-store ymaps[class*="balloon__close"], .map-delivery ymaps[class*="balloon__close"] { display: block; } .product-main ymaps[class*="balloon__content"], .stores ymaps[class*="balloon__content"], .map-store ymaps[class*="balloon__content-body"], .map-delivery ymaps[class*="balloon__content"] { font-family: "Geometria", "sans-serif"; font-style: normal; text-align: center; color: #333; font-size: 16px; line-height: 22px; padding: 20px 12px !important; margin: 0 !important; } .product-main ymaps[class*="balloon__content"] ymaps[class*="balloon-content__header"], .stores ymaps[class*="balloon__content"] ymaps[class*="balloon-content__header"], .map-delivery ymaps[class*="balloon__content"] ymaps[class*="balloon-content__header"], .map-store ymaps[class*="balloon__content"] ymaps[class*="balloon-content__header"] { font-weight: 500; font-size: inherit; } .stores-list-container { position: relative; } .header-dropdown[data-id="authorization"], .header-dropdown[data-id="registration"] { max-height: calc(100vh - 100px); overflow: auto; padding: 10px; } .header-dropdown[data-id="authorization"] { max-height: none; } .header-dropdown[data-id="authorization"] .dropdown-header, .header-dropdown[data-id="registration"] .dropdown-header { margin: 20px; margin-bottom: 0; } .header-dropdown[data-id="authorization"] .dropdown-body, .header-dropdown[data-id="registration"] .dropdown-body { margin: 20px; margin-top: 0; } @media (max-width: 1024px) { .footer-header { display: block; } } @media (min-width: 1024px) { .site-menu-col { max-height: none; } } .catalog_top .site-menu-col { height: auto; max-height: calc(100vh - 142px); overflow-y: auto; } .site-menu-xs .catalog_top .site-menu-col { max-height: calc(100vh - 100px); } .overlay { display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; z-index: 10000; } .overlay.is-active { display: block; } .overlay .loading_spinner { height: 100%; } @media (min-width: 768px) { .catalog_top:hover > ul.catalog_slide { height: 100%; } } .js_compare.active { color: white; background: #013874; border-color: #013874; text-decoration: none; box-shadow: none; } .js_compare.active .product-main-payment-compare-icon { stroke: white; fill: #013874; } .js_compare.active.product-main-payment-compare-btn-icon { background: transparent; } .js_compare.active.product-main-payment-compare-btn-icon .btn { background: #013874; border-color: #013874; } .catalog-items[data-type="list"] .oneclick-form-input { padding: 0px 20px 0 5px; } .catalog-items[data-type="list"] .oneclick-form-input::placeholder { padding-left: 25px; } .catalog-items[data-type="list"] .oneclick-form-btn { width: 16px; right: 9px; } .popup .product-main { margin-top: 0 !important; } .popup-close { z-index: 1; } @media (min-width: 1440px) { .cart-side .cart-oneclick-input-wrapper { margin-right: -160px; } .cart-side .cart-oneclick input { padding-right: 160px; } .cart-side .cart-oneclick .btn { max-width: 160px; } } .product[data-layout="horizontal"] .product-btn { margin-top: 6px; } @media (min-width: 1440px) { .product[data-layout="horizontal"] .product-footer { -ms-flex: 0 0 22%; flex: 0 0 22%; } } @media (max-width: 991px) { .spoiler-header span { width: 100%; } } @media (max-width: 600px) { .header-dropdown[data-id="cart-compact"] { max-width: 100vw; right: -17px; } .header-dropdown[data-id="compare"] { max-width: 100vw; right: -114px; } } .footer-footer-copyright { padding-right: 40px; } .product-set-slider-item { position: relative; } .product-set-slider-item-in-basket { display: none; justify-content: center; align-items: center; position: absolute; top: 0; left: 20px; width: 15px; height: 15px; background: #4FA9E8; border-radius: 50%; } .product-set-slider-item.in-basket .product-set-slider-item-in-basket { display: -ms-flexbox !important; display: flex !important; } .product-set-slider-item-in-basket svg { width: 9px; height: 9px; fill: #fff; } .product-main-video-prev { width: 77px; height: 57px; } .product-main-video { position: relative; } .product-main-video-icon { position: absolute; top: 13px; left: 23px; width: 31px; height: 31px; } @media print { .b24-widget-button-wrapper { display: none !important; } #panel { display: none !important; } } .header-location .vr-popup__header { display: -ms-flexbox; display: flex; justify-content: center; } .header-location .vr-popup__header .icon { width: 14px; height: 20px; fill: #013874; margin-right: 10px; } .header-location .vr-popup__title { font-size: 16px; font-weight: 400; margin-bottom: 16px; } .header-location .vr-popup__title b { font-weight: 500; } .header-location .vr-popup.vregions-popup-que:before, .header-location .vr-popup.vregions-popup-que:after { border-width: 14px; left: 15px; } .header-location .vr-popup.vregions-popup-que:before { top: -27px; } .header-location .vr-popup.vregions-popup-que:after { top: -29px; } .header-location .vr-popup__button { height: 35px; line-height: 35px; font-weight: 400; } .header-location .vr-popup.vregions-popup-que { padding: 20px 38px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.25); top: 125%; left: 40px; } a.location-select { color: inherit; text-decoration: none; } .product-related { margin: 8px 8px; } .slider-similar-mini { display: block; position: relative; width: 100%; max-width: 267px; margin-top: 20px; } .slider-similar-mini { position: relative; } .similar-mini-slider-nav { background: #FFFFFF; border: 1px solid #E0E0E0; border-radius: 50%; box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.1); width: 30px; height: 30px; cursor: pointer; -ms-flex-align: center; align-items: center; -ms-justify-content: center; justify-content: center; position: absolute; top: 50%; transform: translateY(-50%); z-index: 1; } .similar-mini-slider-nav.is-active { display: -ms-flexbox !important; display: flex !important; } .similar-mini-slider-nav .icon { width: 6px; height: 12px; fill: #BDBDBD; display: block; transition: fill 500ms; } .similar-mini-slider-nav:hover .icon { fill: #013874; } .similar-mini-slider-nav[data-direction="left"] .icon { transform: rotate(180deg); } .similar-mini-slider-nav[data-direction="left"] { left: -6px; } .similar-mini-slider-nav[data-direction="right"] { right: -6px; } .product-related[data-type="2"] .product-related-footer { flex-wrap: wrap; } .product-related[data-type="2"] .product-related-btn { max-width: none; margin-bottom: 10px; } .product-related[data-type="2"] .product-related-more { text-align: center; } @media (max-width: 1023px) { .product-main-payment-wrapp { min-height: 340px; } } @media (max-width: 659.98px) { .slider-similar-mini { max-width: calc(100vw - 40px); } .similar-mini-slider-nav.is-active { display: none !important; } } @media (max-width: 659.98px) { .product-related:first-child { margin-top: 10px; } .similar-mini-slider-nav[data-direction="left"] { right: 97%; } .similar-mini-slider-nav[data-direction="right"] { left: 97%; } } .header-counter { display: block; } .subheader .subheader-call-request a[data-id="callrequest"] { color: #fff; } .page-print { text-decoration: none; } .page-print:hover, .page-print:visited { color: #828282; } .subheader-menu-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; text-decoration: none; } .subheader-lite-menu-btn { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; text-decoration: none; } .subheader-lite-menu-btn, .subheader-lite-menu-btn:visited { color: #333; } .subheader-lite-menu-btn.is-active .icon-cross { display: block; } .subheader-lite-menu-btn.is-active .icon-menu { display: none; } .btn:focus { outline: -webkit-focus-ring-color auto 1px; } .spoiler-header, .spoiler-header:hover, .spoiler-header:visited, .filter-header:hover, .filter-header:visited, .filter-header, .product-main-variants, .product-main-variants:hover, .product-main-variants:visited, .product-main-variants:focus { color: #333; text-decoration: none; } .social-item[data-type="ok"] svg { position: relative; width: 100%; padding: 10px; } @media (max-width: 1023.98px) { .social-item[data-type="ok"] svg { padding: 5px; } } .stores-tab, .stores-tab:visited { color: #333; text-decoration: none; } .stores-tab.is-active, .stores-tab.is-active:visited { color: #fff; } .subheader-call-offer:visited { color: #828282; } .show-more, .show-more:hover, .show-more:visited { display: block; color: #333; text-decoration: none; } .product-added__footer .product-main-payment-oneclick { text-decoration: none; flex: 0 1 35%; position: relative; } .product-main-tab, .product-main-tab:visited, .product-main-tab:focus, .product-equipment-tab, .product-equipment-tab:visited, .product-equipment-tab:focus, .map-stores-item-title, .map-stores-item-title:visited, .map-stores-item-title:focus { color: #333; text-decoration: none; } .product-main-tab.is-active, .product-equipment-tab.is-active { color: #4fa9e8; } .map-stores-item { display: block; } .ideas-item-anchor:focus { outline: none; } .ideas-item { position: relative; } .js-slider-similar-mini-hidden { opacity: 0; height: 0; } .product-set .oneclick-form-input-set { padding: 0 30px 0 16px; } .product-set .oneclick-form-btn { width: 40px; } .simple-cart, .header-simple { z-index: 40; } .cart-trigger { text-decoration: none; } .cart-item-delete a { text-decoration: none; } .service-tab, .service-tab:not(.is-active):visited { text-decoration: none; color: #013874; } .service-tab:hover { color: #fff !important; } .jobs-spoiler-header { text-decoration: none; } .comments-title { padding-bottom: 40px; } .comments-list .comments-item:first-child { padding-top: 0px; } .product-thumbs-wrapper, .product-main-360, .product-main-video { margin-bottom: 10px; } #SEBEKON_DELIVERYPRICE_ORDER ymaps[class*="controls__control"] { left: 100% !important; margin-left: -38px !important; } #SEBEKON_DELIVERYPRICE_ORDER ymaps[class*="controls__bottom"] { display: none; } .map-store ymaps[class*="controls__control"] { right: auto !important; } :focus { outline: none; } .is-tab-nav :focus { outline: 2px solid #4fa9e8; } .print { display: none; } @media print { .print { display: block; } } @media print { .site-wrapper[data-page="account-order"], .site-wrapper[data-page="contacts"] { display: none; } } .account-order-print, .contacts-print { margin-bottom: 20px; } .contacts-print .contacts-body { margin-bottom: 20px; } .contacts-print .contacts-col { width: 100% !important; } @media (min-width: 768px) { .site-menu-catalog .catalog_top:hover ul[data-lvl="1"] { overflow: hidden; } .site-menu-catalog .catalog_top:hover ul[data-lvl="1"] { display: flex; flex-wrap: wrap; position: relative; width: 100%; padding: 20px; margin: 0; box-sizing: border-box; } .site-menu-catalog ul[data-lvl="1"] li[data-lvl="2"] { display: block; width: 33%; padding-left: 45px; padding-right: 16px; padding-top: 5px; margin-bottom: 35px; } .site-menu-catalog .catalog_top:hover .catalog_slide { display: block; width: 770px; height: 100%; } .site-menu-catalog .catalog_top:hover .catalog_slide.js-scrollbar-container .catalog_slide { left: 0; } .site-menu-catalog ul[data-lvl="1"] li[data-lvl="2"] .site-menu-link { font-family: Geometria; font-style: normal; font-weight: 500; font-size: 15px; line-height: 19px; letter-spacing: 0.02em; color: #333333; border-top: none; padding: 0; height: auto; } .site-menu-catalog ul[data-lvl="1"] .category_level1_podmenu li[data-lvl="3"] .site-menu-link { font-family: Geometria; font-style: normal; font-weight: normal; font-size: 14px; line-height: 18px; letter-spacing: 0.02em; color: #828282; border-top: none; padding: 0; height: auto; } .site-menu-catalog ul[data-lvl="1"] .icon-arrow { display: none; } .site-menu-catalog ul { border: none; } } .site-menu-catalog .site-menu-link:hover .icon { fill: #4fa9e8; } .site-wrapper[data-page="index"] .site-menu-catalog.menu-content { overflow: inherit; } .site-menu-catalog .category_level1_podmenu { display: block; padding: 0; margin-top: 2px; } .site-menu-catalog .category_level1_podmenu .site-menu-link, .site-menu-catalog .category_level1_podmenu .sections-more { margin-top: 8px; } .site-menu-catalog .section-icon img { position: absolute; top: 0; left: 0; max-width: 38px; } .site-menu-catalog .sections-more { display: flex; align-items: center; text-decoration: none; } .site-menu-catalog .sections-more .icon { display: block !important; fill: #4fa9e8; margin-left: 8px; width: 7px; height: 7px; } .site-menu-catalog .catalog_top .site-menu-col { max-height: none; } .site-menu-catalog ul[data-lvl="1"] .site-menu-link:hover { color: #4fa9e8 !important; } .site-menu-col .icon-discount { fill: #4FA9E8 !important; } .site-menu-discount, .site-menu-discount:visited { color: #4FA9E8 !important; } .menu-content:not(:hover) .catalog_top:nth-child(n+11) { display: none; } header.is-sticky .menu-content:not(:hover) .catalog_top:nth-child(n+11) { display: block; } .is-deployed .catalog_top { display: block !important; } .compare .notetext { display: block; padding: 20px; font-size: 16px; color: #f00; } .compareBox[data-items="1"] .slider-nav, .compareBox[data-items="2"] .slider-nav { display: none; } .site-menu-xs .site-menu { max-height: calc(100vh - 60px); overflow-y: auto; } .certificates-title.is-disabled .icon { display: block; } @media (max-width: 1439.98px) { .certificates-title.is-disabled .icon { display: none; } } .location-block-wrapper .icon-search { width: 13px; height: 100%; fill: #E0E0E0; position: absolute; left: 7px; } .location-block-wrapper .bx-ui-sls-clear { display: none !important; } .location-block-wrapper .bx-ui-sls-loader { top: 12px; right: 6px; } .location-block-wrapper .bx-ui-sls-pane { background: #FFFFFF; border: 1px solid #E0E0E0; box-sizing: border-box; border-radius: 30px; -webkit-box-shadow: none; box-shadow: none; overflow: hidden !important; padding: 9px 12px; } .location-block-wrapper .bx-ui-sls-variants { max-height: 280px; } .location-block-wrapper .bx-ui-sls-variant { border-radius: 30px; padding: 9px 12px !important; margin-bottom: 3px !important; } .location-block-wrapper .bx-ui-sls-variant-active { background: #F3F3F3 !important; } .location-block-wrapper .bx-ui-sls-variant:hover { background: #e8e8e8 !important; } .location-block-wrapper .bx-ui-sls-variant, .location-block-wrapper .bx-ui-sls-variant .dropdown-item-text { line-height: 14px; } .location-block-wrapper .mCSB_scrollTools { right: -6px; } .brand-share, .collection-share { text-align: right; margin-bottom: 10px; } .compareBox.is-different [data-different="N"] { display: none; } @media (min-width: 1024px) { .product-slider .slider-nav[data-origin="products-desctop"] { display: -ms-flexbox; display: flex; } } .subscription-row-icon svg { width: 16px; height: 16px; margin-top: -2px; } .article-brand { -ms-flex: 0 0 100%; flex: 0 0 100%; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -ms-flex-align: center; align-items: center; margin-top: 20px; } @media (min-width: 660px) { .article-brand { -ms-flex: 1; flex: 1; -ms-flex-pack: end; justify-content: flex-end; margin-top: 0; } } .cart-process-row label.error { color: #DC4E41; line-height: 14px; font-size: 12px; margin: 20px 0 15px; } #DCFrameBlock { max-height: 100vh; } .payment-link__page-content { padding-bottom: 35px; margin-bottom: 0; border-bottom: 1px solid #F2F2F2; } .payment-link__page-content-two { padding-top: 35px; margin-top: 0; } .payment-link__title { font-size: 18px; line-height: 23px; margin-bottom: 30px; } .payment-link__title b { font-weight: normal; } .payment-link__score { font-size: 14px; line-height: 18px; margin-bottom: 24px; } .payment-link__sum { font-weight: bold; font-size: 14px; line-height: 18px; } .payment-link__btns .btn { width: auto; height: 45px; padding: 0px 68px; } .mt-0 { margin-top: 0; } .payment-link__sum-title { margin-right: 35px; } .sale_order_full_table { width: 100%; } .oneclick-form-btn { transition-property: background-color, border-color, box-shadow, color; transition-duration: 500ms; } .oneclick-form-btn.active { background-color: #013874; } .oneclick-form-btn.active .icon { fill: #fff; } .oneclick-form-btn.active:hover { background-color: #fff; text-decoration: none; box-shadow: 0 0 8px rgba(0, 0, 0, 0.25); } .oneclick-form-btn.active:hover .icon { fill: #013874; } body:not(.static-search) .title-search-result { z-index: 1110 !important; position: fixed !important; top: 70px !important; max-height: calc(100vh - 90px); overflow: auto; } @media (max-width: 1023px) { .title-search-result { top: 168px !important; } body:not(.static-search) .title-search-result { top: 129px !important; max-height: calc(100vh - 149px); } } @media (max-width: 859px) { .title-search-result { max-width: 500px !important; margin-left: -250px !important; } } @media (max-width: 659px) { .title-search-result { display: none !important; } } .welcome-slider:not(.slick-initialized) .welcome-slider-item-container { display: none; } .welcome-slider:not(.slick-initialized) .welcome-slider-item-container:first-child { display: block; width: 100%; } .catalog_slide { display: none; } ul.site-menu-col li { padding-left: 0; margin-top: 0; } ul.site-menu-col li:before { display: none; } ul.site-menu-col { position: relative; } .category_level1_podmenu { display: none; } .site-menu-col { height: 100%; } .category_level1_podmenu { overflow: auto; } @media (min-width: 768px) { .catalog_top:hover > ul.catalog_slide { display: block; position: absolute; left: 100%; top: 0; margin-top: 0; width: 100%; } ul.catalog_slide .category_1:hover .category_level1_podmenu { display: block; position: absolute; left: 100%; top: 0; margin-top: 0; width: 100%; } } @media (max-width: 768px) { .catalog_slide.site-menu-col[data-lvl="2"], .catalog_slide.site-menu-col[data-lvl="3"] { left: 100%; top: 0; position: absolute; width: 100%; margin-top: 0; } .category_level1_podmenu.site-menu-col[data-lvl="3"] { left: 100%; top: 0; position: absolute; width: 100%; margin-top: 0; } } @media (max-width: 768px) { .map-stores-items { max-width: 250px; } .product-delivery .map-stores-items { display: none; } .product-delivery .map-stores-item { background: rgba(255, 255, 255, 0.85); } } .reply-form-row-first { margin-top: 0; } .hide-active.is-active { display: none; } .baloon-title-detail { margin-top: 10px; } @media (min-width: 1024px) { .baloon-title-detail { display: none; } } .cart-compact-item-remove .icon-wrapper { text-decoration: none; } .loading_spinner.transparent { background: none; } .product-main-spoiler .spoiler-questions { padding: 0; } .user-feed-questions .reply-form { padding-bottom: 20px; } .popup[data-id="location"] { z-index: 1100; } .site-menu-cols { transition: none; } .site-menu-nav { transition: none; } .product-main-preview { z-index: 1200; } .popup { z-index: 1200; } .articles .article-header { height: 0; padding-bottom: 57.255%; } .articles .article-header-content { position: absolute; top: 0; left: 0; right: 0; bottom: 0; } @media screen and (max-width: 1440px) { .pagination-item-before[data-offset="2"], .pagination-item-after[data-offset="2"] { display: none; } } @media (max-width: 765.98px) { .pagination-item.pagination-nav span { display: none; } .pagination-nav.left .icon, .pagination-nav.right .icon { margin-left: 0; margin-right: 0; } } @media (max-width: 539.98px) { .pagination { display: flex !important; } .pagination-item { padding-left: 0; padding-right: 0; flex-grow: 1; max-width: 50px; } } .page-controls { flex-wrap: wrap; } .guarantee-icon { min-width: 45px; } .ideas-comments .comments-list { padding-bottom: 60px; } .ideas-comments .question-form .message-form { padding-top: 0; } .ideas-comments .question-form { margin-bottom: 10px; } .header-title a, .ideas-thumbs-title a { color: inherit; text-decoration: none; } .about-ideas .ideas-thumbs-arrow { display: none; } .slick-arrow { cursor: pointer; } #map-delivery { width: 100%; height: 300px; } .map-balloon-name { font-family: "Geometria", "sans-serif"; font-style: normal; font-weight: 500; color: #333; font-size: 16px; line-height: 22px; margin: 0 0 5px; } .map-balloon-container { text-align: left; max-width: 230px; } .map-balloon-address, .map-balloon-description { font-family: Geometria; font-style: normal; font-weight: normal; font-size: 12px; line-height: 18px; margin-top: 8px; margin-bottom: 12px; } .map-balloon-title { font-family: Geometria; font-style: normal; font-weight: 500; font-size: 12px; line-height: 15px; color: #b6b6b6; margin-top: 5px; margin-bottom: 5px; } .map-balloon-schedules { font-family: Geometria; font-style: normal; font-weight: normal; font-size: 12px; line-height: 15px; margin-bottom: 12px; } .map-balloon-schedule-name { margin-right: 5px; } .map-balloon-delivery { font-family: Geometria; font-style: normal; font-weight: 500; font-size: 14px; line-height: 18px; color: #6FCF97; margin-bottom: 12px; } .map-balloon-phone { font-family: Geometria; font-style: normal; font-weight: normal; font-size: 12px; line-height: 15px; } .cart-compact-item-title { max-height: 48px; } .map-stores-items-container { max-width: 320px; background: rgba(255, 255, 255, 0.85); height: 100%; min-height: 100%; max-height: 100%; overflow: hidden !important; position: relative; } .map-stores-items.scroll-wrapper, .stores-index .stores-list.scroll-wrapper { background: none; } .delivery-price-img { display: none; } .product-main-tab.hide { display: none; } .product-main-parameters-list .product-main-parameters-item { overflow: hidden; text-overflow: ellipsis; /*white-space: nowrap;*/ } .product-main-parameters-list .product-main-parameters-item-sub { display: none; position: absolute; cursor: default; z-index: 1; margin-top: 10px; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); } .product-main-parameters-list .product-main-parameters-item-sub-content { position: relative; max-width: 380px; background: #fff; z-index: 1; padding: 20px; } .product-main-parameters-list .product-main-parameters-item-sub::before { content: ''; display: block; position: absolute; bottom: calc(100% - 10px); left: 60px; width: 20px; height: 20px; background: white; box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.1); transform: rotate(45deg); } @media (min-width: 768px) { .product-main-parameters-list .product-main-parameters-item:hover + .product-main-parameters-item-sub, .product-main-parameters-list .product-main-parameters-item-sub:hover { display: block; animation: 500ms forwards contentSlideUp; } } .product-main-components { width: 100%; } .article-details iframe { border: none; } .product-thumbs-slider-item { overflow: hidden; } .table-container { overflow: auto; } .subheader-lite .site-menu-col { max-height: none; } .site-menu li.sub-title { text-transform: uppercase; background: #f9f9f9; } #DCFrameBlock { position: fixed !important; } .header-dropdown[data-id="registration"] { overflow: hidden; padding: 0; max-height: none; } .header-dropdown[data-id="registration"] .scroll-wrapper { overflow: auto !important; padding: 10px !important; max-height: calc(100vh - 100px); } .header-dropdown[data-id="registration"] .dropdown-body { box-sizing: border-box; } .catalog_not_items .collections { display: none; } .seo-text .h3 { font-size: 19px; font-weight: 400; text-align: left; } .container .articles .container { padding: 0; } .product-main-slider.no-images { width: 100%; } .ideas-footer { margin-bottom: 10px; } .site-wrapper[data-page="index"] .ideas-nav { height: calc(100% - 80px); } .processing-permission .cart-error { position: absolute; bottom: -20px; } .processing-permission .cart-error.is-active ~ .processing-checkbox-label { margin-bottom: 20px; } @media (max-width: 1439px) { .processing-permission .cart-error.is-active ~ .processing-checkbox-label { margin-bottom: 40px; } } @media (max-width: 1023px) { .processing-permission .cart-error.is-active ~ .processing-checkbox-label { margin-bottom: 30px; } } @media (max-width: 659px) { .processing-permission .cart-error.is-active ~ .processing-checkbox-label { margin-bottom: 40px; } } @media (min-width: 1024px) { .datetime-container { top: -217px; right: 113%; } .datetime-container .datepicker { margin-bottom: 6px; } } .product-promo-form-item { position: relative; } .product-promo-form-item .datetime-container { top: 100%; left: 0; width: 400px; margin-top: 6px; } .product-specs-file-sert-html p { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; background: url('/images/pdf-icon.png') left center no-repeat; padding-left: 66px; height: 52px; margin-top: 30px; } .js-ajax-block[data-block="actions-slider"]:not(.is-loaded), .js-ajax-block[data-block="actions-slider"]:not(.is-loaded) .loading_spinner, .js-ajax-block[data-block="sale-slider"]:not(.is-loaded), .js-ajax-block[data-block="sale-slider"]:not(.is-loaded) .loading_spinner { min-height: 451px; } .js-mobile-ideas-block { min-height: 522px; } .js-ajax-block[data-block="menu-horizontal-catalog"]:not(.is-loaded), .js-ajax-block[data-block="menu-horizontal-catalog"]:not(.is-loaded) .loading_spinner { display: flex; height: 520px; } .js-ajax-block[data-block="indexItemDay"]:not(.is-loaded){ display: none; } @media(min-width: 1440px){ .js-ajax-block[data-block="indexItemDay"]:not(.is-loaded) { display: flex; width: 300px; margin-top: 20px; margin-left: 20px; height: 410px; position: relative; } .js-ajax-block[data-block="indexItemDay"]:not(.is-loaded) .loading_spinner { height: 100%; } } .js-ajax-block[data-block="indexBrands"] { flex: 0 0 100%; max-width: 100%; position: relative; } .js-ajax-block[data-block="indexBrands"]:not(.is-loaded) { height: 70px; margin-top: 20px; } .js-ajax-block[data-block="indexBrands"]:not(.is-loaded) .loading_spinner { display: flex; height: 100%; } #toTop { width: 50px; height: 60px; background-image: url('/local/templates/aquanet_new/css/../images/active.svg'); background-repeat: no-repeat; position: fixed; bottom: 50px; left: 40px; cursor: pointer; display: none; z-index: 5; } #toTop:hover { background-image: url('/local/templates/aquanet_new/css/../images/not-active.svg'); width: 50px; height: 60px; } .product-main-images-header-text { font-weight: 400; line-height: 1.2; font-size: 24px; } .product-set-price span { margin-left: 5px; } /*оферта*/ .oferta { margin-top: 10px; text-decoration: none !important; color: #333333; } .js-oneclick-hidden-detail .oferta { text-decoration: none !important; font-size: 12px; } /*текст обнинск*/ p.shop_text { color: red; } .bot-catcher { width: 0; height: 0; overflow: hidden; } @media (max-width: 659px) { .site-wrapper[data-page="index"] .ideas .solution-category { font-size: 16px; } .site-wrapper[data-page="index"] .ideas-nav { height: 192px; } } .product-equipment.is-light .selectboxit-options { top: auto !important; } .product-added { font-family: Geometria; position: relative; width: 100%; max-width: 890px; overflow: visible; padding: 52px 30px 0; margin-top: 70px; margin-bottom: 20px; background-color: #fff; } @media (max-width: 991px) { .product-added { padding: 52px 30px 30px; } } .product-added__icon { position: absolute; top: -56px; left: 50%; width: 100px; height: 100px; margin-left: -60px; padding: 10px; background: #fff; border-radius: 50%; box-sizing: content-box; } .product-added .fancybox-button { width: 54px; height: 54px; } .product-added__icon .icon { width: inherit; height: inherit; } .product-added__title { font-weight: bold; font-size: 26px; line-height: 33px; color: #013874; text-align: center; padding-bottom: 30px; border-bottom: 1px solid #F2F2F2; } .product-added__item { padding: 40px 0; border-bottom: 1px solid #F2F2F2; } .product-added-item { display: -ms-flexbox; display: flex; height: 100%; } .product-added-item__img { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: center; -webkit-box-pack: center; -ms-flex-pack: center; -ms-flex: 0 0 100px; flex: 0 0 100px; max-width: 100px; height: 100%; } .product-added-item__img img{ max-height: 67px; } .product-added-item__body { display: -ms-flexbox; display: flex; -ms-flex: 1; flex: 1; padding-left: 30px; } .product-added-item__title { -ms-flex: 0 1 75%; flex: 0 1 75%; font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #000000; padding-right: 20px; } .cart-item-val{ flex: 1 0 10%; padding-right: 20px; } .cart-content.adaptive[data-type="desktop"] .cart-item-val { padding-right: 23px; } .cart-item-amount{ display: flex; } .product-added-item__price { -ms-flex: 0 0 22%; flex: 0 0 22%; } .product-added-item__price-current { font-style: normal; font-weight: bold; font-size: 26px; line-height: 33px; color: #333; } .product-added__footer { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: space-around; -webkit-box-pack: justify; -ms-flex-pack: justify; padding-top: 30px; flex-wrap: wrap; } .product-added__footer .oneclick-form-btn{ top: 12px; width: 100%; max-width: 160px; right: -40px; } .product-added__cart-sum { font-style: normal; font-weight: 500; font-size: 14px; color: #4F4F4F; } .product-added__btns { display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; justify-content: flex-end; -webkit-box-pack: end; -ms-flex-pack: end; -ms-flex: 1; flex: 1; } .product-added__btn { font-size: 16px; height: 45px; padding-left: 20px; padding-right: 20px; margin-left: 20px; } .product-added__btn:focus { outline: none; } @media screen and (max-width: 991px) { .product-added { max-width: 740px; } .product-added__footer { flex-direction: column; align-items: stretch; } .product-added__cart-sum { margin-bottom: 25px; } .product-added__btn:first-child { margin-left: 0; } .product-added__footer .product-main-payment-oneclick{ align-self: center; } } @media screen and (max-width: 767px) { .product-added { max-width: 560px; } .product-added__title { font-size: 20px; line-height: 24px; } .product-added-item__body { display: block; } .product-added-item__title { margin-bottom: 30px; padding-right: 0; } .product-added__btn { margin-top: 10px; font-size: 14px; } } @media screen and (max-width: 576px) { .product-added { max-width: 95%; } .product-added-item__img { -ms-flex: 0 0 80px; flex: 0 0 80px; } .product-added-item__title { font-size: 14px; } .product-added-item__price-current { font-size: 18px; } .product-added__btns { display: block; } .product-added__btn { margin-left: 0; } } @media screen and (max-width: 480px) { .product-added__footer .product-main-payment-oneclick { align-self: flex-start; width: 100%; } .product-added__footer .oneclick-form-btn { max-width: 120px; right: -2px; } } /*Анкета google*/ #boxes4 { width: 600px; height: 600px; display: none; position: fixed; z-index: 99999; background: rgba(0, 0, 0, 0.8); left: 50%; top: 50%; transform: translate(-50%, -50%); } #boxes4 object { width: 100%; height: 100%; max-height: 100%; z-index: 99999; background-color: #fff; } p.survey_yes { display: inline-block; width: 48%; box-sizing: border-box; background-color: #013874; border: 0; color: white; border-radius: 3px; cursor: pointer; text-transform: uppercase; text-decoration: none; text-align: center; opacity: 0.8; -webkit-appearance: none; float: left; margin-right: 2%; padding: 5px 0; font-size: 12px; } p.survey_no { display: inline-block; margin-left: 2%; width: 48%; box-sizing: border-box; background-color: #0969A4; border: 0; padding: 5px 0; color: white; border-radius: 3px; cursor: pointer; text-transform: uppercase; text-decoration: none; text-align: center; opacity: 0.8; float: right; -webkit-appearance: none; font-size: 12px; } p.survey_yes:hover, p.survey_no:hover { opacity: 0.9; } /*Ìîäàëüíîå îêíî*/ #bg_popup{ position: fixed; z-index: 99999; right: 40px; bottom: 150px; display: none;} #popup { background:#fff; -webkit-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45); -moz-box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45); box-shadow: 0px 2px 4px 0px rgba(0, 0, 0, 0.45); width: 260px; height: 233px; border: 1px solid #CCCCCC; padding: 5px 20px; position: relative;} .close{ display:block; position:absolute; top:10px; right:30px; width:23px; height:23px; text-decoration: none; font-size: 24px; background-color: transparent; color:#000; cursor:pointer;} #popup p { margin-bottom: 16px; } #bg_layer { display: none; } #bg_layer:before { content: ''; background: #000; position: fixed; left: 0; top: 0; width: 100%; height: 100%; opacity: 0.7; z-index: 9999; } @media screen and (max-width: 601px) { #bg_popup { top: 0; } #popup { width: 90%; } #bg_popup object, #bg_popup object embed { width: 100%; height: 600px; } } @media screen and (min-width: 1024px) and (max-width: 1120px) { .subheader-call-request { margin-right: 10px; } .subheader-fastnav:first-child .subheader-fastnav-link { padding-left: 10px; } .subheader-fastnav-link { padding: 0 10px; } } @media screen and (max-width: 400px) { .footer-social .social-item { width: 30px; height: 30px; } } .action-banners { margin-top: 45px; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; margin-right: -7px; margin-left: -7px; justify-content: center } .action-banner { position: relative; width: 100%; min-height: 1px; padding-right: 7px; padding-left: 7px; margin-bottom: 30px; -ms-flex: 0 0 50%; /*flex: 0 0 50%; max-width: 50%;*/ flex: 0 0 45.33333%; max-width: 45.33333%; } @media (min-width: 1024px) { .action-banner { -ms-flex: 0 0 33.33333%; flex: 0 0 33.33333%; max-width: 33.33333%; } } .brand_box { margin-top: 20px; } .site-menu li[data-lvl="1"] > .site-menu-link { cursor: default; } .cart-subscribe { font-size: 12px; margin-top: 20px; } .cart-subscribe .processing-checkbox, .cart-process-subscribe .processing-checkbox { border: 1px solid #E7E7E7; } .cart-subscribe .processing-checkbox-check, .cart-process-subscribe .processing-checkbox-check { fill: #4FA9E8; } .cart-offerta { display: flex; margin-top: 30px; font-size: 12px; } .cart-offerta .oferta { margin-top: 0; } .cart-offerta-icon { position: relative; margin-right: 12px; } .cart-offerta-icon svg { width: 19px; height: 19px; fill: #E7E7E7; } .cart-process-subscribe { margin-top: 30px; } .product-main-slider-item img { max-height: 200px; } .section-info { margin-top: 30px; } .brand-categories ul.lvl1 { display: flex; flex-wrap: wrap; columns: unset; } .brand-categories li.lvl1 { width: 33.33333%; margin-bottom: 30px; margin-top: 0; } @media (max-width: 1439px) { .brand-categories li.lvl1 { width: 50%; } } @media (max-width: 659px) { .brand-categories li.lvl1 { width: 100%; } } .brand-categories a.lvl1 { font-size: 16px; font-weight: 500; } .brand-categories ul.lvl2 { columns: unset; margin-top: 10px; margin-bottom: 10px; } .brand-slider { margin: 40px 40px 40px; } .brand-slider .owl-prev { background: url(/local/templates/aquanet_new/css/../images/grohe_arrow_left.png) no-repeat; width: 47px; height: 47px; position: absolute; top: 50%; transform: translateY(-50%); left: -60px; z-index: 10; } .brand-slider .owl-next { background: url(/local/templates/aquanet_new/css/../images/grohe_arrow_right.png) no-repeat; width: 47px; height: 47px; position: absolute; top: 50%; transform: translateY(-50%); right: -60px; z-index: 10; } @media (max-width: 1023px) { .brand-slider .owl-controls { display: none; } .brand-slider { margin-left: 0; margin-right: 0; } } .desk_block { margin-top: 20px; } @media (min-width: 768px) { .main_img_mobile { display: none; } } @media (max-width: 767px) { .main_img_full { display: none; } } .product-main-parameters a.is-icon { width: 60px; margin-right: 20px; } .product-main-parameters-size-item.is-icon { height: 35px; background-repeat: no-repeat; background-size: contain; background-position: center; background-color: unset; width: 60px; font-size: 0; } /* .o2k-hidden-box { -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; } .o2k-hidden-box br { display: none; } .brand-intro-text-title { margin-bottom: 1em; } @media (min-width: 1025px) { .o2k-hidden-box { -webkit-line-clamp: 4; } .top-seo-desc .o2k-hidden-box { overflow: initial; display: block; } } */ .o2k-hidden-box br { display: none; } .brand-intro-text-title { margin-bottom: 1em; } .o2k-hidden-box { position: relative; width: 100%; /*line-height: 30px;*/ margin: 0px; padding: 0px; overflow: hidden; text-align: justify; } .o2k-hidden-box span::after { content: "..."; background-color: #fff; width: 20px; position: absolute; bottom: 0; right: 0; display:none; } .o2k-hidden-box::after { content: "..."; background-color: #fff; width: 20px; position: absolute; bottom: 0; right: 0; display:none; } .o2k-hidden-box + a { display:none; } .top-seo-desc-text { font-weight: 400; } .o2k-whatsapp { width: 75px; height: 75px; background-image: url('/local/templates/aquanet_new/css/../images/o2k_whatsapp.png'); background-repeat: round; position: fixed; bottom: 10%; left: 73%; cursor: pointer; z-index: 10000; } .o2k-whatsapp__close { text-align: center; width: 30px; height: 30px; position: fixed; bottom: 20%; left: 87%; cursor: pointer; z-index: 10000; } .header-container { min-height: 0px; padding: 7px 10px; } .quality-control-page { margin-top: 20px; margin-bottom: 50px; padding-bottom: 70px; background: #FFFFFF; box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.08); } .quality-control-page-content { padding: 0 60px; max-width: 915px; margin: 0 auto; } .quality-control-page .page-hero { display: grid; grid-template-columns: 581px auto; grid-template-rows: minmax(250px, auto) auto; padding-bottom: 70px; } .quality-control-page .page-hero__picture { grid-column: 2 / 1 span; grid-row: 1 / 2 span; } /* .quality-control-page .page-hero__title { margin: 130px 95px 35px 130px; grid-column: 1 / 1 span; } */ .quality-control-page .page-hero__desc { grid-column: 1 / 1 span; margin: 130px 95px 35px 130px; font-size: 22px; font-weight: 500; } .quality-control-page .page-hero__img { width: 100%; height: 100%; object-position: right top; } .quality-control-page .page-steps__title { font-size: 24px; text-align: center; margin-bottom: 50px; } .quality-control-page .page-steps__flex { display: flex; align-items: center; justify-content: space-between; margin-bottom: 100px; } .quality-control-page .page-steps__item { display: flex; align-items: center; } .quality-control-page .page-steps__dashed-line { margin: 0 10px; border-bottom: 1px dashed #2C77CF; flex: 1; } .quality-control-page .page-steps__item-number { position: relative; display: flex; justify-content: center; align-items: center; background: linear-gradient(2.05deg, #2C77CF 37.23%, #6DBAFE 81.71%); min-width: 80px; height: 80px; font-size: 24px; color: #fff; border-radius: 50%; margin-right: 20px; } .quality-control-page .page-steps__item-number:after { content: ''; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1.5px dashed #ffffff; border-radius: inherit; margin: 10px; } .quality-control-form-pre-title { display: block; text-align: center; font-size: 24px; font-weight: 500; margin-bottom: 40px; } .quality-control-form { padding: 50px 80px; border: 1px solid #ACD4F8; border-radius: 15px; } .quality-control-form__title { display: block; text-align: center; font-size: 24px; margin-bottom: 30px; } .quality-control-form .form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 20px; } .quality-control-form .form-grid__item:last-child { grid-column: 2 span; } .quality-control-form .from-control { padding: 15px 25px; border: 1px solid #CFCFCF; width: 100%; border-radius: 30px; } .quality-control-form .selectboxit-text, .quality-control-form .from-control::placeholder { color: #828282; } .quality-control-form input.from-control { height: 53px; } .quality-control-form textarea.from-control { resize: none; min-height: 110px; } .quality-control-form .file-upload { margin: 20px 0; display: flex; justify-content: center; position: relative; } .quality-control-form .file-upload__input { width: 0; height: 0; position: absolute; top: 0; left: 0; } .quality-control-form .file-upload__btn { display: flex; align-items: center; background-color: transparent; border: none; cursor: pointer; } .quality-control-form .file-upload__btn-text { margin-left: 13px; } .quality-control-form button[type="submit"] { width: 100%; height: 45px; background-color: #013874; transition: all .2s ease; color: #fff; border: none; font-size: 16px; border-radius: 30px; cursor: pointer; margin-bottom: 20px; } .quality-control-form button[type="submit"]:hover { background-color: #064991; } .quality-control-form .custom-checkbox { display: flex; justify-content: flex-start; } .quality-control-form .custom-checkbox__label { display: block; padding-left: 33px; position: relative; } .quality-control-form .custom-checkbox__label:after, .quality-control-form .custom-checkbox__label:before { content: ''; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 2px; } .quality-control-form .custom-checkbox__label:after { border: 2px solid #979797; } .quality-control-form .custom-checkbox__label:before { background-position: center; background-repeat: no-repeat; } .quality-control-form .custom-checkbox__input:checked ~ .custom-checkbox__label:before { background-image: url("/local/templates/aquanet_new/img/icons/check-blue.svg"); /*background-color: #000;*/ } .quality-control-form__success-message { text-align: center; } .quality-control-form textarea.error, .quality-control-form input.error {border-color:#eb5757;} .quality-control-form textarea.error {text-align: left;} .quality-control-form input[type="checkbox"] {width:1px;} .quality-control-form input.error[type="checkbox"] {padding:0; margin:0; width:0;} .quality-control-form input.error[type="checkbox"] + label:after {border-color: #eb5757;} .delivery-list{ display: flex; flex-wrap: wrap; align-items: center; } .delivery-list__item{ padding-left: 15px; position: relative; margin: 0; font-weight: 700; font-size: 14px; line-height: 23px; text-transform: uppercase; color: #333333; } .delivery-list__item:before{ content: ''; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; background: #F3862F; } .delivery-list__item + .delivery-list__item{ margin-left: 20px; } .delivery-info{ display: grid; grid-template-columns: repeat(2,1fr); grid-gap: 30px; } .delivery-info__item{ padding: 55px 0 55px 55px; background: #FFFFFF; border: 1px solid rgba(182, 218, 255, 0.8); box-sizing: border-box; box-shadow: 0px 0px 20px rgb(82 159 235 / 30%); border-radius: 20px; position: relative; max-width: 555px; } .delivery-info__picture{ position: absolute; object-fit: cover; max-width: 100%; height: auto; right: 0; top: 0; } .delivery-info__img{ float: right; object-position: top right; border-top-right-radius:20px; } .delivery-product-list{ display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); grid-gap: 30px; } .delivery-product-list__item{ padding: 40px 30px; background: #FFFFFF; border: 1px solid rgba(182, 218, 255, 0.8); box-sizing: border-box; box-shadow: 0px 0px 20px rgba(82, 159, 235, 0.3); border-radius: 20px; display: flex; align-items: center; } .delivery-product-list__img{ margin-right: 20px; } @media (max-width: 1439px) { .quality-control-page .page-hero { grid-template-columns: 435px auto; grid-template-rows: minmax(172px, auto) auto; } .quality-control-page .page-hero__desc { margin: 50px 50px 35px 30px; } } @media (max-width: 1290px) { .delivery-product-list__item{ padding: 20px; } .delivery-info,.delivery-product-list{ grid-gap: 20px; } .delivery-info__img{ width: 85%; } } @media (max-width: 1023px) { .quality-control-page .page-hero { padding: 40px 75px 50px; grid-template-columns: auto; grid-template-rows: auto; text-align: center; } .quality-control-page .page-hero__title, .quality-control-page .page-hero__picture, .quality-control-page .page-hero__desc { grid-row: auto; grid-column: auto; } .quality-control-page .page-hero__desc { margin: 30px 0 0; } .quality-control-page .page-hero__img { max-width: 572px; margin: 0 auto; object-position: center; } .quality-control-page .page-steps__title { margin-bottom: 30px; font-size: 20px; } .quality-control-page .page-steps__flex { margin-bottom: 70px; } .quality-control-page .page-steps__item-number { min-width: 60px; height: 60px; font-size: 15px; margin-right: 10px; } .quality-control-page .page-steps__item-number:after { margin: 7px; } .quality-control-form { padding: 25px; } .quality-control-form-pre-title { margin-bottom: 30px; font-size: 20px; } .quality-control-form__title { font-size: 20px; } .delivery-list{ justify-content: center; } .delivery-info, .delivery-product-list{ grid-template-columns: 1fr; } .delivery-info__item{ padding: 55px 0 35px 55px; } .delivery-info__img{ width: 100%; border-bottom-right-radius: 20px; } .delivery-product-list__item{ padding: 30px 30px 30px 56px; } .delivery-product-list__text{ max-width: 270px; } } @media (max-width: 767px) { .quality-control-page { margin-left: -10px; margin-right: -10px; } .quality-control-page-content { padding: 0 20px; } .quality-control-page .page-hero { padding: 40px 20px; } .quality-control-page .page-hero__desc { margin: 20px 0 0; } .quality-control-page .page-steps__flex { flex-direction: column; justify-content: center; margin-bottom: 30px; } .quality-control-page .page-steps__item { flex-direction: column; } .quality-control-page .page-steps__item-number { margin-right: 0; margin-bottom: 10px; } .quality-control-page .page-steps__dashed-line { margin: 10px 0; min-height: 60px; border-right: 1px dashed #2C77CF; border-bottom: none; } .quality-control-form-pre-title { margin-bottom: 20px; } .quality-control-form__title { font-size: 18px; } .quality-control-form .form-grid { grid-template-columns: auto; } .quality-control-form .form-grid__item:last-child { grid-column: auto; } .quality-control-form textarea.from-control { min-height: 165px; } .quality-control-form .custom-checkbox__label { font-size: 13px; } } @media (max-width: 600px){ .delivery-info__picture{ right: auto; left: 0; } .delivery-info__item{ min-height: 265px; padding: 130px 30px 26px 30px; flex-direction: column; justify-content: flex-end; align-items: center; text-align: center; } .delivery-list__item + .delivery-list__item{ margin-right: 13px; } .delivery-info__img{ width: 65%; float: left; border-top-left-radius: 20px; } .delivery-product-list__item{ padding: 20px; } } .popup[data-id="auth-success"] .popup-title { font-size: 28px; font-weight: 700; margin-bottom: 50px; } .popup[data-id="auth-success"] .popup-message { margin-bottom: 40px; font-size: 26px; } .popup[data-id="auth-success"] .popup-code { position: relative; border: 1px solid #357DFF; max-width: 235px; margin: 0 auto; padding: 20px 0; text-align: center; border-radius: 7px; } .popup[data-id="auth-success"] .popup-code-label { position: absolute; font-size: 14px; font-weight: 700; top: -10px; left: calc(50% - 80px / 2); padding: 0 5px; line-height: 1.3; background-color: #fff; } .popup[data-id="auth-success"] .popup-code-value { color: #357DFF; font-size: 18px; font-weight: 800; text-transform: uppercase; } .popup[data-id="auth-success"] .popup-attention { font-size: 12px; text-align: center; max-width: 435px; margin: 30px auto; } .popup[data-id="auth-success"] .popup-attention__req { color: #F9525A; } .popup[data-id="auth-success"] .popup-close .icon { width: 30px; height: 30px; } .popup[data-id="auth-success"] .btn { max-width: 288px; margin: 0 auto; } .popup[data-id="auth-success"] .popup-code:before { content: ''; position: absolute; left: -130px; bottom: 3px; width: 74px; height: 64px; background-image: url('/local/templates/aquanet_new/images/discount-decor-1.svg'); background-size: contain; } .popup[data-id="auth-success"] .popup-code:after { content: ''; position: absolute; right: -100px; bottom: -10px; width: 63px; height: 100px; background-image: url('/local/templates/aquanet_new/images/discount-decor-2.svg'); background-size: cover; } .popup[data-id="auth-success"] .popup-content:after { content: ''; position: absolute; right: 13px; bottom: 0; width: 108px; height: 141px; background-image: url('/local/templates/aquanet_new/images/discount-decor-4.svg'); background-size: cover; } .popup[data-id="auth-success"] .popup-content:before { content: ''; position: absolute; left: 75px; bottom: 40px; width: 58px; height: 58px; background-image: url('/local/templates/aquanet_new/images/discount-decor-3.svg'); background-size: cover; } @media screen and (max-width: 1023px) { .popup[data-id="auth-success"] .popup-code:before, .popup[data-id="auth-success"] .popup-code:after, .popup[data-id="auth-success"] .popup-content:after, .popup[data-id="auth-success"] .popup-content:before { display: none; } } .popup-order .popup-title { margin-bottom: 60px; font-weight: 700; font-size: 28px; } .popup-order .popup-close .icon { width: 30px; height: 30px; } .popup-order__status-content { position: relative; border: 1px solid #357DFF; border-radius: 7px; max-width: 355px; margin: 0 auto 20px; } .popup-order__status-label { padding: 0 10px; position: absolute; top: calc(-20px / 2); left: calc(50% - 172px / 2); background-color: #ffffff; font-size: 14px; color: #1A2E35; } .popup-order__status-value { font-size: 28px; font-weight: 700; color: #357DFF; padding: 27px 0 23px; display: flex; justify-content: center; align-items: center; } .popup-order__status-content svg { margin-right: 10px; } .popup-order__status-img { max-width: 100%; } .popup-order__status.canceled .popup-order__status-content { border-color: #F9525A; } .popup-order__status.canceled .popup-order__status-value { color: #F9525A; } /* building landing page (start) */ .building-landing { margin-top: 22px; margin-bottom: 60px; } .building-landing__container { max-width: 1230px; margin: 0 auto; } .building-landing .done-projects { max-width: 1006px; margin-left: auto; margin-right: auto; } .section { margin-bottom: 70px; } .section__title { font-size: 24px; font-weight: 400; margin-bottom: 0; } .section__title.bold { font-weight: 500; } .section__header { margin-bottom: 40px; } .section__header.centered, .section__title.centered { text-align: center; } .section__desc { font-size: 14px; margin: 15px 0 0 ; } .hero-banner { position: relative; min-height: 400px; border-radius: 5px; overflow: hidden; margin-bottom: 40px; color: #fff; } .hero-banner__content { padding: 95px; min-height: inherit; display: flex; flex-direction: column; justify-content: center; position: relative; z-index: 1; } .hero-banner__title { font-size: 33px; font-weight: 800; margin-bottom: 10px; } .hero-banner__desc { font-size: 24px; font-weight: 500; margin: 0; } .hero-banner__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; background-position: right center; } .building-listing__grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 40px 30px; } .building-listing__card-img { width: 100%; border-radius: 5px; margin-bottom: 20px; } .building-listing__card-title { font-size: 18px; font-weight: 500; margin-top: 0; margin-bottom: 10px; } .building-listing__card-desc { margin: 0; } .tariffs { padding-top: 50px; position: relative; border-radius: 5px; overflow: hidden; } .tariffs__img { position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover; } .tariffs__content { display: flex; flex-direction: column; align-items: center; justify-content: space-between; position: relative; z-index: 1; min-height: 486px; } .tariffs__group { position: relative; display: flex; justify-content: center; } .tariffs__card { position: absolute; width: 100%; max-width: 220px; } .tariffs__card::after { content: ''; position: absolute; height: 1px; background-color: #A1A1A1; z-index: -1; } .tariffs__card:nth-child(1) { left: calc(100% + 43px); bottom: 30px; } .tariffs__card:nth-child(2) { left: calc(100% - 100px); bottom: calc(100% - 22px); } .tariffs__card:nth-child(3) { right: 32%; bottom: calc(100% + 30px); text-align: right; } .tariffs__card:nth-child(4) { right: calc(100% + 0px); top: -25px; text-align: right; } .tariffs__card:nth-child(1)::after { width: 70px; right: calc(100% + 13px); top: 38px; } .tariffs__card:nth-child(2)::after { width: 49px; left: 12px; top: calc(100% + 5px); transform: rotate(90deg); transform-origin: left; } .tariffs__card:nth-child(3)::after { width: 38px; right: 15px; top: calc(100% + 5px); transform: rotate(-90deg); transform-origin: right; } .tariffs__card:nth-child(4)::after { width: 101px; top: 39px; left: calc(100% + 10px); } .tariffs__card:nth-child(1) .tariffs__card-num { color: #4ABCFC; } .tariffs__card:nth-child(2) .tariffs__card-num { color: #E86022; } .tariffs__card:nth-child(3) .tariffs__card-num { color: #245DAD; } .tariffs__card:nth-child(4) .tariffs__card-num { color: #083473; } .tariffs__card-num { font-size: 18px; font-weight: 800; display: block; } .tariffs__card-title { display: block; margin-bottom: 3px; font-size: 18px; font-weight: 500; } .tariffs__card-desc { font-size: 14px; margin: 0; } .our-advantages { padding: 50px 50px 70px 95px; background-color: #fff; } .our-advantages__grid { display: grid; grid-template-columns: repeat(2, 1fr); grid-gap: 40px; } .our-advantages__card { display: flex; align-items: center; } .our-advantages__card-img { margin-right: 20px; } .our-advantages__card-title { font-size: 18px; font-weight: 500; margin-bottom: 10px; } .our-advantages__card-desc { margin: 0; } .certified-products-slider { position: relative; } .certified-products-slider .slick-arrow{ position: absolute; top: calc(50% - 48px / 2); display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; border-radius: 50%; background-color: #fff; border: 0.3px solid #CDD0D8; z-index: 5; padding: 0%; transition: all .2s ease-in-out; color: #083571; } .certified-products-slider .slick-arrow.slick-disabled { opacity: 0; visibility: hidden; } .certified-products-slider__prev { left: -25px; transform: rotateY(180deg); } .certified-products-slider__next { right: -25px; } .certified-products-slider .slick-list { margin: -15px; } .certified-products-slider .slick-track { display: flex; } .certified-products-slider .slick-slide { display: flex; padding: 15px; height: auto; } .certified-products-slider .slick-slide img { /* height: 315px; */ height: 100%; width: 100%; border-radius: 5px; object-fit: cover; object-position: center; box-shadow: 0px 6px 5px rgba(0, 0, 0, 0.3); } .our-partners { padding: 50px 60px 75px; background-color: #ffffff; } .our-partners__grid { display: grid; grid-template-columns: repeat(4, 1fr); grid-gap: 55px 0; } .our-partners__grid > .our-partners__card { padding: 0 40px; } .our-partners__grid > .our-partners__card:nth-child(4n + 2), .our-partners__grid > .our-partners__card:nth-child(4n + 3), .our-partners__grid > .our-partners__card:nth-child(4n + 4) { border-left: 1px solid #DFDFDF; } .our-partners__card-img-wrap { display: flex; align-items: center; height: 70px; margin-bottom: 5px; } .our-partners__card-title { margin: 0; font-weight: 500; } .feedback-banner { position: relative; padding: 40px 100px; display: flex; align-items: center; color: #fff; background-color: #0F458E; border-radius: 5px; min-height: 373px; } .feedback-banner__title { font-size: 24px; font-weight: 500; margin-bottom: 15px; } .feedback-banner__content { display: flex; flex-direction: column; align-items: flex-start; max-width: calc(100% - 294px); } .feedback-banner__desc { margin-top: 0; margin-bottom: 40px; font-size: 24px; } .feedback-banner__btn { min-width: 280px; color: #fff; border: 1px solid #FFFFFF; background-color: transparent; } .feedback-banner__img { position: absolute; right: 100px; top: 40px; width: 294px; height: 294px; border-radius: 50%; } .feedback-banner__socials-wrap { position: relative; } .feedback-banner__socials.hidden { display: none; } .feedback-banner__socials { position: absolute; left: 100%; top: calc(50% - 52px / 2); margin-left: 30px; display: flex; } .feedback-banner__socials > .feedback-banner__socials-link:not(:last-child) { margin-right: 20px; } .feedback-banner__socials-link { display: flex; justify-content: center; align-items: center; width: 52px; height: 52px; border-radius: 50%; background-color: #ffffff; } .feedback-banner__btn:focus, .feedback-banner__socials-link:focus { outline: none !important; } @media screen and (min-width: 660px) { .hero-banner__title br, .hero-banner__desc br { display: none; } } @media screen and (min-width: 660px) and (max-width: 1023px) { .our-advantages__card-content { text-align: left; } .certified-products-slider { margin: 0 20px; } } @media screen and (max-width: 1439px) { .building-landing { margin-bottom: 40px; } .section { margin-bottom: 40px; } .section__header { margin-bottom: 30px; } .section__title { font-size: 20px; } .section__desc { margin-top: 5px; } .hero-banner { min-height: 300px; } .hero-banner__content { padding: 50px; } .hero-banner__title { font-size: 28px; } .hero-banner__desc { font-size: 20px; } .building-listing__grid { gap: 20px; } .building-listing__card-img { margin-bottom: 10px; } .building-listing__card-title { font-size: 16px; margin-bottom: 5px; } .building-listing__card-desc { font-size: 14px; } .tariffs { padding-top: 30px; } .tariffs .section__desc { display: none; } .tariffs__content { min-height: 375px; } .tariffs__card { max-width: 150px; } .tariffs__card-num { font-size: 16px; } .tariffs__card-title { font-size: 16px; } .tariffs__card-desc { font-size: 14px; } .tariffs__group-img { max-width: 339px; } .tariffs__card:nth-child(1) { left: calc(100% + 35px); bottom: 20px; } .tariffs__card:nth-child(2) { left: calc(100% - 75px); bottom: calc(100% + 5px); } .tariffs__card:nth-child(3) { bottom: calc(100% + 45px); } .tariffs__card:nth-child(1)::after { top: 34px; } .tariffs__card:nth-child(2)::after { width: 59px; } .tariffs__card:nth-child(3)::after { width: 48px; } .tariffs__card:nth-child(4)::after { top: 34px; width: 80px; } .our-advantages { padding: 0; max-width: 850px; margin-left: auto; margin-right: auto; background-color: transparent; } .our-advantages__grid { gap: 20px; } .our-advantages__card { flex-direction: column; text-align: center; } .our-advantages__card-img { max-height: 220px; margin-right: 0; margin-bottom: 15px; } .our-advantages__card-title { font-size: 16px; } .our-advantages__card-title br { display: none; } .our-advantages__card-desc { font-size: 14px; } .certified-products-slider .slick-list { margin: -7.5px; } .certified-products-slider .slick-slide { padding: 7.5px; } .certified-products-slider .slick-slide img { /* height: 255px; */ box-shadow: 0px 3.21951px 2.68293px rgba(0, 0, 0, 0.3); } .certified-products-slider .slick-arrow { width: 36px; height: 36px; top: calc(50% - 34px / 2); } .certified-products-slider .slick-arrow svg { width: 34px; height: 34px; } .certified-products-slider__next { right: -18px; } .certified-products-slider__prev { left: -18px; } .our-partners { padding: 50px 5px; } .our-partners__grid > .our-partners__card { padding: 0 30px; } .feedback-banner { min-height: 260px; padding: 25px 80px; } .feedback-banner__title, .feedback-banner__desc { font-size: 20px; } .feedback-banner__content { max-width: calc(100% - 210px); } .feedback-banner__img { top: 25px; right: 80px; width: 210px; height: 210px; } } @media screen and (max-width: 1023px) { .hero-banner { min-height: 400px; } .hero-banner__content { padding: 40px; } .hero-banner__title { font-size: 22px; } .hero-banner__desc { font-size: 16px; } .tariffs__content { min-height: 330px; } .tariffs__group-img { max-width: 320px; } .tariffs__card:nth-child(1) { left: calc(100% + 30px); bottom: 13px; } .tariffs__card:nth-child(2) { left: calc(100% - 70px); bottom: calc(100% - 10px); } .tariffs__card:nth-child(3) { bottom: calc(100% + 9px); } .certified-products-slider .slick-arrow { display: none !important; } .our-partners { padding: 30px 5px; } .our-partners__grid > .our-partners__card { padding: 0 15px; } .feedback-banner { padding: 25px 70px; } .feedback-banner__title, .feedback-banner__desc { font-size: 18px; } .feedback-banner__desc { margin-bottom: 30px; } } @media screen and (max-width: 767px) { .feedback-banner { padding: 25px; } .feedback-banner__img { right: 25px; } } @media screen and (max-width: 659px) { .section { margin-bottom: 30px; } .section__title { font-size: 18px; } .hero-banner__content { padding: 30px; justify-content: flex-start; } .building-listing__grid { grid-template-columns: auto; } .building-listing__card { text-align: center; } .tariffs { padding: 30px 15px; } .tariffs__content { display: block; min-height: unset; } .tariffs__group { display: block; } .tariffs__group-img { display: none; } .tariffs__card { position: static; max-width: 100%; } .tariffs__card:not(:first-child) { margin-top: 10px; } .tariffs__card:after { display: none; } .tariffs__card:nth-child(3), .tariffs__card:nth-child(4) { text-align: left; } .our-advantages__grid { grid-template-columns: auto; } .our-advantages__card-title { margin-bottom: 5px; } .certified-products-slider .slick-slide img { width: 130px; } .our-partners { padding: 30px 0; } .our-partners__grid { grid-template-columns: repeat(2, 1fr); } .our-partners__grid > .our-partners__card:nth-child(4n + 3) { border-left: none; } .feedback-banner { padding: 30px 35px; justify-content: center; text-align: center; } .feedback-banner__desc { margin-bottom: 40px; } .feedback-banner__img { position: static; margin-bottom: 40px; } .feedback-banner__content { max-width: 100%; align-items: center; } .feedback-banner__socials { left: 0; top: -65px; right: 0; margin-left: 0; justify-content: center; } .feedback-banner__socials > .feedback-banner__socials-link:not(:last-child) { margin-right: 10px; } } .site-menu-discount { cursor:pointer !important; } .section_lists204 { background: white; padding-bottom: 23px; padding-left: 15px; padding-right: 15px; } .section_lists204 .sect514 { display: inline-block; background: #fff; border: 1px solid #BDBDBD; border-radius: 30px; padding: 9px; font-weight: normal; text-align: center; cursor: pointer; color: #828282; text-decoration: none; font-size: 14px; line-height: 1; margin: 5px; margin-top: 10px; } .section_lists204 .sect514.sect_active { cursor: unset; } @media (max-width: 1023.98px) { .section_lists204 { overflow-x: auto; display: block; white-space: nowrap; } } /* building landing page (end) */ .builders_day { background: url('/local/templates/aquanet_new/img/background-left.png') left top no-repeat, url('/local/templates/aquanet_new/img/background-right.png') right top no-repeat; background-size: 14.5%; } .builders_day--small-banner { height: 70px; background-image: url('/local/templates/aquanet_new/img/small-banner.png'); margin-top: 20px; margin-bottom: -20px; display: block; } @media screen and (max-width: 1919px) { .builders_day { background: none; } } @media screen and (max-width: 1024px) { .builders_day--small-banner { background-image: url('/local/templates/aquanet_new/img/small-banner2.png'); } } @media screen and (max-width: 767px) { .builders_day--small-banner { background-image: url('/local/templates/aquanet_new/img/small-banner3.png'); } } @media screen and (max-width: 375px) { .builders_day--small-banner { background-image: url('/local/templates/aquanet_new/img/small-banner4.png'); } } .product-banner__small-image { position: absolute; top: -10px; left: 0; } .sect_active { border-color: #6fcf97; color: #4fa9e8 !important; } .sect514 { } .red_color { color:red; } } @media (max-width: 550px) { .filter-display { display: none; } } .digi-disable-scroll header { z-index: 9999 !important; } #digi-shield.digi_mobile.digi-is-container { top: 0 !important; } .delete_class { margin-top: 6px; float: right; } .delete_class:hover { cursor:pointer; } .delete_class:hover path, .delete_class:hover path, .delete_class:hover path { fill: #083571; } .variation__price--old { margin-top: 3px; line-height: 20px; font-size: 14px; color: #EB5757; text-decoration: line-through; } .product-body-specification-list{ min-height: 51px } .downloads .downloads-title a, .alphabet-index .link-inverted {color:#4fa9e8;} .error-search .search { position: relative; background: white; border: 1px solid #E0E0E0; border-radius: 30px; transition: border-color 500ms; } .error-search .search input { width: 100%; height: 48px; background: transparent; border: 0; margin: 0; padding: 0 60px 0 30px; line-height: 48px; } .new-product__social-wrap .product-block__button--active, .cart-item__set-tools .product-block__button--active { background-color:transparent; } .section-header .header-title a {color:inherit} .list_chasto{ display: inline-block; background: #fff; border: 1px solid #BDBDBD; border-radius: 30px; padding: 9px; font-weight: normal; text-align: center; cursor: pointer; color: #828282; text-decoration: none; font-size: 14px; line-height: 1; margin: 5px; margin-top: 5px; margin-top: 10px; color: #828282 !important; } .headerCats .hide_show_more{ display:none; } .list_brands{ display: inline-block; background: #fff; border: 1px solid #BDBDBD; border-radius: 30px; padding: 9px; font-weight: normal; text-align: center; cursor: pointer; color: #828282; text-decoration: none; font-size: 14px; line-height: 1; margin: 5px; margin-top: 5px; margin-top: 10px; color: #828282 !important; } .breadcrumbs-item span{ color: #828282; } .cookie-block { display: flex; position: fixed; z-index: 10001; bottom: 20px; justify-content: center; width: 100%; } .cookie-inner { padding: 12px 32px; gap: 13px; display: flex; font-weight: 400; font-size: 14px; line-height: 120%; color: rgba(51, 51, 51, 1); background-color: rgba(255, 255, 255, 0.9); border: 1px solid rgba(217, 219, 233, 1); border-radius: 12px; box-shadow: 0 0 15px 0 rgba(92, 110, 135, 0.1); justify-content: center; align-items: center; margin: 0 20px; } .page .cookie-block a { color: #083571; } .page .cookie-block a:hover { text-decoration: none; color: #4fa9e8; } .cookie-block a { color: #083571; font-weight: 700; text-decoration: none; margin-left: 10px; } .cookie-block a:hover { text-decoration: none; color: #4fa9e8; } .cookie-block p { font-size: 14px; line-height:120%; } .cookie-btn { font-weight: 700; line-height: 20px; border-radius: 60px; padding: 6px 27px; color: #FFF; background-color: #083571; } @media(max-width:579px) { .cookie-block { bottom: 56px; } .cookie-inner { padding: 10px 20px; display: flex; border-radius: 0; margin: 0; } .cookie-inner a { margin-left: 0; } .cookie-inner span { display: block; } } .b24-widget-button-position-bottom-right{ right: 18px; bottom: 122px; } /*forms checkbox fix*/ .form-input--checkbox .form-input__field:checked { -webkit-mask-image: initial; -webkit-appearance: auto; } .form-checkbox-text-black { font-size:13px; } .input-block-size-fix { position:relative; } .quality-control-form input[type="checkbox"].input-size-fix, .input-size-fix { height:20px; width:20px; position:absolute; left:0; top:0; } .quality-control-form .custom-checkbox__label.no-input { padding-left:0; padding-bottom:10px; } .quality-control-form .custom-checkbox__label.no-input::after { display:none; } span.processing-checkbox {position:relative;} form.feedback .processing-checkbox-input, form.message-form .processing-checkbox-input { visibility: initial; width:16px; height:18px; } .service-checkbox-row .checkbox input { width: 22px; height: 20px; z-index: -1; left: 0; } .register-subscribe .processing-checkbox-input, .checkbox-row .processing-checkbox-input { width:20px; height:18px; visibility:initial; } .form-input--error .form-input__field, .form-input__field--error { border-color: #f9525a; appearance: initial; } .recomendation-title {margin:20px;} /* End */ /* Start:/local/templates/aquanet_new/css/suggestions.min.css?16606322722091*/ .suggestions-nowrap{white-space:nowrap}.suggestions-input{-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;width:100%}.suggestions-input::-ms-clear{display:none}.suggestions-wrapper{position:relative;margin:0;padding:0;vertical-align:top;-webkit-text-size-adjust:100%}.suggestions-suggestions{background:#fff;border:1px solid #999;-ms-box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;cursor:default;left:0;min-width:100%;position:absolute;z-index:9999;-webkit-text-size-adjust:100%}.suggestions-suggestions strong{font-weight:400;color:#39f}.suggestions-suggestions.suggestions-mobile{border-style:none}.suggestions-suggestions.suggestions-mobile .suggestions-suggestion{border-bottom:1px solid #ddd}.suggestions-suggestion{padding:4px 4px;overflow:hidden}.suggestions-suggestion:hover{background:#f7f7f7}.suggestions-selected{background:#f0f0f0}.suggestions-selected:hover{background:#f0f0f0}.suggestions-hint{padding:4px 4px;white-space:nowrap;overflow:hidden;color:#777;font-size:85%;line-height:20px}.suggestions-subtext{color:#777}.suggestions-subtext_inline{display:inline-block;min-width:6em;vertical-align:bottom;margin:0 .5em 0 0}.suggestions-subtext-delimiter{display:inline-block;width:2px}.suggestions-subtext_label{margin:0 0 0 .25em;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;padding:0 3px;background:#f5f5f5;font-size:85%}.suggestions-value[data-suggestion-status=LIQUIDATED]{position:relative}.suggestions-value[data-suggestion-status=LIQUIDATED]:after{position:absolute;left:0;right:0;top:50%;border-top:1px solid rgba(0,0,0,.4);content:""}.suggestions-promo{font-size:85%;display:none;color:#777;padding:4px;text-align:center}.suggestions-promo a{color:#777;display:block;filter:grayscale(100%);line-height:20px;text-decoration:none}.suggestions-promo a:hover{filter:grayscale(0)}.suggestions-promo svg{height:20px;vertical-align:bottom}@media screen and (min-width:600px){.suggestions-promo{position:absolute;top:0;right:0;text-align:left}} /* End */ /* Start:/local/templates/aquanet_new/components/bitrix/menu/bottom/style.css?1756287186193*/ .block-icon--stores:before { -webkit-mask-image: url('/local/front/build/images/sprite-multi.svg#location'); mask-image: url('/local/front/build/images/sprite-multi.svg#location'); } /* End */ /* Start:/local/components/aquanet/system.auth.form/templates/header/style.css?1775742538624*/ .login { --padding: 15px 30px !important; width: 385px !important; } .auth-error .form-error { color: #eb5757; } .login:not(.pop-up--active) { display: block !important; left: -10000px; } .back { background: none; border: none; color: #41A7E4; cursor: pointer; padding: 0; width: fit-content; font-size: 16px; } .back span { font-size: 24px; font-family: 'Geometria', sans-serif; font-weight: 500; color: #41a7e4; } .login__form--email.login__form--active { display: flex; flex-direction: column; } .login__form--email.hidden { display: none; } /* End */ /* Start:/local/templates/aquanet_new/components/custom/system.auth.changepasswd/header/style.css?1707905149124*/ .change-password-result .form-error { color: #eb5757; } .form__clarification.login__clarification { display: none; } /* End */ /* Start:/local/templates/aquanet_new/components/custom/main.feedback/order_call/style.css?170790514951*/ .js-input.is-invalid { border-color: #eb5757; } /* End */ /* Start:/local/templates/aquanet_new/components/custom/form.result.new/inconvenient/style.css?170790514960*/ .form-input__field.is-invalid { border-color: #eb5757; } /* End */ /* Start:/local/templates/aquanet_new/components/custom/form.result.new/complain/style.css?170790514960*/ .form-input__field.is-invalid { border-color: #eb5757; } /* End */ /* Start:/local/templates/aquanet_new/template_styles.css?178402695732190*/ .loader:after { position: absolute; content: ""; z-index: 1; top: calc(50% - 24px); left: calc(50% - 24px); width: 48px; height: 48px; border: 5px solid; border-color: #013874 transparent; border-radius: 50%; display: inline-block; box-sizing: border-box; animation: rotation 1s linear infinite; } @keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } .location-error { display: none; font-size: 16px; font-weight: 500; line-height: 1.2; color: red; margin-top: 10px; } .breadcrumb_landing .breadcrumbs-item .link-inverted.color-grey-600 { color: #fff; } .auth-error { text-align: center; } .product[data-layout="default"] .product-actions { z-index: 10; } .product-slider-item { position: relative; } .product-slider-item:hover .product-conditions { display: block; } .basket_small { display: flex; } .social .ya-share2__item { padding-left: 0; margin: 0px 0px 0px 7px !important; } .social .ya-share2__container_size_m .ya-share2__badge .ya-share2__icon { height: 32px; width: 32px; background-size: 26px; background-position: 3px 3px; } .social .ya-share2__link { border-radius: 30px; overflow: hidden; } .collection { z-index: 10; position: relative; } .filter-checkbox { margin-bottom: 10px; } .filter-checkbox label { width: 100%; display: flex; } .item_img { text-align: center; } .item_img a { display: inline-block; } .product_video { position: relative; z-index: 300; cursor: pointer; } .product_video img.play { position: absolute; top: 50%; left: 50%; margin-top: -32px; margin-left: -45px; } .product_video a { display: block; } .fancybox-slide--video .fancybox-content { background: #000; } #digi-image-search-results .digi-product-default.digi-product.digi-product--desktop .product-compare.active, #digi-portal-modal .digi-product-default.digi-product.digi-product--desktop .product-compare.active, #digi-recs-modal .digi-product-default.digi-product.digi-product--desktop .product-compare.active, #digi-shield .digi-product-default.digi-product.digi-product--desktop .product-compare.active, .digi-recs .digi-product-default.digi-product.digi-product--desktop .product-compare.active, .product-compare.active { background-color: #4fa9e8; } #digi-image-search-results .digi-product-default.digi-product.digi-product--desktop .product-compare.active .product-compare-icon, #digi-portal-modal .digi-product-default.digi-product.digi-product--desktop .product-compare.active .product-compare-icon, #digi-recs-modal .digi-product-default.digi-product.digi-product--desktop .product-compare.active .product-compare-icon, #digi-shield .digi-product-default.digi-product.digi-product--desktop .product-compare.active .product-compare-icon, .digi-recs .digi-product-default.digi-product.digi-product--desktop .product-compare.active .product-compare-icon, .product-compare.active .product-compare-icon { fill: #4fa9e8; } .product-items.product-items__viewed .product-item { height: auto; } .image-header h1 { max-width: 950px; } .catalog-menu ul { margin: 0; } ul li.menu-item { margin: 0; } ul li.menu-item:before { display: none; } ul .menu-item > ul { display: none; } .catalog-menu .icon { width: 11px; height: 9px; display: block; fill: #f2f2f2; transform: rotate(180deg); transition-property: transform, fill; transition-duration: 500ms; position: absolute; top: 30px; right: 20px; } .catalog-menu .menu-item:hover > .icon { fill: #013874; } .catalog-menu .menu-item .icon.active { fill: #013874; transform: rotate(0deg); } .catalog-menu .menu-item .icon.active + ul { display: block; border-top: 1px solid #ededed; margin-top: 21px; padding-top: 15px; } ul .menu-item > ul .icon { top: 12px; } .catalog-menu .menu-item ul .icon.active + ul { border-top: none; margin-top: 0; padding-top: 10px; padding-left: 20px; } .catalog-menu .menu-item ul .icon.active + ul li:before { display: block; top: 13px; } .js_submit_success { display: none; } .checkbox-row .radio { width: 21px; height: 21px; margin-right: 10px; } .checkbox-row .radio .icon { height: 12px; width: 12px; position: relative; top: 3px; display: none; } .checkbox-row .radio input:checked + .icon { display: inline; } .unsubscribe__link { display: inline-block; padding-left: 10px; font-size: 14px; } .main_content .notetext { color: #00e300; border: 1px solid #00e300; border-radius: 30px; display: inline-block; padding: 10px 50px; } .question-form .feedback-header .feedback-title, .question-form .feedback-header .feedback-text { color: #333; } .page-download .spoiler:first-child { border-top: 0; margin-top: 0; } .catalog-side .collections-item { display: inline-block; } .call-request-header .processing-checkbox-label { color: #fff !important; } .call-request-header .processing-permission { margin-top: 5px; } .call-request-header .processing-checkbox-check { fill: #fff; } .call-request-body .feedback-content { background-color: transparent; margin-top: 0; padding: 0; } .call-request-body .feedback-title { color: #fff; } .call-request-body .feedback-text { color: #fff; } .submit-reveal.submit-reveal-subscribe:not(.is-visible) { display: none; opacity: 1; } .submit-reveal.submit-reveal-subscribe.active { display: block !important; } .yandex_rait img { max-width: 225px; /*width: 100%;*/ margin-top: 15px; max-height: 60px; } .scroll__content-search { max-height: 400px; } .api-search-title .suggestions-dropdown { padding: 20px 15px 20px 30px; } .api-search-title .mCSB_inside > .mCSB_container { margin-right: 20px; } a.sale-order-history-link { font-family: 'Geometria', sans-serif; } .site-wrapper[data-page="contacts"] .feedback-content { background-color: transparent; } .payment-submit:not(.active) { display: none; } .image-header.image-header-mini { margin-bottom: 0; padding-bottom: 0; } .designer__call .feedback-content { background-color: transparent; margin-top: 0; } .cart-side.cart-side-hidden { display: none; } .cart-item-delete .link-mimic { font-size: 14px; } .copyright, .footer-simple .payment-title { font-size: 14px; } .cart-compact-item-price ins { text-decoration: none; } .js-registration-message.active .registration-message-error { color: #eb5757; font-size: 13px; } .js-registration-message.active .registration-message-error br { margin-bottom: 10px; } .js-registration-message.active .registration-message-ok { color: #00a500; font-size: 13px; } .reg-form .checkbox-text { font-size: 12px; } .shops-callback .feedback-content { background-color: transparent; margin-top: 0; } .collections_title { display: none; font-weight: 500; font-size: 18px; letter-spacing: 0.02em; color: #333; padding: 20px 35px; border-bottom: 1px solid #ededed; margin-bottom: -1px; } .collections_title .icon { width: 10px; height: 10px; margin-left: 5px; transform: rotate(180deg); } .collections_title.is-active .icon { transform: rotate(0); } .collections_body { padding: 20px 0; } .collections_list .collections_ul { margin: 0; } .collections_list--line .collections_ul { width: 100%; display: flex; } .collections_list--line .collections_ul .collections_li { width: 16.66667%; max-width: 16.66667%; padding: 0 15px; text-align: center; margin-top: 0; } .collections_li:first-child { margin-top: 0; } .collections_list .collections_li { font-family: Geometria; font-style: normal; font-size: 13px; padding-left: 0; margin-top: 5px; } .collections_list .collections_li a { color: #828282; text-decoration: none; } .collections_list--line .collections_ul .collections_li .collections_img { filter: grayscale(1); opacity: 0.2; } .collections_list--line .collections_ul .collections_li:hover .collections_img { filter: grayscale(0); opacity: 1; } .collections_list .collections_li a:hover { color: #000; } .collections_more { display: none; } .collections_more .spoiler { border: none; } .collections_more .btn { max-width: 200px; margin: 10px 0; height: 40px; } .collections_name .icon { display: none; width: 10px; height: 10px; margin-left: 5px; transform: rotate(180deg); } .collections_name.is-active .icon { transform: rotate(0); } .account-address .account-edit-row.metro-field { display: none; } .rating-star .icon { cursor: default; } .reply-form .rating-star .icon { cursor: pointer; } .btn-box-orderlink { display: flex; width: 100%; } .btn-box-orderlink__form { width: 100%; } .btn-box-orderlink__form form { display: none; } .btn-box-orderlink__form form.is-active { display: block; } .btn-box-orderlink__form .oneclick-form-input-wrapper { margin-top: 15px; } .product-title a { color: #333333; text-decoration: none; } .product-title a:hover { color: #4fa9e8; } .collections-item-hide { display: none; } .collections-item-hide.is-active { display: block; } #popup-images-360 { display: none; overflow: hidden; } .header-dropdown.is-active[data-id="cart-compact"] { animation: none; } .processing-checkbox-input { /*display: none;*/ visibility: hidden; width: 0; } .js-additional-content { width: 100%; } .loading_spinner { position: relative; top: 0; left: 0; width: 100%; height: 150px; z-index: 100; background-color: rgba(255, 255, 255, 0.5); } .spinner { width: 50px; height: 50px; background-color: #013874; background: url('/img/loader.png'); background-size: 100% 100%; position: absolute; z-index: 1; top: 50%; left: 50%; margin-top: -25px; margin-left: -25px; -webkit-animation: sk-rotateplane 1.2s infinite ease-in-out; animation: sk-rotateplane 1.2s infinite ease-in-out; animation-fill-mode:forwards; -webkit-animation-fill-mode:forwards; animation-direction: alternate-reverse; -webkit-animation-direction: alternate-reverse; } .about_form textarea { min-height: 106px; } .header-dropdown-user .popup-wrapper { display: block; } .header-dropdown-user .popup-wrapper .js-dropdown-close { position: absolute; top: 20px; right: 20px; } .header-dropdown-user .popup-wrapper .js-dropdown-close:hover { cursor: pointer; } .reply-form .rating-star label { position: relative; width: 34px; height: 33px; display: inline-block; } @-webkit-keyframes sk-rotateplane { 0% { -webkit-transform: perspective(120px);z-index: 1;position: relative; } 50% { -webkit-transform: perspective(120px) rotateY(180deg);z-index: 1;position: relative; } 100% { -webkit-transform: perspective(120px) rotateY(180deg) rotateX(180deg);z-index: 1;position: relative; } } @keyframes sk-rotateplane { 0% { transform: perspective(120px) rotateX(0deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(0deg) rotateY(0deg); z-index: 1; position: relative; } 50% { transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); -webkit-transform: perspective(120px) rotateX(-180.1deg) rotateY(0deg); z-index: 1; position: relative; } 100% { transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); -webkit-transform: perspective(120px) rotateX(-180deg) rotateY(-179.9deg); z-index: 1; position: relative; } } .oneclick-form-input-set { font-style: normal; font-weight: 500; font-size: 14px; color: #bdbdbd; width: 100%; height: 40px; border: 2px solid #d1d1d1; border-radius: 30px; line-height: 50px; padding: 0 80px 0 20px; transition: border-color 500ms; } #formOrderClick .oneclick-form-btn .icon-phone-02 { width: 22px; height: 22px; } .set-mini .product-set { box-shadow: 0px 0px 5px #ccc; } .product-set-arrow { margin-left: 14px; } .product-set-arrow .icon { fill: #828282; width: 38px; height: 38px; display: block; fill: #d1d1d1; transition: fill 500ms; -ms-flex: none; flex: none; -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); } .product-set-arrow.no-active .icon { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .product-set-arrow .icon:hover { cursor: pointer; fill: #4fa9e8; } .product-set-body.no-active { display: none; } .product-btn-oneclick.is-active .oneclick-form { display: block; } .modal-oneclick .oneclick-form-input { height: 36px; line-height: normal; padding: 0 30px 0 20px; } .modal-oneclick .oneclick-form-btn { width: 22px; height: 35px; right: 11px; } .modal-oneclick .oneclick-form-input::-moz-placeholder { line-height: 36px; } .modal-oneclick .processing-permission { margin-top: 14px; } .modal-oneclick .oneclick-form { margin-left: 0; } @media screen and (min-width: 1024px) { .collections_list, .collections_body { display: block !important; } .product-main-body .product-main-slider-item img.lazy { max-height: 450px; } } @media screen and (max-width: 1023px) { .collections_title { display: block; } .collections_col--line, .collections_list--line { margin-bottom: 20px; } .collections_list--line .collections_ul { display: block; } .collections_img { display: none; } .collections_col--line .collections_name { font-family: Geometria; font-size: 13px; text-transform: uppercase; font-weight: bold; color: #333333; } .collections_name { margin: 0; padding-bottom: 10px; } .collections_list--line .collections_ul .collections_li { width: inherit; max-width: inherit; padding: inherit; text-align: inherit; margin-top: 5px; } .collections_list--line .collections_ul > .collections_li:first-child { margin-top: 0; } .collections_row { padding: 0 20px; } .collections_col { width: auto !important; max-width: 400px !important; float: none; } .collections_more { display: block; } .collections_li.mobile-hide { display: none; } .collections_name .icon { display: inline-block; } .collections_row:first-child { border: none; } .contacts-body .col-4 { -ms-flex: 0 0 100%; flex: 0 0 100%; max-width: 100%; } } @media screen and (max-width: 1200px) { .collections_col { width: 33.33333%; max-width: 33.33333%; padding: 0 15px; margin-bottom: 20px; } } @media screen and (max-width: 992px) { .cart-content[data-type="desktop"] .cart-item-header { -ms-flex: 1; flex: 1; padding: 0 10px; } .call-request .call-request-submit { margin-left: 0px; } .product-set-arrow { display: none; } .btn-box-orderlink { margin-top: 15px; } } @media screen and (max-width: 768px) { .order-cansel-box { padding: 20px 0; } .cart-content[data-type="desktop"] .cart-item-content { padding: 0px 10px; } .pagination { display: block; text-align: center; } .pagination-nav .icon { display: inline-block; margin-bottom: 1px; } .pagination-item { display: inline-block; margin-bottom: 10px; } .manager_sale { display: none; } .product-main-body .product-main-slider-item img.lazy { max-height: 250px; } .fixed-btns.active, .fixed-btns-container.active { height: 200px; } .reply-form .reply-form-input { min-width: 100%; } .product-main-parameters.product-main-parameters-none { border: none; padding: 0; } .product-equipment-slider .product-images-nav, .product-slider.js-slider .product-images-nav { display: none !important; } .bx-filter-button-box .fixed-btns { height: auto; } .contacts__call .feedback-content { padding: 50px 10px; } .product-item { width: 100%; display: block; flex: none; } } .cart-compact-item-quantity .minus, .cart-compact-item-quantity .plus { display: flex; align-items: center; justify-content: center; overflow: hidden; } .cart-compact-item-quantity .minus .icon, .cart-compact-item-quantity .plus .icon { fill: #a3a3a3; } /*.manager_sale { display: none; }*/ .welcome-slider > a { display: block; width: 100%; } .cart-item-total-old { padding-left: 10px; margin-right: -15px; font-size: 14px; line-height: 14px; font-weight: 500; color: #eb5757; text-decoration: line-through; } @media(min-width: 1200px) { .cart-item-total-old { text-align: right; } } .processing-permission { position: relative; } .cart-side .processing-permission a.processing-checkbox-label { padding-top: 0; } .js-popup .product-main-payment-oneclick { margin-bottom: 13px; } .site-menu .site-menu-cols:first-child > ul { margin-bottom: 0; } .ideas-products .product[data-layout="default"] { background-color: #fff; } .ideas-products .slick-cloned .product-slider-item { display: none; } .ideas-body-wrapp { position: relative; } .product-btn-oneclick-detail.is-active .oneclick-form { display: block !important; } .catalog_slide.site-menu-col { position: absolute; top: 0; left: 100%; } .rating-stars input { display: none; } .submit-reveal-container .mf-captcha { padding-left: 0; padding-right: 0; } .form-row-submit { margin-top: 20px; } .g-recaptcha { transform:scale(0.8); transform-origin:0; margin: 0 auto; width: 243px; } .footer-body-link { line-height: 151%; } .service-tab-content .call-request-install .feedback-content { background-color: transparent; padding: 0; padding-bottom: 15px; } .service-tab-content .call-request-install .feedback-title, .service-tab-content .call-request-install .feedback-text { color: #fff; } .designer__call .feedback .processing-permission, .contacts__call .feedback .processing-permission { display: flex; } .designer__call .feedback .processing-permission a, .contacts__call .feedback .processing-permission a { padding-top: 0; } .product-main .loading_spinner { z-index: 1; overflow: hidden; } .rating input.js-rating-radio { display: none; } .bx-filter .bx-ui-slider-track { z-index: 10; } .site-wrapper[data-page="index"] .menu-content { max-height: 520px; overflow: hidden; } .site-wrapper[data-page="index"] .menu-content.menu-content-show { overflow: inherit; } .vr-popup-mobile-hide { display: none; } .vr-popup-mobile { background: #E0E0E0; padding: 10px; text-align: center; } .vr-popup-mobile .vr-popup__title .icon { width: 14px; height: 20px; fill: #013874; position: relative; top: 4px; margin-right: 10px; } .vr-popup-mobile .vr-popup__title { font-size: 14px; font-weight: normal; margin-bottom: 15px; } .vr-popup-mobile .vr-popup__button { width: auto; line-height: 40px; padding: 0px 30px; height: 40px; } .vr-popup-mobile .vr-popup__button:first-child { margin-left: 10px; background-color: #fff; color: #013874; } .vr-popup-mobile .vr-popup__button:last-child { margin-left: 10px; background-color: #013874; } .vr-popup-mobile .vr-popup__button:hover:last-child { background-color: #fff; } .ideas-item-img { width: 100%; position: relative; background-position: 50% 50%; background-repeat: no-repeat; background-size: cover; } .ideas-items-wrapp { width: 100%; flex: none; } .ideas-footer { margin-top: 30px; margin-left: 10px;} .ideas-body-mb-0 { margin-bottom: 0; } .cart-side .cart-title { position: relative; padding-right: 20px; } .cart-side .cart-title .cart-coupon-code-info { position: absolute; top: 4px; right: 0; } @media (min-width: 1024px) and (max-width: 1439.98px) { .subheader-item.is-main .subheader-fastnav-link:before { display: none; } } .product-main-slider-item.zoom { cursor: zoom-in; } .collections-btn { display: inline-block; } @media (min-width: 1024px) { .product-main .product-main-tab-content .spoiler-header { display: none; } } .welcome-slider-infoimg { position: absolute; top: 0; right: 0; z-index: 10; top: 50%; -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); height: 100%; } .welcome-slider-infoimg img { max-height: 100%; } .footer-subscribe-errormessage { color: #f00; border: 1px solid #f00; display: inline-block; padding: 10px 35px; border-radius: 40px; margin-top: 20px; } .footer-subscribe-successmessage { color: #00ce00; border: 1px solid #00ce00; display: inline-block; padding: 10px 35px; border-radius: 40px; } .footer-subscribe-warningmessage { color: #ffab29; border: 1px solid #ffab29; display: inline-block; padding: 10px 35px; border-radius: 40px; } .footer-subscribe-errormessage .footer-subscribe-message-title, .footer-subscribe-success .footer-subscribe-message-title { font-weight: 600; } .zoomImg__box.is-active { content: ''; position: absolute; top: 0; left: 0; z-index: 10; background-color: #fff; width: 100%; height: 100%; } .category_2_hide { display: none; } .category_level1_podmenu.is-active .category_2_hide { display: block; } .category_level1_podmenu .sections-more .icon { -moz-transform: rotate(90deg); -ms-transform: rotate(90deg); -webkit-transform: rotate(90deg); -o-transform: rotate(90deg); transform: rotate(90deg); position: relative; top: 0px; } .category_level1_podmenu.is-active .sections-more .icon { -moz-transform: rotate(270deg); -ms-transform: rotate(270deg); -webkit-transform: rotate(270deg); -o-transform: rotate(270deg); transform: rotate(270deg); } .searchBox_hints li:before, .searchBox_sections li:before, .searchBox__brand li:before { display: none; } .searchBox_hints li, .searchBox_sections li, .searchBox__brand li { padding-left: 0; } .searchBox_hints li a, .searchBox_sections li a { font-size: 14px; color: #A2A2A2; text-decoration: none; } .searchBox_hints li a:hover, .searchBox_sections li a:hover, .searchBox_hints li a:hover b, .searchBox_sections li a:hover b { color: #4fa9e8; } .searchBox_hints li a b, .searchBox_sections li a b { font-weight: normal; color: #4F4F4F; } .searchBox_title { font-weight: 500; font-size: 18px; color: #333; } .searchBox_hints { padding-bottom: 30px; } .site-wrapper > header.is-fixed { z-index: 1100; } .searchBox_product--img { background-size: contain; background-position: center; width: 120px; height: 120px; background-repeat: no-repeat; margin: 0 auto; } .searchBox_products { padding-top: 20px; } .searchBox_product { margin-bottom: 35px; } .searchBox_product--name { font-size: 13px; line-height: 20px; color: #828282; padding-top: 20px; overflow: hidden; height: 56px; } .searchBox_product a { text-decoration: none; } .searchBox_product:hover .searchBox_product--name { color: #4fa9e8; } .searchBox__brand ul { display: flex; } .searchBox__brand ul li { -ms-flex: 50%; flex: 50%; margin-top: 0; } .title-search-result { background-color: #fff; width: 100% !important; box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25); background-color: #fff; padding: 30px; animation: 500ms forwards contentSlideUp; z-index: 1000; max-width: 800px; left: 50% !important; margin-left: -400px; position: absolute; display: none; } .searchBox__brand ul li a { padding: 0px 10px; display: block; } .searchBox__brand ul li div { height: 50px; width: 100%; background-size: contain; background-position: center; background-repeat: no-repeat; } .searchBox_more { margin-bottom: 20px; } .searchBox_more a { text-decoration: none; } .searchBox_more .icon { fill: #4fa9e8; margin-left: 4px; width: 8px; height: 8px; position: relative; top: 0px; } .searchBox_content ul li.searchBox_list_hide { display: none; } .searchBox_content ul.is-active li.searchBox_list_hide { display: block; } .searchBox_product--price { margin-top: 20px; color: #333; font-size: 16px; } .search-mobile-content-result { padding-top: 30px; } .popup[data-id="search"] .popup-content { overflow-x: hidden; } .search-mobile-content-result .searchBox_product--photo { width: 40%; padding-right: 30px; float: left; } .search-mobile-content-result .searchBox_product--img { width: 100%; } .search-mobile-content-result .searchBox_product--info { width: 60%; float: left; } .search-mobile-content-result .searchBox_sections { padding-bottom: 30px; } /*.search-mobile-content-result .searchBox__brand { display: none; }*/ .product-video-icon { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); } .search-result-mobile { padding-top: 30px; } .wb44 { font-weight: bold; } .txt_brand li:before { } .tag215 { margin-top: 50px; } .breadcrumbs-header { overflow-x:hidden; } .breadcrumbs-header .slide-box { overflow-x: auto; -ms-overflow-style: none; scrollbar-width: none; } .breadcrumbs-header .slide-box::-webkit-scrollbar { display:none; } .breadcrumbs { white-space: nowrap; flex-wrap: nowrap; } .breadcrumbs-item { min-width: auto; } @media(max-width:510px) { .product-main-header .rating-text {margin-right:-60px;} } .product-main .product-delivery .product-main-tab-content .spoiler-header {display:block;} .product-main .product-delivery .product-delivery-tabs.tab-col {flex-direction:column;} .product-main .product-delivery .product-delivery-tabs.tab-col .spoiler { margin-top:0; padding: 20px 0; border-top: 1px solid #ededed; } .product-main .product-delivery .product-delivery-tabs.tab-col .delivery-table { margin: 40px 0; } .product-main .product-delivery .product-delivery-tabs.tab-col .delivery-table .spoiler-header svg { position: relative; top: 5px; } .delivery-tabs { display: flex; } .product-delivery .product-main-tabs.delivery-tabs {margin-top:16px;} .delivery-select {margin-top:36px;} .delivery-tabs a { color:#333; flex:none; padding:0 35px; height: 66px; font-weight: 500; line-height: 66px; position: relative; cursor: pointer; text-align: center; transition: color 500ms; text-decoration:none; } .delivery-tabs a.is-active, .delivery-tabs a:hover { color:#4fa9e8; } .delivery-tabs a:after { width: 62px; height: 5px; content: ''; display: block; position: absolute; bottom: 0; left: 50%; margin-left: -31px; transform: scale(0); transform-origin: center bottom; transition: transform 500ms; background: #4fa9e8; border-radius: 5px; } .delivery-tabs a.is-active:after, .delivery-tabs a:hover:after { transform: scale(1); } .delivery-tabs-body > .js-tab-content {display:none;} .delivery-tabs-body > .js-tab-content.is-active {display:block;} .review-grade { margin:1em 0 0; } .review-grade.inactive { position:relative; } .review-grade.inactive:before { position:absolute; left:0; top:0; right:0; bottom:0; content:""; background-color: rgba(255,255,255,.5); z-index:2; } .review-grade > a > svg { width:14px; position:relative; } .review-grade > a { text-decoration:none; color:#333; font-size:13px; } .review-grade > a > svg g { fill: #bdbdbd; } .review-grade > a.active > svg g, .review-grade > a:hover > svg g { fill: #013874; } .review-grade > .positive { margin-right:20px; } .review-grade > .negative > svg { transform: rotate(180deg); top:4px; } .ismb_hidden.ismb__overlay { z-index:-1; } @media (max-width: 1023px) { .footer-subscribe-form .oferta { width: 100%; } } .page-header {width:100%} .apl-rating-height {min-height:20px;} .apl-seo-container { visibility: hidden; position: absolute; left: 0; top: 0; } .top-descrioption { padding: 20px 10px 20px 30px; background: #fff; border-top: 1px solid #ededed; position: relative; } .top-descrioption > .btn { display:none; } .top-descrioption.hide-lines { padding-bottom: 50px; } .top-descrioption.hide-lines > .btn { display:block; position:absolute; right:10px; bottom:10px; max-width:125px; height:36px; line-height:34px; font-weight:normal; color:#828282; background:#fff; border:1px solid #BDBDBD; } .top-descrioption.hide-lines > div.top-descrioption-wraper { overflow: hidden; max-height:40px; position:relative; } .top-descrioption.hide-lines > div.top-descrioption-wraper:after { position:absolute; left:0; bottom:0; right:0; content:""; height:20px; background: #fff; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(255,255,255,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */ } @media (max-width: 1023px) { .top-descrioption {display:none;} } footer.container.page__footer { display: flex; flex-direction: column; align-items: center; width: 100%; padding-inline: 0; } /* Стили для модального окна для авторизованного пользователя */ .header-dropdown { background: white; border-top: 1px solid #f2f2f2; position: absolute; top: 100%; display: none; animation: 500ms forwards contentSlideUp; padding: 30px; width: 100%; z-index: 1; box-shadow: 0 4px 4px rgba(0, 0, 0, 0.25); } .header-dropdown.is-active { display: block; border: 1px solid #e8e8ea; border-radius: 12px; box-shadow: 0 0 4px rgba(234,234,234,.25); } .header-dropdown-user .js-ajax-block { display: grid; row-gap: 12px; } @media (min-width: 1024px) { .header-dropdown[data-dock="right"] { right: 30px; } } .header-dropdown[data-id="user"] { width: 325px; right: 35%; z-index: 100; } .popup-wrapper { width: 100%; min-height: 100%; display: -ms-flexbox; display: flex; -ms-flex-align: center; align-items: center; -ms-flex-pack: center; justify-content: center; } @media (min-width: 1024px) { .popup-wrapper { padding: 10px; } } .header-dropdown-user .popup-wrapper { display: block; } .popup-title { font-weight: 500; line-height: normal; font-size: 22px; text-align: center; display: block; margin-bottom: 20px; } .header-dropdown-user .popup-wrapper .js-dropdown-close { position: absolute; top: 20px; right: 20px; } .icon-circled-cross { width: 30px; height: 30px; display: block; } .popup-user-body { margin-top: 30px; } .popup-user-menu-item:not(:first-child) { margin-top: 10px; } .color-dark:visited { color: #333333; } .popup-user-footer { margin-top: 30px; } .btn.is-transparent-grey-blue { background: transparent; border: 2px solid #d1d1d1; color: #bdbdbd; } .pop-up.pop-up--active.header-popup-city{ padding: 9px; gap: 7px 10px; } .pop-up.pop-up--active.header-popup-city .button{ padding: 0px; } @media screen and (min-width: 320px) { .pop-up--active .header-popup-city__button { min-width: 70px; } } .swiper-slider-product__thumbs .swiper-slider-product__image:has(img:not(.loaded)) { background-image: url('/images/lazy_small.gif'); background-repeat: no-repeat; background-position: center; background-size: contain } .swiper-slider-product__big .swiper-slider-product__image .product-main-slider-item:not(:has(.loaded)) { background-image: url('/images/lazy_big.gif'); background-repeat: no-repeat; background-position: center; } .product-main-images-popup-content .product-thumbs-slider-item:not(:has(.loaded)) { background-image: url('/images/lazy_big.gif'); background-repeat: no-repeat; background-position: center; } /* End */ /* /local/templates/aquanet_new/css/jquery.fancybox.min.css?161825734012876 */ /* /local/templates/aquanet_new/libs/owl-carousel/owl.carousel.min.css?16182573403692 */ /* /local/templates/aquanet_new/libs/mCustomScrollbar/jquery.mCustomScrollbar.css?161825734054877 */ /* /local/templates/aquanet_new/css/jquery.scrollbar.css?16182573402477 */ /* /local/templates/aquanet_new/css/bootstrap-datepicker3.min.css?161825734021100 */ /* /local/templates/aquanet_new/css/bundle.css?1782722573723087 */ /* /local/templates/aquanet_new/css/style.css?1783676623146215 */ /* /local/templates/aquanet_new/css/suggestions.min.css?16606322722091 */ /* /local/templates/aquanet_new/components/bitrix/menu/bottom/style.css?1756287186193 */ /* /local/components/aquanet/system.auth.form/templates/header/style.css?1775742538624 */ /* /local/templates/aquanet_new/components/custom/system.auth.changepasswd/header/style.css?1707905149124 */ /* /local/templates/aquanet_new/components/custom/main.feedback/order_call/style.css?170790514951 */ /* /local/templates/aquanet_new/components/custom/form.result.new/inconvenient/style.css?170790514960 */ /* /local/templates/aquanet_new/components/custom/form.result.new/complain/style.css?170790514960 */ /* /local/templates/aquanet_new/template_styles.css?178402695732190 */