/* Start:/local/templates/vaskos/css/jquery.fancybox.min.css?173207664812795*/
body.compensate-for-scrollbar{overflow:hidden}.fancybox-active{height:auto}.fancybox-is-hidden{left:-9999px;margin:0;position:absolute!important;top:-9999px;visibility:hidden}.fancybox-container{-webkit-backface-visibility:hidden;height:100%;left:0;outline:none;position:fixed;-webkit-tap-highlight-color:transparent;top:0;-ms-touch-action:manipulation;touch-action:manipulation;transform:translateZ(0);width:100%;z-index:99992}.fancybox-container *{box-sizing:border-box}.fancybox-bg,.fancybox-inner,.fancybox-outer,.fancybox-stage{bottom:0;left:0;position:absolute;right:0;top:0}.fancybox-outer{-webkit-overflow-scrolling:touch;overflow-y:auto}.fancybox-bg{background:#1e1e1e;opacity:0;transition-duration:inherit;transition-property:opacity;transition-timing-function:cubic-bezier(.47,0,.74,.71)}.fancybox-is-open .fancybox-bg{opacity:.9;transition-timing-function:cubic-bezier(.22,.61,.36,1)}.fancybox-caption,.fancybox-infobar,.fancybox-navigation .fancybox-button,.fancybox-toolbar{direction:ltr;opacity:0;position:absolute;transition:opacity .25s ease,visibility 0s ease .25s;visibility:hidden;z-index:99997}.fancybox-show-caption .fancybox-caption,.fancybox-show-infobar .fancybox-infobar,.fancybox-show-nav .fancybox-navigation .fancybox-button,.fancybox-show-toolbar .fancybox-toolbar{opacity:1;transition:opacity .25s ease 0s,visibility 0s ease 0s;visibility:visible}.fancybox-infobar{color:#ccc;font-size:13px;-webkit-font-smoothing:subpixel-antialiased;height:44px;left:0;line-height:44px;min-width:44px;mix-blend-mode:difference;padding:0 10px;pointer-events:none;top:0;-webkit-touch-callout:none;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}.fancybox-toolbar{right:0;top:0}.fancybox-stage{direction:ltr;overflow:visible;transform:translateZ(0);z-index:99994}.fancybox-is-open .fancybox-stage{overflow:hidden}.fancybox-slide{-webkit-backface-visibility:hidden;display:none;height:100%;left:0;outline:none;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:absolute;text-align:center;top:0;transition-property:transform,opacity;white-space:normal;width:100%;z-index:99994}.fancybox-slide:before{content:"";display:inline-block;font-size:0;height:100%;vertical-align:middle;width:0}.fancybox-is-sliding .fancybox-slide,.fancybox-slide--current,.fancybox-slide--next,.fancybox-slide--previous{display:block}.fancybox-slide--image{overflow:hidden;padding:44px 0}.fancybox-slide--image:before{display:none}.fancybox-slide--html{padding:6px}.fancybox-content{background:#fff;display:inline-block;margin:0;max-width:100%;overflow:auto;-webkit-overflow-scrolling:touch;padding:44px;position:relative;text-align:left;vertical-align:middle}.fancybox-slide--image .fancybox-content{animation-timing-function:cubic-bezier(.5,0,.14,1);-webkit-backface-visibility:hidden;background:transparent;background-repeat:no-repeat;background-size:100% 100%;left:0;max-width:none;overflow:visible;padding:0;position:absolute;top:0;transform-origin:top left;transition-property:transform,opacity;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;z-index:99995}.fancybox-can-zoomOut .fancybox-content{cursor:zoom-out}.fancybox-can-zoomIn .fancybox-content{cursor:zoom-in}.fancybox-can-pan .fancybox-content,.fancybox-can-swipe .fancybox-content{cursor:grab}.fancybox-is-grabbing .fancybox-content{cursor:grabbing}.fancybox-container [data-selectable=true]{cursor:text}.fancybox-image,.fancybox-spaceball{background:transparent;border:0;height:100%;left:0;margin:0;max-height:none;max-width:none;padding:0;position:absolute;top:0;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:100%}.fancybox-spaceball{z-index:1}.fancybox-slide--iframe .fancybox-content,.fancybox-slide--map .fancybox-content,.fancybox-slide--pdf .fancybox-content,.fancybox-slide--video .fancybox-content{height:100%;overflow:visible;padding:0;width:100%}.fancybox-slide--video .fancybox-content{background:#000}.fancybox-slide--map .fancybox-content{background:#e5e3df}.fancybox-slide--iframe .fancybox-content{background:#fff}.fancybox-iframe,.fancybox-video{background:transparent;border:0;display:block;height:100%;margin:0;overflow:hidden;padding:0;width:100%}.fancybox-iframe{left:0;position:absolute;top:0}.fancybox-error{background:#fff;cursor:default;max-width:400px;padding:40px;width:100%}.fancybox-error p{color:#444;font-size:16px;line-height:20px;margin:0;padding:0}.fancybox-button{background:rgba(30,30,30,.6);border:0;border-radius:0;box-shadow:none;cursor:pointer;display:inline-block;height:44px;margin:0;padding:10px;position:relative;transition:color .2s;vertical-align:top;visibility:inherit;width:44px}.fancybox-button,.fancybox-button:link,.fancybox-button:visited{color:#ccc}.fancybox-button:hover{color:#fff}.fancybox-button:focus{outline:none}.fancybox-button.fancybox-focus{outline:1px dotted}.fancybox-button[disabled],.fancybox-button[disabled]:hover{color:#888;cursor:default;outline:none}.fancybox-button div{height:100%}.fancybox-button svg{display:block;height:100%;overflow:visible;position:relative;width:100%}.fancybox-button svg path{fill:currentColor;stroke-width:0}.fancybox-button--fsenter svg:nth-child(2),.fancybox-button--fsexit svg:first-child,.fancybox-button--pause svg:first-child,.fancybox-button--play svg:nth-child(2){display:none}.fancybox-progress{background:#ff5268;height:2px;left:0;position:absolute;right:0;top:0;transform:scaleX(0);transform-origin:0;transition-property:transform;transition-timing-function:linear;z-index:99998}.fancybox-close-small{background:transparent;border:0;border-radius:0;color:#ccc;cursor:pointer;opacity:.8;padding:8px;position:absolute;right:-12px;top:-44px;z-index:401}.fancybox-close-small:hover{color:#fff;opacity:1}.fancybox-slide--html .fancybox-close-small{color:currentColor;padding:10px;right:0;top:0}.fancybox-slide--image.fancybox-is-scaling .fancybox-content{overflow:hidden}.fancybox-is-scaling .fancybox-close-small,.fancybox-is-zoomable.fancybox-can-pan .fancybox-close-small{display:none}.fancybox-navigation .fancybox-button{background-clip:content-box;height:100px;opacity:0;position:absolute;top:calc(50% - 50px);width:70px}.fancybox-navigation .fancybox-button div{padding:7px}.fancybox-navigation .fancybox-button--arrow_left{left:0;left:env(safe-area-inset-left);padding:31px 26px 31px 6px}.fancybox-navigation .fancybox-button--arrow_right{padding:31px 6px 31px 26px;right:0;right:env(safe-area-inset-right)}.fancybox-caption{background:linear-gradient(0deg,rgba(0,0,0,.85) 0,rgba(0,0,0,.3) 50%,rgba(0,0,0,.15) 65%,rgba(0,0,0,.075) 75.5%,rgba(0,0,0,.037) 82.85%,rgba(0,0,0,.019) 88%,transparent);bottom:0;color:#eee;font-size:14px;font-weight:400;left:0;line-height:1.5;padding:75px 44px 25px;pointer-events:none;right:0;text-align:center;z-index:99996}@supports (padding:max(0px)){.fancybox-caption{padding:75px max(44px,env(safe-area-inset-right)) max(25px,env(safe-area-inset-bottom)) max(44px,env(safe-area-inset-left))}}.fancybox-caption--separate{margin-top:-50px}.fancybox-caption__body{max-height:50vh;overflow:auto;pointer-events:all}.fancybox-caption a,.fancybox-caption a:link,.fancybox-caption a:visited{color:#ccc;text-decoration:none}.fancybox-caption a:hover{color:#fff;text-decoration:underline}.fancybox-loading{animation:a 1s linear infinite;background:transparent;border:4px solid #888;border-bottom-color:#fff;border-radius:50%;height:50px;left:50%;margin:-25px 0 0 -25px;opacity:.7;padding:0;position:absolute;top:50%;width:50px;z-index:99999}@keyframes a{to{transform:rotate(1turn)}}.fancybox-animated{transition-timing-function:cubic-bezier(0,0,.25,1)}.fancybox-fx-slide.fancybox-slide--previous{opacity:0;transform:translate3d(-100%,0,0)}.fancybox-fx-slide.fancybox-slide--next{opacity:0;transform:translate3d(100%,0,0)}.fancybox-fx-slide.fancybox-slide--current{opacity:1;transform:translateZ(0)}.fancybox-fx-fade.fancybox-slide--next,.fancybox-fx-fade.fancybox-slide--previous{opacity:0;transition-timing-function:cubic-bezier(.19,1,.22,1)}.fancybox-fx-fade.fancybox-slide--current{opacity:1}.fancybox-fx-zoom-in-out.fancybox-slide--previous{opacity:0;transform:scale3d(1.5,1.5,1.5)}.fancybox-fx-zoom-in-out.fancybox-slide--next{opacity:0;transform:scale3d(.5,.5,.5)}.fancybox-fx-zoom-in-out.fancybox-slide--current{opacity:1;transform:scaleX(1)}.fancybox-fx-rotate.fancybox-slide--previous{opacity:0;transform:rotate(-1turn)}.fancybox-fx-rotate.fancybox-slide--next{opacity:0;transform:rotate(1turn)}.fancybox-fx-rotate.fancybox-slide--current{opacity:1;transform:rotate(0deg)}.fancybox-fx-circular.fancybox-slide--previous{opacity:0;transform:scale3d(0,0,0) translate3d(-100%,0,0)}.fancybox-fx-circular.fancybox-slide--next{opacity:0;transform:scale3d(0,0,0) translate3d(100%,0,0)}.fancybox-fx-circular.fancybox-slide--current{opacity:1;transform:scaleX(1) translateZ(0)}.fancybox-fx-tube.fancybox-slide--previous{transform:translate3d(-100%,0,0) scale(.1) skew(-10deg)}.fancybox-fx-tube.fancybox-slide--next{transform:translate3d(100%,0,0) scale(.1) skew(10deg)}.fancybox-fx-tube.fancybox-slide--current{transform:translateZ(0) scale(1)}@media (max-height:576px){.fancybox-slide{padding-left:6px;padding-right:6px}.fancybox-slide--image{padding:6px 0}.fancybox-close-small{right:-6px}.fancybox-slide--image .fancybox-close-small{background:#4e4e4e;color:#f2f4f6;height:36px;opacity:1;padding:6px;right:0;top:0;width:36px}.fancybox-caption{padding-left:12px;padding-right:12px}@supports (padding:max(0px)){.fancybox-caption{padding-left:max(12px,env(safe-area-inset-left));padding-right:max(12px,env(safe-area-inset-right))}}}.fancybox-share{background:#f4f4f4;border-radius:3px;max-width:90%;padding:30px;text-align:center}.fancybox-share h1{color:#222;font-size:35px;font-weight:700;margin:0 0 20px}.fancybox-share p{margin:0;padding:0}.fancybox-share__button{border:0;border-radius:3px;display:inline-block;font-size:14px;font-weight:700;line-height:40px;margin:0 5px 10px;min-width:130px;padding:0 15px;text-decoration:none;transition:all .2s;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;white-space:nowrap}.fancybox-share__button:link,.fancybox-share__button:visited{color:#fff}.fancybox-share__button:hover{text-decoration:none}.fancybox-share__button--fb{background:#3b5998}.fancybox-share__button--fb:hover{background:#344e86}.fancybox-share__button--pt{background:#bd081d}.fancybox-share__button--pt:hover{background:#aa0719}.fancybox-share__button--tw{background:#1da1f2}.fancybox-share__button--tw:hover{background:#0d95e8}.fancybox-share__button svg{height:25px;margin-right:7px;position:relative;top:-1px;vertical-align:middle;width:25px}.fancybox-share__button svg path{fill:#fff}.fancybox-share__input{background:transparent;border:0;border-bottom:1px solid #d7d7d7;border-radius:0;color:#5d5b5b;font-size:14px;margin:10px 0 0;outline:none;padding:10px 15px;width:100%}.fancybox-thumbs{background:#ddd;bottom:0;display:none;margin:0;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;padding:2px 2px 4px;position:absolute;right:0;-webkit-tap-highlight-color:rgba(0,0,0,0);top:0;width:212px;z-index:99995}.fancybox-thumbs-x{overflow-x:auto;overflow-y:hidden}.fancybox-show-thumbs .fancybox-thumbs{display:block}.fancybox-show-thumbs .fancybox-inner{right:212px}.fancybox-thumbs__list{font-size:0;height:100%;list-style:none;margin:0;overflow-x:hidden;overflow-y:auto;padding:0;position:absolute;position:relative;white-space:nowrap;width:100%}.fancybox-thumbs-x .fancybox-thumbs__list{overflow:hidden}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar{width:7px}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-track{background:#fff;border-radius:10px;box-shadow:inset 0 0 6px rgba(0,0,0,.3)}.fancybox-thumbs-y .fancybox-thumbs__list::-webkit-scrollbar-thumb{background:#2a2a2a;border-radius:10px}.fancybox-thumbs__list a{-webkit-backface-visibility:hidden;backface-visibility:hidden;background-color:rgba(0,0,0,.1);background-position:50%;background-repeat:no-repeat;background-size:cover;cursor:pointer;float:left;height:75px;margin:2px;max-height:calc(100% - 8px);max-width:calc(50% - 4px);outline:none;overflow:hidden;padding:0;position:relative;-webkit-tap-highlight-color:transparent;width:100px}.fancybox-thumbs__list a:before{border:6px solid #ff5268;bottom:0;content:"";left:0;opacity:0;position:absolute;right:0;top:0;transition:all .2s cubic-bezier(.25,.46,.45,.94);z-index:99991}.fancybox-thumbs__list a:focus:before{opacity:.5}.fancybox-thumbs__list a.fancybox-thumbs-active:before{opacity:1}@media (max-width:576px){.fancybox-thumbs{width:110px}.fancybox-show-thumbs .fancybox-inner{right:110px}.fancybox-thumbs__list a{max-width:calc(100% - 10px)}}
/* End */
/* Start:/local/templates/vaskos/components/bitrix/search.title/template1/style.min.css?17410154661832*/
div.title-search-result{border:1px solid #c6c6c6;display:none;overflow:hidden;z-index:205}table.title-search-result{border-collapse:collapse;border:none;width:10%}table.title-search-result th{background-color:#f7f7f7;border-right:1px solid #e8e8e8;color:#949494;font-weight:400;padding:2px 12px 2px 14px;text-align:right;vertical-align:top;white-space:nowrap;width:1%}table.title-search-result td{background-color:#fff;color:#000;font-weight:400;padding-top:2px;padding-bottom:2px;text-align:left;white-space:nowrap}table.title-search-result td.title-search-item{padding-left:8px;padding-right:15px}table.title-search-result td.title-search-item a{padding-left:4px;padding-right:15px;text-decoration:none;color:#000;vertical-align:top;display:block}table.title-search-result td.title-search-item img{vertical-align:top}table.title-search-result td.title-search-item b{color:#cf0000;font-weight:400}table.title-search-result tr.title-search-selected a,table.title-search-result tr.title-search-selected td,table.title-search-result tr.title-search-selected td.title-search-more a{background-color:#fff2be}table.title-search-result td.title-search-more{font-size:11px;font-weight:400;padding-right:15px;padding-left:24px;padding-top:0}table.title-search-result td.title-search-more a{padding-left:12px;padding-right:15px;text-decoration:none;color:#999}table.title-search-result td.title-search-all{padding-left:24px;padding-right:15px}table.title-search-result td.title-search-all a{padding-left:4px;text-decoration:none;color:grey}table.title-search-result td.title-search-separator,table.title-search-result th.title-search-separator{padding-top:0;padding-bottom:0;font-size:4px}div.title-search-fader{display:none;background-image:url('/local/templates/vaskos/components/bitrix/search.title/template1/images/fader.png');background-position:right top;background-repeat:repeat-y;position:absolute}
/* End */
/* Start:/local/templates/vaskos/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.min.css?17320766494065*/
.basket-line-block{position:relative;padding-left:25px;white-space:nowrap;font-size:13px}.basket-line-block-icon-cart,.basket-line-block-icon-profile{position:relative;margin-right:10px}.basket-line-block-icon-cart:after,.basket-line-block-icon-profile:after{position:absolute;top:-1px;left:-25px;display:block;width:20px;height:20px;content:''}.basket-line-block-icon-profile:after{background:no-repeat center url(/local/templates/vaskos/components/bitrix/sale.basket.basket.line/bootstrap_v4/images/profile.svg)}.basket-line-block-icon-cart:after{background:no-repeat center url(/local/templates/vaskos/components/bitrix/sale.basket.basket.line/bootstrap_v4/images/cart.svg)}@media(min-width:768px){.bx-basket-fixed{position:fixed;z-index:998;overflow:hidden;padding-top:10px;width:200px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.top{top:10px}.bx-basket-fixed.right{right:10px}.bx-basket-fixed.bottom{bottom:10px}.bx-basket-fixed.left{left:10px}.bx-basket-fixed.bx-max-height{top:10px;bottom:10px}}@media(max-width:767px){.bx-basket-fixed{position:fixed;right:0;bottom:0;left:0;z-index:998;overflow:hidden;padding-top:10px;border:1px solid #f0f0f0;border-radius:1px;background:#fff;box-shadow:0 7px 10px rgba(0,0,0,0.15)}.bx-basket-fixed.vcenter{bottom:10px;top:auto !important}.bx-basket-item-list{display:none}}.bx-basket-fixed .basket-line-block{margin-left:10px}.bx-basket-item-list{position:relative;overflow:hidden;padding-bottom:20px;border-top:1px solid #f7f7f7}.bx-opener .bx-basket-item-list{padding-bottom:75px}.bx-max-height .bx-basket-item-list{position:absolute;right:0;bottom:0;left:0}.bx-closed .bx-basket-item-list{overflow:hidden;height:20px}.bx-basket-item-list-action{position:absolute;right:0;bottom:0;left:0;z-index:120;padding:3px 0;height:20px;background:#f7f7f7;color:#4f4f4f;vertical-align:middle;text-align:center;font-size:12px;line-height:14px;cursor:pointer}.bx-basket-item-list-button-container{position:absolute;right:0;bottom:20px;left:0;padding:10px 0;border-top:1px solid #f7f7f7;background:#fff;text-align:center}.bx-basket-item-list-container{overflow-y:auto;max-height:100%}.bx-basket-item-list-item{position:relative;margin-bottom:15px;padding-top:15px;padding-right:10px;padding-left:10px;border-bottom:1px solid #f7f7f7}.bx-basket-item-list-container .bx-basket-item-list-item:last-child{margin-bottom:0;border-bottom:0}.bx-basket-item-list-item-status{margin:0 10px 20px;padding:3px;border-radius:3px;background:#ebebeb;text-align:center;white-space:normal;font-weight:bold;font-size:12px;line-height:16px}.bx-basket-item-list-item-img{position:relative;padding-bottom:5px;text-align:center}.bx-basket-item-list-item-img img{max-width:90px;height:auto;border:1px solid #e6e6e6}.bx-basket-item-list-item-name{padding-bottom:5px}.bx-basket-item-list-item-name a{font-size:13px;line-height:16px}.bx-basket-item-list-item-remove{position:absolute;top:-7px;right:10px;width:20px;height:20px;opacity:.5;cursor:pointer;transition:250ms linear all}.bx-basket-item-list-item-remove:after,.bx-basket-item-list-item-remove:before{position:absolute;top:50%;left:50%;display:block;width:10px;height:2px;border-radius:1px;background-color:#333;content:'';transform:translate(-50%,-50%)}.bx-basket-item-list-item-remove:after{-webkit-transform:translate(-50%,-50%) rotate(45deg);-moz-transform:translate(-50%,-50%) rotate(45deg);-ms-transform:translate(-50%,-50%) rotate(45deg);-o-transform:translate(-50%,-50%) rotate(45deg);transform:translate(-50%,-50%) rotate(45deg)}.bx-basket-item-list-item-remove:before{-webkit-transform:translate(-50%,-50%) rotate(135deg);-moz-transform:translate(-50%,-50%) rotate(135deg);-ms-transform:translate(-50%,-50%) rotate(135deg);-o-transform:translate(-50%,-50%) rotate(135deg);transform:translate(-50%,-50%) rotate(135deg)}.bx-basket-item-list-item-remove:hover{opacity:.7}.bx-basket-item-list-item-price-block{padding-bottom:5px;font-size:12px}.bx-basket-item-list-item-price{display:inline-block;margin-right:5px}.bx-basket-item-list-item-price-old{display:inline-block;margin-right:5px;color:#b0b0b0;text-decoration:line-through}.bx_cart_login_top .basket-line{line-height:1.44em}
/* End */
/* Start:/local/templates/vaskos/components/bitrix/sender.subscribe/subscr/style.min.css?17320768514471*/
.bx-subscribe{margin:10px 0}.bx-subscribe div.bx-block-title{font-family:var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-semi-bold,600);color:#343434;text-transform:uppercase;font-size:12px;margin-bottom:9px}.bx-subscribe-desc{color:#aaa;font-size:12px;position:relative;margin-top:-5px;margin-bottom:3px}.bx-subscribe .bx-input-group .bx-form-control{position:relative;margin-bottom:15px;display:block;width:100%;height:34px;padding:6px 12px;font-size:14px;line-height:1.42857143;color:#555;background-color:#f8fafc;border:1px solid #d5dadc;border-radius:2px;outline:0;box-shadow:none !important;-webkit-transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s;transition:border-color ease-in-out .15s,box-shadow ease-in-out .15s}.bx-ios .bx-subscribe .bx-input-group .bx-form-control{background-image:-webkit-linear-gradient(#f8fafc 0,#f8fafc 100%);background-image:linear-gradient(#f8fafc 0,#f8fafc 100%)}.btn-subscribe{cursor:pointer;text-align:center;background:#70bb18;border:0;color:#fff;font-size:13px;position:relative;text-transform:uppercase;border-radius:2px;line-height:30px;height:40px;padding:5px 60px 5px 20px;vertical-align:middle;outline:0;-webkit-transition:width 5s linear;-moz-transition:width 5s linear;-ms-transition:width 5s linear;-o-transition:width 5s linear;transition:width 5s linear}.btn-subscribe:hover{background:#7ec629}.btn-subscribe:before{content:" ";position:absolute;top:0;bottom:0;right:0;width:40px;background-color:#5b9f0b; background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAA4AAAAKCAYAAACE2W/HAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6MkYyNDcxQTFERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6MkYyNDcxQTJERjZGMTFFNDk5NTY5MzQ3QzQxRkMzMEIiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDoyRjI0NzE5RkRGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDoyRjI0NzFBMERGNkYxMUU0OTk1NjkzNDdDNDFGQzMwQiIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Plv+rHwAAADiSURBVHjajNK9asJQFMDxG42KUqFx9kEcRO1UcBCHjh3q3NXHcBEcdHQQPxY7+AaS0a1v0UEhSlu/rv+jhxIlBQ/84OTmnHuSmzjW2qExpoK9ekDcXMcRAVw1d2hckjxqwQxTJJXEDj+ooa5rK+neoocMnvGB7s3EVxQwwhdeDBMDvEPylr3EBB6yGOhaGzE0cJ5o4enOTSzQgY8D8nhDX2ty0hPTCxt6LDmsMtb6fk+hpr9a10THJ4pw8BtVII0ydRNxb/vPplLrSGNKT/Pb3BdVpOU7jklKSNzZKD+JfxJgAAV0YSAU8mZTAAAAAElFTkSuQmCC"); background-position:50%;background-repeat:no-repeat;border-radius:0 2px 2px 0}.btn-subscribe span{display:block}.btn-subscribe.send{padding:5px 40px;-webkit-animation-name:MeilSend;animation-name:MeilSend;-webkit-animation-duration:.5s;animation-duration:.5s;outline:0;color:#fff}.btn-subscribe:hover,.btn-subscribe:active{color:#fff}.btn-subscribe.send:before{width:0;background-position:100px 50%;-webkit-animation-name:MeilSendButton;animation-name:MeilSendButton;-webkit-animation-duration:.5s;animation-duration:.5s}@keyframes MeilSend{0{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@-webkit-keyframes MeilSend{0{padding:5px 60px 5px 20px}100%{padding:5px 40px}}@keyframes MeilSendSpan{0{color:transparent}100%{color:#fff}}@-webkit-keyframes MeilSendSpan{0{color:transparent}100%{color:#fff}}@keyframes MeilSendButton{0{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}@-webkit-keyframes MeilSendButton{0{width:40px;background-position:50%}100%{width:0;background-position:100px 50%}}.bx_subscribe_response_container{padding:40px;color:#35414e}.bx_subscribe_checkbox_container{line-height:16px;font-size:13px;margin-bottom:3px;vertical-align:middle;color:#aaa}.bx-sender-subscribe-agreement .main-user-consent-request a{font:11px/10px var(--ui-font-family-secondary,var(--ui-font-family-open-sans));font-weight:var(--ui-font-weight-regular,400)}
/* End */
/* Start:/local/templates/vaskos/components/bitrix/menu/menu-bottom/style.min.css?1732076649490*/
ul.left-menu{list-style:none;margin:0;padding:0;margin-bottom:8px;position:relative}ul.left-menu li{padding:10px 16px;background:#f5f5f5 url(/local/templates/vaskos/components/bitrix/menu/menu-bottom/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d}
/* End */
/* Start:/local/templates/vaskos/styles.css?176986540612775*/
.card-buy-one-c {
border: 0!important;
}
.product-view-block-no,
.product-view-block-yes {
color: #1DB73F;
font-size: 12px;
display: flex;
align-items: baseline;
margin-bottom: 5px;
}
.product-view-block-no {
color: #2990cb;
gap: 5px;
}
.card-content-arhive-main {
font-size: 24px;
color: #2990cb;
display: flex;
}
.card-content-specify-main {
color: #2990cb;
display: flex;
}
.card-product-add-btn {
color: #FFF;
padding: 8px 24px;
border-radius: 5px;
background: #2990CB;
border: 1px solid;
}
.card-product-add-btn {
position: relative;
}
.spinner {
border: 4px solid rgba(255, 255, 255, 0.3);
border-top: 4px solid #FFF;
border-radius: 50%;
width: 25px;
height: 25px;
animation: spin 1s linear infinite;
position: absolute;
top: 3px;
right: 40%;
transform: translateY(-50%);
z-index: 9999;
display: none;
}
.card-product-add-btn {
width: 50%;
}
@keyframes spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.product-view-block-fcc {
align-items: center;
}
.product-view-block-fcc .card-product-add-btn {
height: 46px;
width: 182px;
font-size: 16px;
text-align: center;
line-height: 46px;
padding: 0;
}
.product-view-block {
justify-content: flex-end;
}
.product-view-block-title {
max-height: 40px;
overflow: hidden;
}
.bx-filter.bx-blue .bx-filter-section {
background: unset;
}
.col-lg-12.bx-filter-title {
display: none;
}
.bx-filter-parameters-box-container .btn.btn-link,
.bx-filter.bx-blue .btn-themes {
padding: 10px;
width: 100%;
border-radius: 10px;
font-size: 14px;
cursor: pointer;
margin-top: 5px;
color: #2990CB;
border-radius: 5px;
border: 0.5px solid #2990CB;
background-color: unset;
}
.bx-filter.bx-blue .btn-themes {
margin-top: 15px;
color: #FFF;
background-color: #2990CB;
}
.bx-filter .bx-filter-parameters-box-title {
font-size: 15px;
}
.bx-filter .bx-filter-parameters-box-title span,
.bx-filter .bx-filter-parameters-box.bx-active .bx-filter-parameters-box-title span {
color: #000000;
}
.bx-filter .bx-filter-parameters-box-title span:hover {
border-color: #000000;
}
.bx-filter .bx-filter-input-checkbox {
display: flex;
margin: 5px 0;
}
.col-xs-10 {
width: 90%;
margin: 0 auto;
float: none;
}
.bx-filter .bx-ui-slider-track-container {
padding-top: 60px;
padding-bottom: 25px;
}
.bx-filter .bx-filter-parameters-box-container-block {
display: flex;
}
.bx-filter .bx-filter-input-container input {
font-size: 14px;
border: 0;
height: unset;
padding: 2px;
padding-left: 5px;
font-weight: 600;
}
.bx-filter .bx-filter-parameters-box-container-block {
color: #000000;
font-weight: 600;
}
.card-info-fav.checked .card-info-text,
.wishbtn.in_wishlist .card-info-text {
color:#2990CB!important;
}
.composter-svg svg,
.favoriter-svg svg {
fill: #B0CEDF;
width: 20px;
height: 17px;
}
.card-info-fav.checked .composter-svg svg,
.wishbtn.in_wishlist .favoriter-svg svg {
fill: #2990CB;
}
.main-content .comparison-and-sort .sort > :first-child {
margin: 0;
}
.card-info-rew, .card-info-fav, .card-info-block {
align-items: center;
justify-content: center;
height: 100%;
}
.blocks_delay_items {
display: flex;
flex-wrap: wrap;
gap: 70px;
margin: 30px 0;
min-height: 600px;
}
.bx-sbb-empty-cart-container {
min-height: 600px;
}
.delitem {
color: #2990CB;
border-radius: 5px;
border: 0.5px solid #2990CB;
padding: 9px;
font-size: 16px;
width: 100%;
display: flex;
justify-content: center;
margin-top: 10px;
}
.catalog-compare-filter .row {
display: flex;
flex-wrap: wrap;
gap: 10px;
margin: 10px 0 20px;
}
.text-muted {
display: none;
}
.catalog-compare .align-items-center {
display: flex;
margin-top: 30px;
}
.catalog-compare .btn-secondary {
background: #F1F5F8;
color: #2990CB;
font-size: 20px;
padding: 16px 0;
}
.catalog-compare .align-items-center .btn {
display: flex;
border: 1px solid #EAEAEA;
font-size: 20px;
width: 290px;
align-items: center;
margin-bottom: 30px;
padding: 16px;
justify-content: center;
}
.catalog-compare .align-items-center .pr-2:last-child .btn {
border-radius: 0 10px 10px 0;
}
.catalog-compare .align-items-center .pr-2:nth-child(2n) .btn {
border-radius: 10px 0 0 10px;
}
.catalog-compare-filter-title {
font-size: 20px;
}
.catalog-compare-table.table-responsive {
overflow: auto;
margin-bottom: 30px;
}
.catalog-compare-table.table-responsive table {
border: 1px solid #EAEAEA;
border-radius: 10px 10px 0 0;
}
.catalog-compare-table.table-responsive td {
border-left: 1px solid #EAEAEA;
padding: 10px;
}
table .btn.btn-primary.btn-sm {
color: #FFF;
padding: 8px 24px;
border-radius: 5px;
background: #2990CB;
display: flex;
justify-content: center;
margin-top: 10px;
}
table .text-danger {
color: #2990CB;
border-radius: 5px;
border: 0.5px solid #2990CB;
padding: 9px;
width: 100%;
display: flex;
justify-content: center;
}
.bx-favoritre-text {
font-size: 36px;
text-align: center;
color: #bababa;
margin-bottom: 42px;
}
.bx-favoritre-cart-desc {
text-align: center;
color: #000;
font-size: 16px;
margin-bottom: 42px;
}
.bx-favoritre-image {
width: 131px;
height: 116px;
margin: 50px auto 42px;
background: url(/upload/vaskos/favoriter.svg) no-repeat center;
background-size: contain;
opacity: 0.6;
}
.bx-cart-image {
width: 131px;
height: 116px;
margin: 50px auto 42px;
background: url(/upload/vaskos/cart.svg) no-repeat center;
background-size: contain;
opacity: 0.6;
}
.bx-comor-image {
width: 131px;
height: 116px;
margin: 50px auto 42px;
background: url(/upload/vaskos/comparison.svg) no-repeat center;
background-size: contain;
opacity: 0.6;
}
.catalog-compare-list.left {
display: none;
}
.cart-mini-title {
width: unset!important;
}
.product-view-block-fcc a {
max-height: 50px;
}
.product-view-block-top {
position: relative;
top: 0;
}
.product-view-block {
padding: 15px 20px 10px;
width: 272px;
}
.product-view-block-title {
margin: 0 20px 9px 0;
}
#c-card .product-item-container {
position: relative;
margin-right: 20px;
width: 272px;
}
.contmeleft {
border-radius:8px; /* скругляем края блока*/
width: 100%; /* общая ширина блока*/
border: 1px solid #d9d9d9; /* рамка блока*/
overflow: hidden; /* скрывает возможность появления прокрутки блока. */
}
.contmeleft img {
width: 80px; /* ширина картинки 140 */
height: 80px; /* высота картинки, от неё будет зависеть и размер общего блока */
object-fit: cover; /* обрезаем края картинки, если они не вместятся в блок */
object-position: 0 70; /* тоже обрезка краев */
margin-right: 10px;
float: left; /* важный момент. с помощью этого знаения, мы показывем браузеру, что блок должен соприкасаться со вторым блоком приемущественно с левой стороны */
}
.contmeleft p{
overflow-wrap: normal; /* показывает тексту, что он не должен заходить за границы блока */
word-wrap: normal;
word-break: normal; /* не поддерживает Opera12.14, значение keep-all не поддерживается IE, Chrome */
line-break: auto; /* нет поддержки для русского языка */
-webkit-hyphens: none; -ms-hyphens: none; hyphens: none; /* значение auto не поддерживается Chrome */
padding: 10px; /* отступ от рамки до текста - делает его красивее */
margin-left: 15px; /* отступ с левой стороны от блока с картинкой */
display: block; /* обознначает, что это не просто бесформенный текст, а блок внутри блока */
font-size:13pt; /* размер текста*/
margin: 2px 0 0 0; /* отступ от блока с текстом */
}
#card-gallery-item {
width: 100%;
height: 100%;
display: flex;
overflow: hidden;
margin: 10px 0;
}
#card-gallery-item swiper-slide {
display: flex;
justify-content: center;
align-items: center;
width: 90px;
height: 90px;
}
#card-gallery-item img {
display: block;
width: 90px;
height: 90px;
object-fit: cover;
outline: 1px solid #c0cfda;
background-color: #fff;
text-align: center;
cursor: pointer;
border-radius: 10px;
}
.card-product-content {
width: 100%;
}
.card-product-page-btn {
width: unset;
height: 40px;
padding: 0 15px;
border: 0;
font-size: 15px;
}
.card-product-page {
border-bottom: 1px solid #2990cb;
}
.card-product-page-btn:hover,
.card-product-page-select {
color: #2990CB;
border-bottom: 3px solid;
background: unset;
margin-top: 1px;
}
.card-product-page-btn-r,
.card-product-page-btn-l {
border-radius: 0;
}
.modal-dialog {
max-height: 90%;
}
.card-consult-support-button a,
.card-best-price-button a {
padding: 9px;
width: 100%;
display: flex;
justify-content: center;
color: #2990CB;
font-size: 16px;
text-align: center;
}
.card-consult-support-button,
.card-best-price-button {
border: 1px solid #2990cb;
border-radius: 5px;
margin-top: 10px;
}
.card-content-price {
height: 100%;
}
.card-consult-support {
border: 1px solid #EDEDED;
background: #F1F5F8;
margin: 10px 0 0;
padding: 15px;
border-radius: 13px;
}
.card-consult-support-title {
font-weight: 500;
color: #4d4d4d;
margin-bottom: 5px;
font-size: 14px;
text-align: center;
margin-bottom: 15px;
}
.modal-question-email-or-phone {
text-align: left;
margin: 15px 0 0;
}
.modal-question-radio {
margin-top: 5px;
}
.modal-block-form label {
margin-bottom: 5px;
}
.modal-block-form textarea {
padding: 8px;
border-radius: 5px;
border: 1px solid;
margin-bottom: 15px;
resize: none;
}
.card-video-link-item {
padding-bottom: 15px;
border-bottom: 2px solid #2990cb;
margin-bottom: 15px;
}
.modal-content-phone,
.modal-content-email {
display: flex;
flex-direction: column;
}
.modal-result-span {
font-size: 18px;
padding: 10px 0;
display: block;
font-weight: 400;
}
.accessories-title {
font-size: 28px;
padding: 0 0 30px;
}
.filter-smart .modal-dialog {
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
overflow: overlay;
border-radius: 10px;
max-height: 90%;
position: absolute;
width: 90%;
max-width: 600px;
}
.filter-smart .modal-content {
margin: 0!important;
}
@media(max-width: 760px) {
.card-product-page {
border: 1px solid #2990cb;
border-radius: 5px;
}
.modal-content {
max-height: 90%;
overflow: overlay;
}
}
@media only screen and (max-width: 600px){
.articles-image-in-text {
float: none !important;
}
}
#bx_incl_area_1 {
width: 100%;
}
.red-comments-button {
background: url('/bitrix/themes/.default/chililab.comments/public/images/plus.png') no-repeat left center #2990CB!important;
background-size: contain!important;
}
.red-reviews-button {
background: url('/bitrix/themes/.default/chililab.comments/public/images/quote.png') no-repeat left center #2990CB!important;
background-size: contain!important;
}
.red-comments-button:hover,
.red-reviews-button:hover {
background-color: #155981!important;
}
.red-comments-module,
.red-body {
font-family: 'Roboto Slab'!important;
}
.info-title-h1 {
font-weight: 500;
margin-bottom: 0;
line-height: 150.385%;
font-size: 18px;
font-family: 'Roboto Slab'!important;
}
.red-modality .red-modality-left {
width: 100%;
}
.red-modality .name-line {
padding-bottom: 5px;
}
.red-modality {
color: #000;
}
.red-modality .header-line {
align-items: flex-start;
}
.red-modality-title h2 {
font-size: 18px;
margin: 50px 0 30px;
}
@media (max-width: 450px) {
.red-reviews-button,
.red-comments-button {
position: static!important;
margin: 10px 0;
}
}
/* End */
/* Start:/local/templates/vaskos/template_styles.css?1793003084163638*/
@charset "UTF-8";
@font-face {
font-family: 'Roboto Slab';
src: url(/bitrix/fonts/RobotoSlab-Light-cyr.woff2), url(/bitrix/fonts/RobotoSlab-Light.woff);
font-weight: 300;
font-display: swap;
font-style: normal
}
@font-face {
font-family: 'Roboto Slab';
src: url(/bitrix/fonts/RobotoSlab-Regular-cyr.woff2), url(/bitrix/fonts/RobotoSlab-Regular.woff);
font-weight: 400;
font-display: swap;
font-style: normal
}
@font-face {
font-family: 'Roboto Slab';
src: url(/bitrix/fonts/RobotoSlab-Bold-cyr.woff2), url(/bitrix/fonts/RobotoSlab-Bold.woff);
font-weight: 500;
font-display: swap;
font-style: normal
}
body,
html {
color: #222;
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 14px;
line-height: normal;
-webkit-box-sizing: border-box;
box-sizing: border-box;
overflow-x: hidden;
margin: 0;
background: #fff
}
* {
-webkit-box-sizing: border-box;
box-sizing: border-box
}
a {
text-decoration: none;
color: #222
}
body {
min-height: 100%;
overflow: auto;
overflow-x: hidden;
word-wrap: break-word;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-ms-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-webkit-tap-highlight-color: transparent;
-ms-touch-action: manipulation;
touch-action: manipulation
}
.wrapper__body,
header {
max-width: 1153px;
width: auto;
margin: 0 auto;
padding: 0 20px;
-webkit-box-sizing: content-box;
box-sizing: content-box
}
.header-one-level {
display: flex;
justify-content: space-between;
padding: 15px 7px;
border-bottom: 1px solid #e1e1e1
}
.header-group-info {
display: flex;
gap: 20px
}
.header-the-group {
display: flex;
align-items: center
}
.header-cc {
width: 18px;
height: 18px;
display: block;
background-size: contain;
margin-right: 10px
}
.header-bb {
width: 18px;
height: 18px;
margin-right: 15px
}
.header-phone {
background-image: url(/local/templates/vaskos/images/iphon.svg)
}
.header-email {
background-image: url(/local/templates/vaskos/images/email.svg);
width: 24px
}
.header-lc {
background-image: url(/local/templates/vaskos/images/man.svg)
}
.header-viber {
background-image: url(/local/templates/vaskos/images/viber.svg)
}
.header-max {
background-image: url(/local/templates/vaskos/images/social-max.svg?v=2)
}
.header-whatsapp {
background-image: url(/local/templates/vaskos/images/whatsapp.svg)
}
.header-tg {
background-image: url(/local/templates/vaskos/images/telegram.svg)
}
.header-info {
margin-left: -22px;
font-weight: 300
}
.header-two-level {
display: flex;
align-content: space-between;
justify-content: space-between;
align-items: center;
flex-wrap: wrap
}
.header-two-level-group-one {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
gap: 20px
}
.header-logo {
background-size: 100%;
background-image: url(/images/logo_carata.webp);
width: 186px;
height: 81px;
margin-top: 15px
}
.header-search-input {
position: relative
}
.header-search-input input {
width: 280px;
height: 35px;
border-radius: 5px;
border: 1px solid #bcbcbc;
padding: 9px 20px;
font-weight: 300;
padding-right: 30px
}
.header-modal-feedback-phone {
border-radius: 3px;
background: #2990cb;
color: #fff;
padding: 8px 9px
}
.header-modal-cart-order {
color: #2990cb;
font-weight: 500
}
.header-block {
display: flex;
flex-direction: column;
align-content: center;
flex-wrap: wrap
}
.header-block img {
margin-bottom: 6px
}
.header-text {
font-weight: 300
}
.cart-val {
background-image: url(/local/templates/vaskos/images/P.svg);
width: 7px;
height: 10px;
margin-left: 4px
}
.header-block-fcc {
display: flex;
flex-wrap: wrap;
align-items: flex-end;
gap: 24px
}
.cart-mini img {
margin-right: 10px
}
.cart-mini-title {
width: 80px;
text-align: center
}
.cart-group {
position: relative;
display: contents
}
.cart-icon__count {
position: relative;
top: -10px;
right: 17px;
background-color: #7e7e7e;
color: #fff;
font-size: 10px;
padding: 2px 1px 0 4px;
border-radius: 50%;
height: 14px;
width: 14px;
line-height: 1
}
.header-three-level {
border-radius: 10px;
background: rgba(41, 144, 203, .2)
}
ul {
list-style: none;
margin: 0;
padding: 0
}
a {
text-decoration: none
}
.submenu:after,
.top-menu:after {
content: "";
display: table;
clear: both
}
.top-menu>li {
display: inline-block;
float: left
}
.top-menu>li>a {
display: block;
padding: 11px 35.5px 12px;
font-size: 16px;
transition: .2s linear
}
.top-menu>li>a:hover {
color: #b03062
}
.dropdown:after {
content: "";
margin-left: 5px;
margin-top: 9px;
width: 11px;
height: 7px;
background: url(/local/templates/vaskos/images/nav-menu.svg) no-repeat;
background-size: cover;
position: absolute
}
.submenu,
.submenu-standart {
border-top: 1px solid #e5e5e5;
box-shadow: 0 3px 5px 0 rgba(0, 0, 0, .07);
background: #fff;
padding: 25px 0;
position: absolute;
top: 100%;
left: 0;
z-index: 5;
opacity: 0;
visibility: hidden;
transform: translate3d(0, 30px, 0);
transition: .5s ease-out;
transform-origin: 0 0
}
.submenu {
width: 100%
}
.submenu-standart {
min-width: 200px;
padding: 10px 0
}
.dropdown-standart {
position: relative
}
@media screen and (min-width:1366px) {
.top-menu>li:hover .submenu,
.top-menu>li:hover .submenu-standart {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0)
}
}
@media screen and (max-width:1365px) {
.top-menu>li.active .submenu,
.top-menu>li.active .submenu-standart {
opacity: 1;
visibility: visible;
transform: translate3d(0, 0, 0)
}
}
.submenu>li {
float: left;
width: calc(100% / 3);
padding: 0 18px;
border-right: 1px solid #e5e5e5
}
.submenu-standart li {
padding: 0 18px
}
.submenu>li:last-child {
border-right: none
}
.submenu img {
display: block;
width: 100%
}
.submenu li a,
.submenu-standart li a {
display: block;
padding: 5px 0;
color: #666;
font-size: 15px !important;
font-family: 'Roboto Slab' !important
}
.submenu li .link-image {
padding: 0
}
.submenu li a:hover {
color: #b03062
}
.submenu h3 {
font-family: 'Playfair Display', serif;
font-size: 20px;
font-weight: 400;
margin: 10px 0
}
.container {
margin: 0 auto;
padding: 0;
max-width: 100%
}
.content {
margin: 20px auto
}
.catalog-nav-bar {
background: #2990cb;
border-radius: 10px 0 0 10px
}
.catalog-nav-bar a {
color: #fff
}
.catalog-nav-bar .dropdown:after {
width: 13px;
height: 8px;
margin-left: 10px;
background: url(/local/templates/vaskos/images/nav-menu-fff.svg) no-repeat
}
.header-mobile-nav-bar {
display: none
}
@media(max-width:1190px) {
.wrapper__body,
header {
width: auto;
margin: 0 auto;
padding: 0 15px
}
.header-one-level {
border-bottom: unset;
padding: 20px 0
}
.header-bb {
margin-right: 12px
}
.header-cc {
margin-right: 8px
}
.header-lc-text {
display: none
}
.header-info {
font-size: 10px;
margin-left: -10px
}
.header-group-info {
gap: 20px;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
.header-three-level {
display: none
}
.header-two-level {
flex-direction: column
}
.header-two-level-group-one {
width: 100%;
gap: unset
}
.header-two-level-group-two {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%
}
.header-logo {
width: 132px;
height: 57px;
margin-top: 0;
background-size: cover
}
.header-search-input input {
max-width: 251px
}
.header-mobile-nav-bar {
display: flex
}
.catalog-nav-bar {
border-radius: 10px
}
.header-block .header-text {
display: none
}
}
@media(max-width:740px) {
.header-info,
.header-modal-cart-order {
display: none
}
}
@media(max-width:560px) {
header {
width: auto;
margin: 0 auto;
padding: 0
}
.catalog-nav-bar-mobile,
.header-modal-feedback-phone {
display: none
}
.header-one-level {
font-size: 12px;
padding: 12px 9px 15px
}
.header-phone-text {
margin-right: 9px
}
.header-group-info {
gap: 1;
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: center
}
.color-index-content {
width: 280px !important
}
.slick-dots li button:before {
opacity: unset;
content: '';
width: 10px !important;
height: 10px;
display: block
}
.slick-dots li {
width: 0 !important
}
.productions-view-block .display-carusel .slick-dots {
display: none !important
}
.row-contact {
flex-direction: column
}
.header-bb {
margin-right: 6px;
width: 14px;
height: 14px;
background-size: cover
}
.header-email {
height: 10px
}
.header-lc {
width: 18px;
height: 18px
}
.header-two-level-group-two {
background: #d4e9f5;
margin: 0 -20px;
align-items: center;
padding-right: 9px
}
.header-two-level-group-one {
padding: 0 9px
}
.header-block img {
margin-bottom: 0;
margin-right: 0
}
.header-block-fcc {
gap: 13px
}
.cart-icon__count {
top: -5px;
right: 7px
}
.menu-nav-bar-mobile {
background: #2990cb
}
.menu-nav-bar-mobile a {
color: #fff
}
.dropdown:after {
margin-left: -72px;
margin-top: 5px;
width: 15px;
height: 14px;
background: url(/local/templates/vaskos/images/menu-mobile-burger.svg) no-repeat;
background-size: cover
}
.top-menu>li>a {
padding: 9px 9px 9px 41px
}
}
@media(max-width:430px) {
.header-search-input input {
max-width: 165px;
width: 100%
}
}
footer {
background-color: #f1f5f8
}
.footer {
display: flex;
padding: 50px 0 40px;
flex-wrap: wrap;
justify-content: space-between;
border-bottom: 1px solid #b0cedf;
margin-bottom: 20px
}
.footer-title {
color: #3535ff;
font-size: 16px;
text-transform: uppercase;
text-align: center;
margin-bottom: 28px
}
.footer-btn {
margin-bottom: 41px
}
.footer-subs-news {
border-radius: 3px;
border: 1px solid #2990cb;
padding: 7px 42px;
color: #2990cb
}
.footer-metrik-block,
.footer-mobile-metrik-block {
display: flex;
flex-direction: row;
flex-wrap: wrap;
width: 190px;
gap: 9px;
margin-bottom: 29px
}
.footer-two-level {
display: flex;
flex-direction: row;
padding: 0;
padding-bottom: 0
}
.footer-two-level-one-group,
.footer-two-level-two-group {
display: flex;
flex-direction: column;
width: 215px;
gap: 15px
}
.footer-two-level a {
font-size: 15px
}
.footer-two-level-one-group {
margin-right: 66px
}
.footer-two-level-div {
display: flex
}
.footer-feedback,
.footer-mobile-feedback {
border-radius: 3px;
background: #2990cb;
padding: 5px 19px;
color: #fff
}
.footer-btn1 {
margin-bottom: 22px
}
.footer-info {
display: flex;
flex-direction: column;
gap: 15px
}
.footer-info span {
font-weight: 300
}
.footer-cc {
margin-top: 21px;
display: flex;
gap: 11px
}
.footer-mobile-cc,
.footer-mobile-feedback,
.footer-mobile-info,
.footer-mobile-info-contact {
display: none
}
@media(max-width:1190px) {
.footer-title {
text-align: unset;
margin-bottom: 0
}
.footer-one-level {
display: flex;
justify-content: space-between
}
.footer-mobile-feedback {
display: flex;
padding: 8px 19px
}
.footer-btn {
display: flex;
gap: 13px
}
.footer-two-level-div {
padding: 57px 0 0
}
.footer-btn1,
.footer-feedback,
.footer-map-site,
.footer-metrik-block {
display: none
}
.footer-podclass-one-level {
margin: 50px 0 0
}
.footer-two-level {
padding: 0
}
.footer-two-level-one-group {
margin-right: 54px
}
.footer-two-level-two-group {
width: 152px;
margin-right: 54px
}
.footer-mobile-info {
display: block;
margin-top: 10px
}
}
@media(max-width:690px) {
.header-the-group {
justify-content: center
}
.footer {
text-align: center
}
.footer-btn {
gap: 11px;
flex-direction: column;
align-items: center
}
.footer-mobile-feedback {
padding: 8px;
justify-content: center
}
.footer-mobile-cc {
display: flex;
gap: 11px;
padding-bottom: 15px
}
.footer-one-level {
flex-direction: column
}
.footer-one-level-one-group {
display: flex;
justify-content: center;
align-items: center
}
.footer-one-level-one-group-img {
width: 154px;
height: 66px
}
.footer-mobile-info {
display: flex;
flex-direction: column-reverse;
align-items: center
}
.footer-two-level {
align-items: center;
flex-direction: column
}
.footer-two-level-div {
flex-direction: column;
align-items: center
}
.footer-two-level-one-group,
.footer-two-level-two-group {
margin-right: 0;
width: 100%
}
.footer-cc {
display: none
}
.footer-podclass-one-level {
margin: 11px 0 0
}
.footer-mobile-info-contact {
display: flex;
gap: 15px
}
.footer-mobile-feedback,
.footer-subs-news {
width: 187px;
padding: 9px 0
}
.footer-title {
font-size: 12px
}
.footer-btn {
margin-bottom: 22px
}
.footer-two-level-div {
padding: 33px 0 0
}
.footer-two-level-two-group {
padding: 30px 0
}
.footer-mobile-text {
display: none
}
.footer-three-level {
width: 278px
}
.footer-mobile-info {
margin-top: 36px;
gap: 37px
}
.footer-mobile-metrik-block {
margin-bottom: 0
}
.footer-two-level-one-group:last-child {
margin-top: 20px
}
}
.main-banner {
padding: 30px 0 45px;
border-bottom: 1px solid #b0cedf
}
.main-banner-content {
display: flex;
justify-content: space-between
}
.main-banner-content a {
display: block;
width: 294px;
color: #2990cb;
text-align: center;
font-size: 20px
}
.main-banner-img {
width: 90px;
height: 90px;
background: url(/local/templates/vaskos/images/fon-banner.svg) no-repeat;
background-size: cover;
display: flex;
justify-content: center;
align-items: center
}
.main-banner-img img {
width: 46px;
height: 46px
}
.main-banner-title {
font-size: 16px;
line-height: 18px;
margin: 15px 0;
font-weight: 700;
text-align: center
}
.main-banner-text {
font-size: 16px;
line-height: 18px;
text-align: center;
font-weight: 300
}
.main-banner-div {
display: flex;
flex-direction: column;
align-items: center;
margin-top: 44px
}
.main-banner-div a {
margin-top: 20px
}
.section-stocks {
background: #f1f5f8
}
.div-news-title,
.div-productions-title,
.div-stocks-title {
padding-top: 31px;
display: flex;
justify-content: space-between;
align-items: flex-start;
padding-bottom: 40px
}
.news-title,
.productions-title,
.stocks-title {
font-size: 28px
}
.news-div-all,
.productions-div-all,
.stocks-div-all {
font-size: 18px;
color: #2990cb;
display: flex;
align-items: center;
gap: 10px;
margin-top: 50px
}
.news-svg-all,
.productions-svg-all,
.stocks-svg-all {
width: 25px;
height: 14px;
background: url(/local/templates/vaskos/images/next-stocks.svg) no-repeat;
background-size: cover
}
.product-view-block {
width: 272px;
height: 520px;
border-radius: 10px;
border: 0;
background: 0 0;
padding: 0;
display: flex;
flex-direction: column;
justify-content: space-between
}
.product-view-block-img,
.product-view-block-img img {
width: 229px;
height: 216px
}
.product-view-block-img {
margin-bottom: 10px
}
.product-view-block-title-cat {
color: #666;
font-size: 13px;
margin-bottom: 3px
}
.card-title-cat {
color: #666;
font-size: 15px
}
.product-view-block-title {
margin: 0 0 9px
}
.product-view-block-yes {
color: #1db73f;
font-size: 12px;
display: flex
}
.product-view-block-yes svg {
margin: 0 4px 1px 0
}
.product-view-block-price-old {
color: #9a9a9a;
text-decoration: line-through
}
.product-view-block-price {
color: #2990cb;
font-size: 20px;
margin-right: 0;
min-width: 90px;
}
.product-view-group-block-price {
display: flex;
align-items: baseline;
margin-bottom: 0
}
.product-view-block-add-cart {
border-radius: 5px;
background: #2990cb;
padding: 8px 24px;
color: #fff;
border: 1px solid #2990cb
}
.product-view-block-fcc {
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0
}
.product-view-block-fcc img {
padding: 8px 10px
}
.product-view-block-buy-one-click {
color: #2990cb;
border-radius: 5px;
border: .5px solid #2990cb;
padding: 9px;
font-size: 16px;
width: 100%;
display: flex;
justify-content: center
}
.product-view-block-cc {
width: 20px;
height: 20px;
border-radius: 0;
border: 0;
display: block
}
.productions-view-block,
.products-view-block {
gap: 23px;
padding-bottom: 67px
}
.news-view-block-index {
display: flex;
padding-bottom: 67px
}
.news-view-block {
display: flex;
justify-content: space-between;
padding-bottom: 67px
}
.popular-title {
font-size: 28px;
padding: 66px 0 30px
}
.popular-block-y-n-invert {
display: flex;
border-radius: 10px;
border: 1px solid #eaeaea;
font-size: 20px;
width: 498px;
align-items: center;
margin-bottom: 30px
}
.popular-block-y-n-invert a {
color: #797979
}
.popular-block-y-invert {
background: #f1f5f8;
color: #2990cb;
font-size: 20px;
padding: 16px 0
}
.popular-block-size-invert {
display: flex;
gap: 21px;
margin-bottom: 40px
}
.popular-block-size {
border-radius: 7px;
border: 1px solid #e9e9e9;
padding: 11px 20px
}
.popular-block-size-invert a {
color: #797979
}
.popular-block-size-select {
color: #2990cb;
border-radius: 6px;
border: 1px solid #2990cb;
background: #f1f5f8;
padding: 11px 20px
}
.catalog-ind-title {
font-size: 28px;
margin-bottom: 42px
}
.catalog-ind-block {
display: flex;
justify-content: space-between
}
.catalog-ind-ib {
border-radius: 14px;
width: 367px;
height: 306px;
padding: 153px 20px 31px;
background: #0f0f42
}
.catalog-ind-ib-nastol {
background-image: linear-gradient(to bottom, rgba(15, 15, 66, .8) 0, rgba(15, 15, 66, .6) 50%, rgba(0, 0, 0, 1) 200%), url(/local/templates/vaskos/images/catalog-nastol.png);
background-size: cover
}
.catalog-ind-ib-multi {
background-image: linear-gradient(to bottom, rgba(15, 15, 66, .8) 0, rgba(15, 15, 66, .6) 50%, rgba(0, 0, 0, 1) 200%), url(/local/templates/vaskos/images/catalog-multi.png);
background-size: cover
}
.catalog-ind-ib-kasset {
background-image: linear-gradient(to bottom, rgba(15, 15, 66, .8) 0, rgba(15, 15, 66, .6) 50%, rgba(0, 0, 0, 1) 200%), url(/local/templates/vaskos/images/catalog-kasset.png);
background-size: cover
}
.catalog-ind-ib-div {
color: #fff;
font-size: 28px;
width: 254px;
margin-bottom: 17px;
line-height: 125%
}
.catalog-ind-ib-a {
border-radius: 5px;
background: #2990cb;
color: #fff;
font-size: 20px;
padding: 8px 27px
}
.catalog-ind-prev {
font-size: 20px;
margin-top: 37px;
display: flex;
justify-content: center
}
.catalog-ind-prev a {
color: #2990cb;
padding: 8px 55px;
border-radius: 5px;
border: 1px solid #2990cb
}
.color-index-title {
font-size: 28px;
margin-top: 65px;
margin-bottom: 30px
}
.color-index-content {
width: 270px;
height: 359px;
border-radius: 12px;
border: 1px solid #eaeaea;
background: #fff;
padding: 35px 13px 26px;
font-size: 20px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: space-between
}
.color-index-content:hover,
.news-view-group:hover {
background: #f1f5f8
}
.color-index-text {
width: 164px;
text-align: center
}
.color-index-text:hover {
color: #2990cb;
cursor: pointer
}
.color-index-content img {
max-width: 243px;
max-height: 225px
}
.color-index-block {
display: flex;
justify-content: space-between
}
.div-grand {
display: flex;
justify-content: space-between
}
.div-grand-title img {
width: 100px;
height: 100px
}
.div-grand-group {
display: flex
}
.div-grand-title {
font-size: 20px;
color: #2990cb;
margin-bottom: 12px
}
.div-grand-desc {
width: 209px;
color: grey
}
.div-grand-td {
margin-left: 26px;
padding-top: 5px
}
.main-delivery {
margin: 108px 0 0
}
.div-delivery {
font-size: 28px;
width: 850px
}
.div-delivery span {
color: #2990cb
}
.div-delivery-map {
margin: 10px 0 45px;
text-align: center
}
.main-delivery li {
position: relative;
padding-left: 10px;
margin-bottom: 6px
}
.main-delivery li:hover {
cursor: pointer;
color: #2990cb
}
.main-delivery li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #2990cb
}
.column-list-delivery {
columns: 5;
column-gap: 87px
}
.div-column-delivery {
display: flex;
justify-content: center
}
.news-view-group {
width: 270px;
height: 385px;
border-radius: 14px;
border: 1px solid #e9e9e9;
margin-bottom: 30px;
}
.news-view-group img {
width: 268px;
height: 173px;
border-radius: 14px;
object-fit: cover
}
.news-view-text {
margin: 20px 12px 38px;
display: flex;
justify-content: space-between;
height: 133px;
flex-direction: column
}
.news-view-btn {
color: #fff;
border-radius: 5px;
background: #2990cb;
padding: 8px 23px;
width: 99px
}
.div-info-about-title {
display: flex
}
.div-info-about {
margin-right: 37px;
text-align: center
}
.div-info-about-img {
width: 336px;
height: 146px;
margin-bottom: 7px
}
.div-info-about-cc {
margin-top: 22px;
display: flex;
justify-content: center;
gap: 15px
}
.div-info-about-text {
font-size: 16px;
font-weight: 300;
line-height: 137.688%;
margin-bottom: 30px
}
.div-info-about-text span {
color: #2990cb
}
.news-mobile-all,
.productions-mobile-all,
.stocks-mobile-all {
display: none
}
.display-carusel-mobile-news {
display: none
}
@media(max-width:1190px) {
.main-banner {
padding: 18px 0 50px
}
.main-banner-big img {
width: 100%
}
.main-banner-content a {
font-size: 16px;
width: 235px
}
.news-div-all,
.productions-div-all,
.stocks-div-all {
margin-top: 0
}
.div-news-title,
.div-productions-title,
.div-stocks-title {
padding-bottom: 30px;
align-items: center
}
.catalog-ind-title {
margin-bottom: 20px
}
.catalog-ind-block {
flex-direction: column;
gap: 10px
}
.catalog-ind-ib {
width: 100%
}
.color-index-block {
flex-direction: row;
flex-wrap: wrap;
justify-content: center;
gap: 7px
}
.color-index-content {
width: 355px;
height: 361px
}
.column-list-delivery {
columns: 4;
column-gap: 40px
}
.news-view-block {
flex-direction: row;
flex-wrap: wrap;
align-content: center;
justify-content: center;
}
.news-view-group {
width: 32%;
height: auto;
margin-bottom: 20px;
}
.news-view-group img {
width: 100%;
border-radius: 14px
}
.art_prev_info{
margin-bottom: 15px;
}
.art_prev_info{
gap: 10px;
}
.news-view-btn{
margin-top: 10px;
}
.news-view-text{
margin: 12px;
}
.news-view-text {
height: auto
}
.div-info-about {
margin-right: 26px
}
.div-info-about-text {
margin-bottom: 50px
}
.div-grand-group {
flex-direction: column;
align-items: center
}
.div-grand-td {
text-align: center;
margin-left: 0
}
.product-view-block {
margin-right: 20px;
margin-left: 0
}
.div-delivery {
width: 100%
}
}
@media(max-width:760px) {
.div-news-title {
padding-top: 50px
}
.news-mobile-div-all {
margin-bottom: 0
}
.display-carusel-mobile-news {
display: block
}
.display-carusel-mobile-news .slick-next,
.display-carusel-mobile-news .slick-prev {
display: none !important
}
.news-view-block {
display: none
}
.news-mobile-all {
padding: 35px 0 50px
}
.div-info-about-title {
margin-top: 80px
}
.column-list-delivery {
columns: 3;
column-gap: 30px
}
.div-delivery-map img {
width: 100%
}
}
@media(max-width:700px) {
.main-banner-content {
flex-direction: column
}
.main-banner-div {
flex-direction: row;
justify-content: center
}
.div-grand {
flex-direction: column;
gap: 10px;
align-items: center
}
.div-grand-title {
font-size: 16px
}
.div-grand-group img {
width: 80px;
height: 80px
}
.div-grand-desc {
width: 188px
}
.product-view-block {
margin-right: 0;
margin-left: 0
}
}
@media(max-width:560px) {
.div-info-about-title {
margin-top: 0
}
.div-grand-group {
flex-direction: unset
}
.div-grand-td {
text-align: unset;
margin-left: 16px
}
.main-banner-big img {
width: 115%;
margin: 0 -20px
}
.main-banner-content a {
text-align: unset;
margin: 0 16px;
font-size: 14px
}
.news-div-all,
.productions-div-all,
.stocks-div-all {
display: none
}
.news-mobile-all,
.productions-mobile-all,
.stocks-mobile-all {
display: flex;
justify-content: center
}
.news-mobile-div-all,
.productions-mobile-div-all,
.stocks-mobile-div-all {
display: flex;
font-size: 18px;
color: #2990cb;
padding: 8px 0;
width: 205px;
border-radius: 7px;
border: 1px solid #2990cb;
justify-content: center;
margin-bottom: 35px
}
.popular-block-y-n-invert div {
width: 144px;
font-size: 14px
}
.popular-block-y-n-invert {
width: 288px
}
.popular-title {
padding-top: 50px
}
.popular-block-size,
.popular-block-size-select {
font-size: 13px;
width: 94px;
padding: 11px 16px
}
.popular-block-size-invert {
gap: 2px
}
.div-delivery {
width: 100%;
font-size: 20px
}
.div-delivery-map img {
width: 300px
}
.column-list-delivery {
columns: 2;
column-gap: 10px
}
.div-info-about-title {
flex-direction: column
}
.div-info-about-img {
width: 250px;
height: 109px
}
.div-info-about-text {
font-size: 14px;
margin-bottom: 84px;
margin-top: 40px;
font-weight: 400
}
.div-news-title,
.div-productions-title,
.div-stocks-title {
padding: 17px 0 30px
}
.news-view-block,
.productions-view-block,
.products-view-block {
padding-bottom: 20px
}
.catalog-ind-prev a {
width: 100%;
text-align: center
}
.color-index-title {
margin-top: 50px
}
.div-productions-title {
padding-top: 50px
}
.color-index-text {
font-size: 18px;
width: 266px;
font-weight: 500
}
.color-index-content {
padding: 25px 19px 50px
}
.color-index-content img {
width: 250px;
height: 218px
}
.main-delivery {
margin-top: 50px
}
.news-view-block {
padding-bottom: 50px
}
}
.breadcrumb-temp-home i {
width: 30px;
text-align: center;
margin-right: 20px;
font: normal normal normal 14px/1 FontAwesome
}
.breadcrumb-temp {
color: #8c8c8c;
display: flex;
font-size: 13px;
gap: 3px;
margin-top: 53px;
padding: 4px 0
}
.breadcrumb-section {
background: #f9f9fb
}
.install-cond {
display: flex;
gap: 20px;
margin-top: 53px
}
.install-cond-title {
font-size: 28px;
line-height: 150.385%
}
.install-cond-left-block {
padding-top: 25px;
gap: 30px;
display: flex;
flex-direction: column
}
.install-cond-left-block img {
width: 270px;
height: 415px
}
.install-cond-desc {
margin: 43px 0 50px;
font-size: 16px;
font-weight: 300
}
.install-cond-desc span {
font-size: 20px;
font-weight: 500;
color: #2990cb
}
.install-cond-record-fon {
background: #e9f6fd;
border-radius: 50%;
width: 41px;
height: 41px
}
.install-cond-record-fon svg {
margin-left: 7px
}
.install-cond-record-block {
display: flex;
align-items: center;
gap: 29px
}
.install-cond-record {
display: flex;
flex-direction: column;
gap: 34px
}
.install-cond-record-text {
font-size: 16px;
line-height: 147.187%
}
.install-cond-record-text span {
color: #2990cb;
font-weight: 500
}
.install-cond-info {
display: flex;
flex-direction: row-reverse;
margin-bottom: 80px
}
.install-cond-info-img {
width: 318px;
height: 244px;
z-index: 5;
position: relative
}
.image-container {
position: relative;
width: 318px;
height: 244px;
margin-right: 72px
}
.image-container:before {
content: '';
position: absolute;
width: 318px;
height: 244px;
background: #2990cb;
top: 48px;
left: 41px;
box-shadow: 0 0 10px rgba(0, 0, 0, .5);
z-index: 1
}
.install-cond-info-block {
margin-top: 80px
}
.install-cond-info-title {
font-size: 16px;
font-weight: 300;
margin-bottom: 13px
}
.install-cond-info-title span {
font-weight: 500;
color: #2990cb
}
.install-cond-info:nth-child(2n+1) {
flex-direction: row
}
.install-cond-info-desc {
font-weight: 300
}
.install-cond-info-block ol {
margin-left: -27px
}
.install-cond-info-block ul {
list-style: disc
}
#install-cond .dropdown-list {
display: none;
background-color: #e8f3fc;
border-radius: 0 0 7px 7px;
font-size: 16px
}
#install-cond .dropdown-btn {
width: 100%;
color: #fff;
font-size: 20px;
background: #68add4;
border-radius: 7px;
padding: 21px 14px 21px 10px;
text-transform: uppercase;
font-weight: 700;
letter-spacing: .8px;
border: 0;
display: flex;
justify-content: space-between
}
#install-cond .dropdown-btn:hover {
cursor: pointer
}
#install-cond .dropdown:after {
display: none
}
#install-cond .dropdown-arrow {
margin-left: 5px
}
#install-cond {
gap: 25px;
display: flex;
flex-direction: column;
margin-bottom: 91px
}
#install-cond .dropdown-btn-open {
border-radius: 7px 7px 0 0
}
#install-cond .dropdown-list table {
width: 100%;
border-collapse: collapse;
border-bottom: 2px solid #e8f3fc;
border-top: 2px solid #68add4
}
#install-cond .dropdown-list th {
background: rgba(110, 183, 225, .49);
font-size: 20px;
font-weight: 600;
color: #fff;
text-align: center;
line-height: normal;
letter-spacing: .8px
}
#install-cond .dropdown-list td {
font-size: 16px;
text-align: center;
font-weight: 400;
letter-spacing: .64px;
padding: 24px 0
}
#install-cond .dropdown-list td,
#install-cond .dropdown-list th {
border: 1px solid #dcdcdc
}
#install-cond .border-left-unset {
border-left: unset !important
}
#install-cond .border-right-unset {
border-right: unset !important
}
.install-work-title {
margin-top: 52px;
margin-bottom: 36px;
font-size: 28px
}
.install-work img {
width: 270px;
height: 203px
}
.install-work-client {
margin-top: 95px;
margin-bottom: 36px;
font-size: 28px
}
.install-client img {
max-width: 93px;
max-height: 99px
}
.install-banner-content {
display: none
}
@media(max-width:1024px) {
.install-banner-content {
display: flex
}
.breadcrumb-temp {
margin-top: 46px;
display: flex;
flex-wrap: wrap
}
.install-cond-left-block {
display: none
}
.install-cond {
margin-top: 35px
}
.install-cond-desc {
margin: 38px 0
}
#install-cond .dropdown-btn {
font-size: 16px
}
}
@media(max-width:700px) {
.main-banner-content a {
text-align: unset;
margin: 0 0 0 13px;
font-size: 14px;
width: 100%
}
.install-cond-info {
flex-direction: column;
align-items: center;
margin-bottom: 36px
}
.install-cond-info:nth-child(2n+1) {
flex-direction: column
}
.install-cond-info-title {
margin-top: 74px
}
.install-cond-info-img {
width: 256px;
height: 197px
}
.image-container:before {
width: 256px;
height: 197px
}
.install-cond-record-text {
font-size: 14px;
width: 100%
}
.install-cond-record-fon {
width: 22px;
height: 23px
}
.install-cond-record-fon svg {
width: 21px;
height: 19px;
margin-left: 4px;
margin-top: -2px
}
.install-cond-record-block {
gap: 22px
}
#install-cond .dropdown-btn {
font-size: 15px
}
.image-container {
margin-left: -40px;
margin-right: unset;
width: unset;
height: unset
}
#install-cond .dropdown-list th {
font-size: 14px
}
#install-cond {
gap: 18px
}
#install-cond .dropdown-list td {
font-size: 13px
}
#install-cond .dropdown-list table {
border-top: 0
}
#install-cond .dropdown-btn {
align-items: center
}
}
.view-card {
width: 100%
}
.card-content .demo {
width: 80px;
height: 79px;
border-radius: 10px
}
.card-content .demo.active {
border: 1px solid #2990cb
}
.card-content .view-photo-group-demo {
display: flex;
gap: 18px;
margin: 18px 0 89px
}
.card-content .view-photo {
width: 367px;
height: 367px
}
.card-info {
display: flex;
font-size: 12px;
font-weight: 300;
margin-bottom: 27px
}
.card-content {
display: flex;
justify-content: space-between
}
.card-content-info {
display: flex;
flex-direction: row-reverse;
justify-content: space-between;
margin-bottom: 10px
}
.card-specs {
display: flex;
justify-content: space-between;
width: 317px;
border-bottom: 1px dotted #ddd
}
.card-specs-title {
background: #fff;
padding: 0 5px 2px 0;
margin-bottom: -2px;
position: relative;
display: inline-block;
font-size: 16px;
color: grey
}
.card-specs-desc {
background: #fff;
padding: 0 0 2px 5px;
margin-bottom: -2px;
position: relative;
color: #222;
font-weight: 400;
display: inline-block
}
.card-main-specs {
display: flex;
flex-direction: column;
gap: 15px
}
.card-title-specs {
font-size: 18px;
font-weight: 500;
margin-bottom: 15px
}
.card-content-price {
width: 325px;
border-radius: 13px;
border: 1px solid #ededed;
background: #f1f5f8;
padding: 26px 30px 35px 30px;
display: flex;
flex-direction: column;
justify-content: space-between
}
.card-content-price-main {
font-size: 32px;
color: #2990cb;
display: flex
}
.card-content-price-main-r {
margin-left: 2px
}
.card-content-report {
font-size: 20px;
color: #2990cb;
border-radius: 6px;
border: 1px solid #2990cb;
padding: 15px 81px;
font-weight: 300;
display: block;
margin-top: 12px
}
.card-product-add-card {
display: flex;
justify-content: space-between
}
.card-product-add-btn {
color: #fff;
padding: 8px 24px;
border-radius: 5px;
background: #2990cb
}
.card-product-count-btn {
font-size: 20px;
color: #2990cb;
border-radius: 5px;
background: rgba(209, 231, 244, .49);
width: 124px;
height: 34px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 4px 12px
}
.card-buy-one-c {
color: #2990cb;
font-size: 16px;
text-align: center;
margin-bottom: 25px
}
.card-conent-buy {
margin-left: 45px
}
.card-specs-info {
font-size: 16px;
color: #2990cb;
text-decoration: underline;
margin-top: 10px
}
.card-product-page {
display: flex;
font-size: 16px;
line-height: 150.385%;
margin-bottom: 30px
}
.card-product-page-btn {
display: flex;
text-align: center;
justify-content: center;
align-items: center;
color: #797979
}
.card-product-page-btn:hover {
cursor: pointer
}
.card-product-page-btn-l {
border-radius: 7px 0 0 7px
}
.card-product-page-btn-r {
border-radius: 0 7px 7px 0
}
.card-product-page-select {
color: #2990cb;
}
.card-product-description-title {
font-weight: 500;
margin-bottom: 20px;
line-height: 150.385%
}
#description ul {
list-style-type: disc;
margin-left: 20px
}
.card-product-reviews {
display: flex;
justify-content: space-between
}
.card-product-reviews-title {
display: flex;
color: #8f8f8f;
align-items: baseline
}
.card-product-reviews-title-p {
font-size: 20px;
color: #222;
margin-right: 10px
}
.card-product-reviews-btn {
display: block;
color: #fff;
font-size: 16px;
padding: 13px 69px;
border-radius: 5px;
background: #2990cb;
width: 270px
}
.card-product-reviews-post-main {
border-bottom: 1px solid #c9c9c9;
padding: 41px 0 39px
}
.card-product-reviews-post {
display: flex;
gap: 14px;
align-items: center
}
.card-product-reviews-post-name {
display: flex;
gap: 14px;
font-size: 20px
}
.card-product-reviews-post-date {
color: #8f8f8f;
font-family: Roboto;
font-size: 20px;
margin-top: 10px
}
.card-product-reviews-post img {
width: 80px;
height: 80px
}
.card-product-reviews-text {
margin-left: 94px;
font-size: 20px
}
.card-product-reviews-text-client {
font-weight: 300;
margin-top: 17px
}
.card-content-price-old {
font-size: 20px;
color: #8b8b8b;
text-decoration: line-through
}
#buttonCountMinus {
opacity: .3;
padding-bottom: 10px
}
.card-info-block,
.card-info-fav,
.card-info-rew {
display: flex
}
.card-info,
.card-info-block {
gap: 20px
}
.card-info-fav,
.card-info-rew {
gap: 10px
}
#buttonCountMinus,
#buttonCountPlus {
cursor: pointer
}
@media (max-width:1100px) {
.card-content-info {
flex-direction: column
}
.card-main-specs-block {
margin-top: 30px;
margin-left: 0;
margin-bottom: 31px
}
.card-specs {
width: 100%
}
}
@media (max-width:760px) {
.card-content {
flex-direction: column;
align-items: center
}
.card-conent-buy,
.card-main-specs-block {
margin-left: 0;
text-align: -webkit-center
}
.card-specs {
width: 100%
}
.card-content-info {
width: 100%
}
.card-specs,
.card-specs-title,
.card-title-specs {
font-size: 13px
}
.card-content-price-old,
.card-title-specs {
text-align: left
}
.card-product-page {
flex-direction: column;
align-items: center
}
.card-product-page-btn {
width: 100%;
height: unset;
padding: 6px 0
}
.card-content-price {
width: 100%;
padding: 26px 14px 35px
}
.card-main-specs {
gap: 10px
}
.card-product-reviews-text {
margin-left: 0;
font-size: 14px
}
.card-product-reviews-text-client {
margin-top: 6px
}
.card-product-reviews-post-date,
.card-product-reviews-post-name {
font-size: 16px
}
.card-content-report {
padding: 15px 0
}
.card-product-page-btn-l {
border-radius: 7px 7px 0 0
}
.card-product-page-btn-r {
border-radius: 0 0 7px 7px
}
.card-content .view-photo-group-demo {
margin-bottom: 35px
}
.card-main-specs-block {
margin-top: 24px
}
.card-info-text {
display: none
}
.card-info-block {
flex-direction: row-reverse
}
}
@media (max-width:420px) {
.card-content .view-photo {
width: 286px;
height: 286px
}
}
.bannerSlider {
height: 452px;
overflow: hidden
}
ul.bannerSlider {
padding-left: 0
}
.bannerSlider .slide__image::before {
content: "";
position: absolute;
width: 100%
}
.bannerSlider .slick-slide {
position: relative
}
.bannerSlider .slide__image img {
width: 100%;
object-fit: cover
}
img.slide__image__top-position {
object-position: center bottom
}
.bannerSlider .slide__text {
position: absolute;
z-index: 100;
text-align: center;
width: 100%;
top: 50%;
transform: translateY(-50%)
}
.bannerSlider .slide__text h2 {
font-size: 48px;
font-weight: 100;
color: #fff
}
select:focus {
outline: 0
}
.breadcrumbs {
background: #f9f9fb;
width: 100%;
height: 34px;
color: #8c8c8c;
font-family: Roboto;
font-size: 14px;
margin-top: 57px
}
.breadcrumbs__container {
height: inherit
}
.breadcrumbs__container ul {
display: flex;
flex-direction: row;
align-items: center;
height: inherit
}
.breadcrumbs__container ul>:first-child {
margin-right: 4px
}
.breadcrumbs__container ul>:not(:first-child) {
margin-right: 7px
}
.breadcrumbs__container li {
margin-right: 7px
}
.breadcrumbs__container a {
text-decoration: none;
color: inherit;
font-family: inherit;
font-size: inherit
}
.container.breadcrumbs__container,
.container.content {
width: 1153px;
margin: auto
}
h1 {
max-width: 1153px;
margin-left: auto;
margin-right: auto
}
.container.content {
display: grid;
grid-template-columns: auto 26px 1fr
}
.container h1 {
font-family: Roboto Slab;
font-size: 28px;
line-height: 150%;
text-transform: uppercase;
margin: 52px 0 56px 0;
grid-column-start: 1
}
.container .sidebar {
grid-column-start: 1;
width: 263px
}
.container .main-content {
grid-column-start: 3;
width: 848px
}
.main-content .comparison-and-sort .comparison-and-sort__parameters-button {
display: none;
width: 179px;
height: 48px;
border: 0;
border-radius: 5px;
background: rgba(41, 144, 203, .49);
color: #fff;
font-family: Roboto;
font-size: 20px;
line-height: 150%;
margin-right: 17px;
cursor: pointer
}
.main-content .comparison-and-sort .comparison-and-sort__parameters-button svg {
display: none
}
.slider .categories .category {
position: relative;
overflow: hidden;
height: inherit;
width: 273px;
border-radius: 14px;
background: #0f0f42
}
.slider .categories .category .category-image {
position: absolute;
top: 0;
width: 100%;
height: 100%;
border-radius: 14px;
opacity: .45;
object-fit: cover
}
.slider .categories .category .bottom-block {
display: flex;
flex-direction: column;
position: absolute;
left: 10px;
bottom: 20px;
color: #fff;
font-family: Roboto Slab
}
.slider .categories .category .bottom-block .category-title {
font-size: 24px;
line-height: 125%;
margin-bottom: 16px;
color: inherit
}
.primary-button {
font-size: 15px;
font-family: Roboto Slab;
border-radius: 5px;
background: #2990cb;
width: 108px;
height: 36px;
border: 0;
color: #fff;
cursor: pointer
}
.slider .buttons-scrolling {
width: 100%;
height: 57px;
display: flex;
justify-content: space-between;
align-items: center
}
.slider .buttons-scrolling .next,
.slider .buttons-scrolling .prev {
flex-shrink: 0;
stroke-width: 2px;
stroke: rgba(41, 144, 203, .49);
cursor: pointer
}
.slider .buttons-scrolling .next,
.slider .buttons-scrolling .prev {
stroke: #2990cb
}
.slider .buttons-scrolling .swiper-button-disabled {
stroke: rgba(41, 144, 203, .49)
}
.main-content .comparison-and-sort {
height: 44px;
width: 100%;
display: inline-grid;
grid-template-columns: auto auto 1fr;
justify-items: end;
color: #888
}
.main-content .comparison-and-sort>* {
display: flex;
align-items: center
}
.main-content .comparison-and-sort .displaying-products {
display: flex;
flex-direction: row
}
.main-content .comparison-and-sort .displaying-products .grid,
.main-content .comparison-and-sort .displaying-products .lines {
display: flex;
align-items: center;
justify-content: center;
border: 1px solid #e5e5e5;
height: 29px;
width: 29px;
cursor: pointer
}
.main-content .comparison-and-sort .displaying-products .grid {
margin-right: 2px
}
.main-content .comparison-and-sort .displaying-products .lines {
margin-right: 8px
}
.main-content .comparison-and-sort .displaying-products .grid:hover,
.main-content .comparison-and-sort .displaying-products .lines:hover {
background: #000
}
.main-content .comparison-and-sort .displaying-products .grid:hover svg,
.main-content .comparison-and-sort .displaying-products .lines:hover svg {
fill: #fff
}
.main-content .comparison-and-sort .displaying-products svg {
height: 11px;
width: 16px
}
.main-content .comparison-and-sort .displaying-products .displaying-products__selected {
background: #000
}
.main-content .comparison-and-sort .displaying-products .displaying-products__selected svg {
fill: #fff
}
.main-content .comparison-and-sort .sort>:first-child {
margin-right: 11px
}
.main-content .comparison-and-sort .sort .items_on_page,
.main-content .comparison-and-sort .sort .select_sort {
height: 30px;
border: 1px solid #e5e5e5;
color: inherit;
background: #e9e9ed
}
.main-content .comparison-and-sort .sort .select_sort {
width: 213px
}
.main-content .comparison-and-sort .sort .items_on_page {
width: 54px
}
.main-content hr {
border: 1px solid #e5e5e5;
width: 100%
}
.main-content .comparison-and-sort+hr {
margin-top: 5px;
margin-bottom: 20px
}
.main-content .items+hr {
margin-top: 36px
}
.main-content .items {
width: 100%
}
.main-content .items .item .item-preview {
grid-area: item-preview
}
.main-content .items .item .item__name {
grid-area: item-name
}
.main-content .items .item .in-stock {
grid-area: item-in-stock
}
.main-content .items .item .scores {
grid-area: item-scores
}
.main-content .items .item .price {
grid-area: item-price
}
.main-content .items .item .item__buttons {
grid-area: item-buttons
}
.main-content .items.lines {
display: flex;
flex-direction: column
}
.main-content .items.lines .item {
position: relative;
width: 100%;
height: 226px;
border: 1px solid #e1e1e1;
border-left: 0;
border-right: 0;
padding: 24px 9px 19px 9px;
display: grid;
grid-column-gap: 25px;
grid-row-gap: 15px;
grid-template-columns: 195px auto 1fr;
grid-template-rows: repeat(3, auto) 1fr;
grid-template-areas: "item-preview item-name item-name""item-preview item-in-stock item-buttons""item-preview item-scores item-buttons""item-preview item-price item-buttons"
}
.main-content .items.lines .item:first-child {
border-top: 0
}
.main-content .items.lines .item:last-child {
border-bottom: 0
}
.main-content .items.lines .item .discount {
position: absolute;
top: 15px;
right: 9px;
border-radius: 3px;
background: red;
width: 144px;
height: 42px;
display: flex;
flex-direction: column
}
.main-content .items.lines .item .discount .discount__text {
display: flex;
flex-direction: column;
height: inherit;
color: #fff;
text-align: center;
font-family: Roboto Slab;
font-size: 11.5px;
font-weight: 600;
text-transform: uppercase;
align-items: center;
justify-content: center
}
.main-content .items.lines .item .discount .discount__text .discount__text_first {
align-items: center;
display: inline-flex
}
.main-content .items.lines .item .discount .discount__text .discount__text_first svg {
margin-left: 5px;
transform: rotate(310deg)
}
.main-content .items.lines .item .discount .discount__text .discount__text_second {
font-size: 13px
}
.main-content .items.lines .item .item-preview {
width: 195px;
height: 183px
}
.main-content .items.lines .item .item-preview img {
width: inherit;
height: inherit
}
.main-content .items.lines .item .item__name {
color: #222;
font-family: Roboto Slab;
font-size: 14px;
text-transform: uppercase
}
.main-content .items.lines .item .in-stock {
display: flex;
align-items: center;
color: #1db73f;
font-family: Roboto;
font-size: 12px
}
.main-content .items.lines .item .in-stock span {
margin-left: 5px
}
.main-content .items.lines .item .in-stock::before {
content: "";
border-radius: 50%;
height: 5px;
width: 5px;
background: #1db73f
}
.main-content .items.lines .item .scores svg path {
fill: #ffc107
}
.main-content .items.lines .item .price {
color: #2990cb;
font-family: Roboto Slab;
font-size: 32px;
align-self: end
}
.main-content .items.lines .item .price svg {
fill: #2990cb
}
.main-content .items.lines .item .price .ruble {
height: 24px;
width: 15px
}
.main-content .items .item .price .price__discount-crossed-out {
position: relative;
display: block;
margin-left: 5px;
color: #9e9e9e;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal
}
.main-content .items .item .price .price__discount-crossed-out::before {
content: "";
position: absolute;
width: 28%;
height: 1px;
background: #9e9e9e;
top: 50%;
left: -2%
}
.main-content .items.lines .item .item__buttons .primary-button {
grid-area: primary-button
}
.main-content .items.lines .item .item__buttons .to-favorites {
grid-area: to-favorites
}
.main-content .items.lines .item .item__buttons .item-compare {
grid-area: item-compare
}
.main-content .items.lines .item .item__buttons .buy-one-click {
grid-area: buy-one-click
}
.main-content .items.lines .item .item__buttons {
display: grid;
grid-column-gap: 17px;
grid-template-columns: 1fr repeat(3, auto);
grid-template-areas: "buy-one-click to-favorites item-compare primary-button";
align-items: end;
justify-items: end
}
.main-content .items.lines .item .item__buttons .primary-button {
border: 1px solid #2990cb;
height: 34px;
width: 121px
}
.main-content .items.lines .item .item__buttons .item-compare,
.main-content .items.lines .item .item__buttons .to-favorites {
width: 44px;
height: 34px;
border-radius: 5px;
border: .5px solid #2990cb;
background: #fff;
cursor: pointer
}
.main-content .items.lines .item .item__buttons .buy-one-click {
height: 35px;
padding: 0;
border: 0;
background: #fff;
cursor: pointer;
color: #2990cb;
font-family: Roboto Slab;
font-size: 14px
}
.catalog_show_lines .contenier-catalog,
.contenier-catalog.no-grid {
display: block
}
.contenier-catalog {
display: grid;
grid-template-columns: 1fr 1fr 1fr;
grid-gap: 20px
}
@media(max-width:930px) {
.contenier-catalog {
display: grid;
grid-template-columns: 1fr 1fr;
grid-gap: 20px
}
}
@media(max-width:630px) {
.contenier-catalog {
display: grid;
grid-template-columns: 1fr;
grid-gap: 20px
}
}
.main-content .items.grid .item {
position: relative;
width: 270px;
height: 477px;
border-radius: 10px;
border: 1px solid #eaeaea;
background: #fff;
display: flex;
flex-direction: column;
flex-wrap: nowrap;
justify-content: flex-start;
padding: 11px 20px 7px 20px
}
.main-content .items.grid .item .discount {
background: url(/images/discount.png) no-repeat;
position: absolute;
top: -15px;
right: -29px;
width: 140px;
height: 119px;
display: flex;
flex-direction: column
}
.main-content .items.grid .item .discount .discount__text {
color: #fff;
text-align: center;
font-family: Roboto Slab;
font-size: 11.5px;
font-weight: 600;
text-transform: uppercase
}
.main-content .items.grid .item .discount .discount__text .discount__text_second {
width: 156px;
font-size: 13px;
font-weight: 600
}
.main-content .items.grid .item .discount .discount__text .discount__text_first {
transform: rotate(44deg) translateX(32px) translateY(11px)
}
.main-content .items.grid .item .discount .discount__text .discount__text_second {
transform: rotate(44deg) translateX(8px) translateY(24px)
}
.main-content .items.grid .item .item-preview {
margin-bottom: 20px;
width: 100%;
height: 216px
}
.main-content .items.grid .item .item-preview img {
width: inherit;
height: inherit
}
.main-content .items.grid .item .item__name {
display: block;
color: #222;
font-family: Roboto Slab;
font-size: 14px;
font-style: normal;
font-weight: 400;
line-height: normal;
text-transform: uppercase;
margin-bottom: 9px
}
.main-content .items.grid .item .in-stock {
display: flex;
align-items: center;
color: #1db73f;
font-family: Roboto;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin-bottom: 9px
}
.main-content .items.grid .item .in-stock span {
margin-left: 5px
}
.main-content .items.grid .item .in-stock::before {
content: "";
display: inline-block;
border-radius: 50%;
height: 5px;
width: 5px;
background: #1db73f
}
.main-content .items.grid .item .scores svg path {
fill: #ffc107
}
.main-content .items.grid .item .price {
display: block;
color: #2990cb;
font-family: Roboto Slab;
font-size: 20px;
font-style: normal;
font-weight: 400;
line-height: normal;
margin: auto 0 12px 0
}
.main-content .items.grid .item .price svg {
fill: #2990cb
}
.main-content .items.grid .item .price .ruble {
height: 14px;
width: 9px
}
.main-content .items.grid .item .item__buttons {
display: flex;
flex-wrap: wrap;
flex-direction: row;
justify-content: space-between;
align-items: center
}
.main-content .items.grid .item .item__buttons .primary-button {
border: 1px solid #2990cb;
height: 34px;
width: 121px
}
.main-content .items.grid .item .item__buttons .item-compare,
.main-content .items.grid .item .item__buttons .to-favorites {
width: 44px;
height: 34px;
border-radius: 5px;
border: .5px solid #2990cb;
background: #fff;
cursor: pointer
}
.main-content .items.grid .item .item__buttons .buy-one-click {
height: 35px;
width: 100%;
border-radius: 5px;
border: .5px solid #2990cb;
background: #fff;
cursor: pointer;
color: #2990cb;
font-family: Roboto Slab;
font-size: 16px;
margin-top: 7px
}
.main-content .pagination {
display: flex;
justify-content: space-between
}
.main-content .pagination .pages {
display: inherit
}
.main-content .pagination .information {
color: #5e5959
}
.main-content .pagination .pages .page {
height: 28px;
width: 28px;
border: solid 1px #e5e5e5;
font-size: 11px;
color: #666;
cursor: pointer;
display: inherit;
align-items: center;
justify-content: center
}
.main-content .pagination .pages .page:not(:last-child) {
margin-right: 3px
}
.main-content .pagination .pages .page.page-select,
.main-content .pagination .pages .page:hover {
border: solid 1px #222
}
.main-content .category-description {
display: block;
margin-top: 76px
}
.main-content .category-description span {
font-weight: 700;
font-size: 16px
}
.main-content .category-description :not(span) {
font-size: 14px
}
.main-content .category-description>:not(:last-child) {
margin-bottom: 23px
}
.main-content li,
.main-content ul {
list-style: unset;
margin: unset;
padding: unset
}
.main-content li {
margin-left: 47px
}
.our-advantages {
display: flex;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
margin: 50px 0 100px 0
}
.our-advantages.our-advantages__mobile {
display: none;
margin: 64px 0 34px 0
}
.our-advantages .our-advantages__advantage {
width: 220px;
display: inherit;
flex-direction: column;
align-items: center
}
.our-advantages .our-advantages__image {
height: 80px;
width: 80px;
margin-bottom: 18px
}
.our-advantages .our-advantages__text {
display: flex;
flex-direction: column
}
.our-advantages .our-advantages__title {
color: #2990cb;
text-align: center;
font-family: Roboto Slab;
font-size: 20px;
line-height: 150%;
margin-bottom: 14px
}
.our-advantages.our-advantages__mobile .our-advantages__advantage {
width: 240px
}
.our-advantages.our-advantages__mobile .our-advantages__title {
font-size: 16px
}
.our-advantages .our-advantages__description {
color: grey;
text-align: center;
font-family: Roboto;
font-size: 14px
}
.content .sidebar.sidebar-mobile {
display: flex;
position: fixed;
top: 0;
left: 0;
background: #fff;
z-index: 1;
width: 270px;
border: 1px solid #dadada;
border-radius: 5px
}
.content .sidebar.sidebar-mobile .parameters-head {
display: none
}
.content .sidebar.sidebar-mobile .parameters .hide {
height: 48px
}
.content .sidebar.sidebar-mobile .parameters [class$="__title"] {
height: 48px;
margin-top: 15px
}
.content .sidebar.sidebar-mobile .parameters>* {
border: 1px solid #dadada;
border-left: 0;
border-right: 0;
display: flex;
flex-direction: column;
justify-content: center;
padding: 0 14px 0 10px
}
.content .sidebar.sidebar-mobile .parameters>:not(.hide)>svg {
transform: rotate(180deg)
}
.content .sidebar.sidebar-mobile .parameters .range-slider:not(.hide) {
height: auto
}
.content .sidebar.sidebar-mobile .parameters .range-slider:not(.hide) .range-slider__custom .noUi-pips {
z-index: -1
}
.content .sidebar.sidebar-mobile .parameters .parameters-select-block {
margin-bottom: 10px
}
.content .sidebar.sidebar-mobile .parameters .range-slider .range-slider__custom {
margin-bottom: 40px
}
.sidebar .parameters svg {
display: none
}
.sidebar {
display: flex;
flex-direction: column;
flex-wrap: wrap
}
.sidebar .parameters-head {
display: flex;
align-items: center;
width: 263px;
height: 48px;
background: rgba(41, 144, 203, .49);
border-radius: 5px 5px 0 0
}
.sidebar .parameters-head .parameters-head-title {
margin-left: 7px;
color: #fff;
font-family: Roboto, serif;
font-size: 16px;
line-height: 150%
}
.sidebar .parameters {
display: inherit;
flex-direction: inherit;
flex-wrap: nowrap;
margin-bottom: 20px;
width: 100%;
padding: 12px 14px 10px 15px;
border: 1px solid #ddd;
border-radius: 0 0 4px 4px
}
.sidebar .parameters hr {
border: 1px solid #ddd;
margin: 0 0 12px -15px;
padding: 0;
width: calc(100% + 29px)
}
.sidebar .parameters .range-slider {
height: 97px
}
.sidebar .parameters .range-slider .noUi-target {
background: #fff
}
.sidebar .parameters .range-slider .noUi-target .noUi-connect {
background: #1f92bd
}
.sidebar .parameters .range-slider .range-slider__text,
.sidebar .parameters .range-slider .range-slider__title {
display: inline-block;
font-weight: 700;
font-size: 14px;
font-family: Roboto;
margin-bottom: 10px
}
.sidebar .parameters .range-slider .range-slider__custom {
margin: 0 17px
}
.sidebar .parameters .range-slider .range-slider__custom .noUi-marker-large {
height: 10px
}
.sidebar .parameters .range-slider .range-slider__custom .noUi-value-large {
font-size: 10px;
color: #ccc
}
.sidebar .parameters .parameters-check {
display: flex;
flex-direction: column;
border: none;
margin: 0;
padding: 0;
margin-bottom: 15px
}
.sidebar .parameters .parameters-check .parameters-check__title {
font-family: Roboto;
font-weight: 700;
margin-bottom: 14px;
padding: 0
}
.sidebar .parameters .parameters-check .parameters-check__variants {
display: flex;
align-items: center;
color: #236bbb;
cursor: pointer;
margin-bottom: 9px
}
.sidebar .parameters .parameters-check .parameters-check__variants input {
cursor: pointer;
margin: 0 8px 0 0
}
.sidebar .parameters .parameters-select__title {
display: block;
font-family: Roboto;
font-weight: 700;
margin-bottom: 10px
}
.sidebar .parameters .parameters-select-block {
height: 36px;
width: 100%;
border: 1px solid #e9e9e9;
font-size: 16px;
color: #8c8c8c
}
.sidebar .parameters .parameters-select-block .parameters-select__variant {
color: #8c8c8c
}
.sidebar .banners {
width: inherit
}
.sidebar .banners>* {
width: inherit;
margin-bottom: 30px
}
@media (max-width:769px) {
.container.content {
display: flex;
flex-direction: column;
flex-wrap: wrap;
margin: 0;
width: unset
}
.container .main-content {
width: 100%
}
.content .sidebar {
padding-right: 0
}
.container h1 {
margin: 50px 0 45px 0
}
.main-content .items.lines .item .item__buttons {
grid-column-gap: 12px
}
.main-content .items .item .price .price__discount-crossed-out::before {
content: "";
position: absolute;
width: 28%;
height: 1px;
background: #9e9e9e;
top: 50%;
left: -2%
}
.main-content .items.lines .item .price .ruble {
height: 18px;
width: 11px
}
.main-content .items.grid .item {
width: auto
}
.main-content .items.grid .item {
padding: 9px 8px 11px 9px
}
.main-content .items.grid .item .item__buttons .primary-button {
width: 109px
}
.main-content .items.grid .item .item__buttons .buy-one-click {
border: 0
}
.main-content .items.grid .item .item-preview {
height: 204px
}
.our-advantages.our-advantages__mobile {
display: flex;
justify-content: space-around
}
.main-content .comparison-and-sort .comparison-and-sort__parameters-button {
display: inline-block;
grid-row: 1/3
}
.main-content .comparison-and-sort {
font-size: 12px;
height: auto;
grid-template-columns: auto 1fr auto;
justify-items: unset
}
.main-content .comparison-and-sort .sort {
justify-self: end;
margin-left: -80px
}
.main-content .comparison-and-sort .comparison {
grid-row-start: 2;
margin: 4px 0 0 0
}
.sidebar .banners,
.sidebar hr {
display: none !important
}
.sidebar .parameters svg {
display: inline-block
}
.sidebar .parameters>:not(.hide) svg {
transform: rotate(180deg)
}
.sidebar .parameters {
padding: 0;
margin-bottom: 0;
border: 0
}
.sidebar .parameters>*>[class$="__title"] {
margin-bottom: 0 !important;
display: inherit !important;
justify-content: space-between;
align-items: baseline;
width: 100%;
color: #222;
font-family: Roboto !important;
font-size: 12px !important;
font-weight: 700 !important;
line-height: 150% !important
}
.sidebar.sidebar-mobile .parameters .range-slider .range-slider__title {
display: flex
}
.sidebar .parameters>.hide>:not([class$="__title"]) {
display: none !important
}
.sidebar .parameters .parameters-check {
margin-bottom: 0
}
.product-item-detail-slider-image img {
object-fit: contain !important;
background-image: unset !important
}
}
@media (max-width:370px) {
.content .sidebar {
padding-right: 0
}
}
@media (max-width:321px) {
.container.content {
margin: 0 25px
}
.breadcrumbs {
display: none
}
.container h1 {
margin: 29px 0 28.5px 0
}
.main-content .items.grid {
display: flex;
flex-direction: column;
flex-wrap: wrap
}
.main-content .comparison-and-sort {
display: flex;
flex-direction: column
}
.main-content .comparison-and-sort .sort>:first-child {
width: 100%;
display: flex;
margin-right: 0;
flex-direction: row;
flex-wrap: nowrap;
align-items: center
}
.comparison-and-sort .comparison,
.comparison-and-sort .sort label:last-child {
display: none
}
.main-content .comparison-and-sort .sort {
width: 100%;
margin-left: unset
}
.main-content .comparison-and-sort .comparison-and-sort__parameters-button {
width: 100%;
margin-bottom: 16px;
display: flex;
justify-content: space-between;
align-items: center;
padding: 0 23px
}
.main-content .comparison-and-sort .comparison-and-sort__parameters-button svg {
display: unset
}
.main-content .comparison-and-sort .sort .select_sort {
margin-left: 10px
}
.main-content .items.grid .item {
height: 477px;
padding: 11px 20px 7px 20px
}
.main-content .items.grid .item .item__top {
margin-bottom: 50px
}
.main-content .items.grid .item .item-preview {
height: 216px
}
.main-content .items.grid .item .item-preview img {
width: 100%;
height: 100%
}
.main-content .items.grid .item .item__buttons .buy-one-click {
border: .5px solid #2990cb
}
.main-content .items.grid .item .item__buttons .primary-button {
width: 121px
}
.our-advantages {
margin: 50px 0 0 0
}
.our-advantages .our-advantages__advantage {
width: 100%;
flex-direction: row
}
.our-advantages.our-advantages__mobile {
margin: 30px 0 0 0
}
.our-advantages.our-advantages__mobile .our-advantages__advantage {
flex-direction: row
}
.our-advantages.our-advantages__mobile .our-advantages__advantage .our-advantages__description {
display: none
}
.our-advantages.our-advantages__mobile .our-advantages__advantage {
width: 100%
}
.our-advantages.our-advantages__mobile .our-advantages__title {
text-align: left;
margin-left: 16px;
font-size: 14px
}
.our-advantages .our-advantages__description,
.our-advantages .our-advantages__title {
text-align: left;
margin-left: 16px;
font-size: 14px
}
.main-content .category-description {
margin-top: 50px
}
.main-content .pagination {
flex-direction: column
}
.main-content .pagination .information {
font-size: 12px;
margin-bottom: 15px
}
}
.items.grid {
margin-bottom: 20px
}
.wrapper__body h1 {
font-size: 28px;
font-style: normal;
font-weight: 600;
line-height: 150.385%;
text-transform: uppercase;
margin-top: 40px;
margin-bottom: 50px
}
.wrapper__body .div-h1-title h1 {
margin: 20px 0 0;
text-align: center
}
.slick-dots li button {
font-size: 0;
line-height: 0;
display: block;
width: 20px;
height: 20px;
padding: 5px;
cursor: pointer;
color: transparent;
border: 0;
outline: 0;
background: 0 0
}
.slick-active {
opacity: 1
}
.slick-dots li {
position: relative;
display: inline-block;
width: 20px;
height: 20px;
margin: 0 10px;
padding: 0;
cursor: pointer
}
.slick-dots li.slick-active button:before {
border-radius: 17px;
background: #2990cb
}
.slick-dots li button:before {
opacity: unset;
content: '';
width: 35px;
height: 10px;
display: block
}
.slick-dots li button:before {
border-radius: 17px;
border: 1px solid #aed0e3;
background: #fff
}
.slick-dots {
text-align: center;
margin-top: 35px
}
.slick-slider {
min-width: 0
}
.slick-list {
overflow: hidden
}
.slick-track {
display: flex;
align-items: flex-start
}
.regular {
position: relative
}
.regular .slick-arrow {
position: absolute;
bottom: 0;
z-index: 10;
font-size: 0;
width: 65px;
height: 23px;
border: 0
}
.regular .slick-arrow.slick-prev {
left: 0;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat;
-webkit-transform: rotate(180deg)
}
.regular .slick-arrow.slick-next {
right: 0;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat
}
.regular .slick-arrow.slick-disabled {
opacity: .2
}
.swiper-wrapper {
position: relative
}
.swiper-wrapper .slick-arrow {
position: absolute;
bottom: -45px;
z-index: 10;
font-size: 0;
width: 65px;
height: 23px;
border: 0
}
.swiper-wrapper .slick-arrow.slick-prev {
left: 0;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat;
-webkit-transform: rotate(180deg)
}
.swiper-wrapper .slick-arrow.slick-next {
right: 0;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat
}
.swiper-wrapper .slick-arrow.slick-disabled {
opacity: .2
}
.swiper-slider {
width: 265px;
height: 194px;
margin-right: 20px
}
.swiper-wrapper .slick-dots {
display: none !important
}
@media(max-width:730px) {
.regular .slick-arrow {
z-index: -10
}
}
.bannerSlider img {
width: 100%;
height: auto;
}
#c-card .product-view-block {
margin-right: 10px
}
@media (max-width:1190px) {
.parameters-head {
margin-bottom: 20px;
border-radius: 5px !important
}
.parameters-head.open {
margin-bottom: 0;
border-radius: 5px 5px 0 0 !important
}
.sidebar .parameters {
display: none;
transition: all .3s ease-in-out
}
.sidebar .parameters.show {
display: block
}
.container .main-content {
width: 100%
}
.container.content {
display: flex;
flex-direction: column;
width: 100%
}
.container .sidebar,
.sidebar .parameters-head {
width: 100%
}
.container .banners {
display: none
}
.main-content .items.grid {
justify-items: center
}
}
@media (max-width:920px) {
.main-content .items.grid {
grid-gap: unset
}
}
@media (max-width:769px) {
.main-content .comparison-and-sort .comparison-and-sort__parameters-button {
display: none
}
.container .main-content {
padding-right: 0
}
.comparison {
display: none
}
}
@media (max-width:600px) {
.product-view-block-img,
.product-view-block-img img {
width: 100%;
height: auto
}
.product-view-block-top {
position: static
}
.main-content .items.grid {
grid-template-columns: 1fr;
gap: 20px
}
.main-content .comparison-and-sort .sort {
margin-left: 0
}
.main-content .comparison-and-sort {
display: flex;
flex-direction: column
}
.sortline label:last-child {
display: none
}
.dg_block {
width: 100% !important;
margin-bottom: 15px
}
}
@media (max-width:370px) {
.container.content {
margin: 0
}
.container .main-content {
padding-right: 0
}
}
.news-detail-body .news-detail-title {
color: #222;
font-family: "Roboto Slab";
padding: 0
}
a:focus,
a:hover {
text-decoration: none !important
}
.toggle-invertor {
cursor: pointer
}
.toggle-invertor.selected {
background: #f1f5f8;
color: #2990cb;
font-size: 20px;
padding: 16px 0
}
.toggle-size.selected {
color: #2990cb;
border-radius: 6px;
border: 1px solid #2990cb;
background: #f1f5f8
}
.toggle-size {
border-radius: 7px;
border: 1px solid #e9e9e9;
padding: 11px 20px;
cursor: pointer
}
.popular-block-y-n-invert a {
color: #797979;
width: 50%;
text-align: center
}
.toggle-invertor.rigth {
border-radius: 0 10px 10px 0
}
.toggle-invertor.left {
border-radius: 10px 0 0 10px
}
a:focus {
outline: 0 !important
}
.row {
margin: 0 !important
}
.categories-index {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 20px
}
.swiper-slider-index {
height: 230px
}
.swiper-slider-index .category {
width: 100% !important
}
.categories-index>.swiper-slider-index:nth-child(n+7) {
display: none
}
#show-more {
cursor: pointer
}
@media (max-width:770px) {
.categories-index {
grid-template-columns: 1fr
}
.swiper-slider-index {
margin-right: 0
}
}
.swiper-slider-index .bottom-block {
left: 25px !important;
bottom: 25px !important;
width: 80%
}
.search-button {
border-radius: 6px;
background: #2990cb;
color: #fff;
padding: 8px 25px;
border: 1px solid
}
.search-query {
padding: 6px 20px;
border-radius: 6px
}
.navigation {
text-align: center;
margin-bottom: 30px
}
.navigation-pages {
display: flex;
justify-content: center;
align-items: center;
gap: 10px
}
.navigation-title {
display: none
}
.nav-current-page {
width: 30px;
transition: color .3s ease, background-color .3s ease, border-color .3s ease;
padding: 0 8px;
display: block;
height: 32px;
min-width: 32px;
line-height: 32px;
font-size: 14px;
border-radius: 16px;
vertical-align: middle;
box-sizing: border-box;
background: #0083d1;
color: #fff
}
.navigation-pages a {
transition: color .3s ease, background-color .3s ease, border-color .3s ease;
background: #eff0f1;
padding: 0 8px;
display: block;
height: 32px;
min-width: 32px;
line-height: 32px;
color: #444;
font-size: 14px;
border-radius: 16px;
vertical-align: middle;
box-sizing: border-box
}
.navigation-arrows {
display: none
}
.search-button-header {
content: '';
position: absolute;
top: 0;
bottom: 0;
right: 9px;
margin: auto 0;
width: 17px;
height: 17px;
background: url(/local/templates/vaskos/images/search.svg) no-repeat;
background-size: cover;
border: unset
}
.div-search-form-header {
height: 100%;
margin: 0
}
.div-search-form-header form {
margin: 0
}
.search-page {
margin-bottom: 30px
}
.product-item-detail-slider-image img {
left: 50%;
object-fit: contain
}
.product-item-detail-slider-right {
right: -50px
}
.news-button-exit {
border-radius: 3px;
background: #2990cb;
padding: 5px 19px;
color: #fff;
margin-bottom: 40px;
display: inline-block
}
.modal-block-form {
display: flex;
flex-direction: column;
flex-wrap: wrap
}
.modal-form-block {
display: flex;
flex-direction: column;
flex-wrap: wrap;
gap: 15px
}
.form-count-and-name {
display: flex;
justify-content: space-between;
align-items: center
}
.modal {
position: fixed;
z-index: 99999;
background: #ffff;
padding: 30px;
background: #0000005e;
width: 100%;
height: 100%;
top: 0
}
.modal-content {
border: 1px solid #23232380;
max-width: 400px;
background: #fff;
padding: 20px;
border-radius: 10px;
text-align: center;
margin: 15vh auto;
position: relative
}
.modal-block-form label {
margin-bottom: 5px;
text-align: left
}
.modal-block-form label span {
color: red
}
.modal-form-block button {
color: #fff;
padding: 8px 24px;
border-radius: 5px;
background: #2990cb;
border: 1px solid
}
.modal-block-form input {
padding: 8px;
border-radius: 5px;
border: 1px solid;
margin-bottom: 15px
}
.modal-content .close {
font-size: 25px;
position: absolute;
pointer-events: visiblestroke;
right: 20px;
top: 10px;
cursor: pointer
}
.number {
user-select: none;
position: relative;
text-align: left;
padding: 0;
width: 125px;
border: 1px solid #ddd;
display: inline-block
}
.number-minus,
.number-plus {
position: absolute;
top: 0;
width: 40px;
height: 32px;
line-height: 32px;
display: block;
background: #faf4f2;
font-size: 20px;
font-weight: 600;
text-align: center;
font-family: arial;
color: #3e1e02;
text-decoration: none
}
.number-minus {
left: 0;
border-right: 1px solid #ddd
}
.number-plus {
right: 0;
border-left: 1px solid #ddd
}
.number-minus:hover,
.number-plus:hover {
background: #fffcfb
}
.number-minus:active,
.number-plus:active {
background: #e8e4e2
}
.number-text {
display: inline-block;
font-size: 14px;
color: #000;
line-height: 32px;
height: 32px;
margin: 0 0 0 42px;
background: #fff;
outline: 0;
border: none;
width: 40px;
text-align: center
}
#product-name-display {
max-width: 210px
}
.form-chekbox {
display: flex;
gap: 20px
}
.form-chekbox p {
max-width: 200px
}
.header-modal-feedback-phone {
cursor: pointer
}
.bx-authform {
max-width: 1153px;
width: auto;
margin: 30px auto;
padding: 0 20px
}
.bx-authform form {
display: flex;
flex-direction: column;
align-items: center;
width: 100%
}
.bx-authform-formgroup-container {
max-width: 350px;
width: 100%
}
.btn.btn-primary {
border-radius: 3px;
background: #2990cb;
padding: 8px 25px;
color: #fff;
border: 1px solid
}
.bx-authform-social ul {
display: none
}
.r404-error {
padding: 40px;
justify-content: center;
display: flex;
gap: 50px;
min-height: 430px;
margin-top: 80px;
flex-direction: column;
align-items: center
}
.bx-404-text-block {
text-align: center;
padding: 20px
}
.bx-404-home a {
color: #2990cb !important
}
.bx-404-home {
text-align: center
}
.profile-row-top {
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 15px;
min-height: 400px;
margin: 40px 0
}
.container-fluid {
padding: 40px 0;
min-height: 400px
}
.alert.alert-danger {
margin-top: 30px;
border-radius: 5px
}
.map-search {
margin: 40px
}
.text-line-map {
margin-bottom: 20px;
font-size: 16px
}
.search-button-header {
background: unset !important
}
@media(max-width:400px) {
.main-popular .slick-dots {
display: none
}
}
.about-contact-form {
margin: 30px;
max-width: 400px;
display: flex;
flex-direction: column;
gap: 10px
}
.about-contact-form .form-group {
margin-bottom: 10px
}
.about-contact-form .form-group label {
margin-bottom: 5px
}
.card-info {
align-items: center
}
@media (max-width:520px) {
.modal-content {
margin: 5vh auto
}
.form-count-and-name {
flex-direction: column
}
.card-product-reviews {
flex-direction: column;
gap: 20px
}
.card-product-reviews-btn {
margin: auto
}
}
@media (max-width:360px) {
.bx-rating.text-primary {
display: none
}
}
.personal-order-item-order-change-payment {
display: none
}
.cart-icon__count {
height: 16px;
width: 16px;
padding: 0;
text-align: center;
padding-top: 4px
}
.page-Header-module-links .firt-three-menu:first-child .firt-three-menu-a {
display: flex;
align-items: baseline;
gap: 10px
}
.page-Header-module-links .firt-three-menu:first-child {
border-radius: 10px 0 0 10px
}
.page-Header-module-links .firt-three-menu {
padding: 11px 32px;
display: flow
}
.page-Header-module-links ul {
display: flex;
justify-content: space-between
}
.page-Header-module-links ul li {
position: relative
}
.page-Header-module-sections {
position: absolute;
top: 41px;
right: 0;
left: 0;
filter: drop-shadow(8px 11px 13px rgba(210, 228, 238, .65));
width: 305px;
background-color: #fff;
z-index: 999;
border-radius: 0 0 25px 25px;
padding-bottom: 20px
}
.page-Header-module-sections-ul {
color: #222;
font-family: Roboto;
font-size: 16px;
font-style: normal;
font-weight: 400;
line-height: normal;
display: flex;
flex-direction: column;
padding: 10px 0 !important;
gap: 17px
}
.page-Header-module-sections-ul li:hover {
background: rgba(41, 144, 203, .49);
width: 305px
}
.page-Header-module-sections-ul li:hover a {
color: #fff !important
}
.page-Header-module-sections-ul li {
padding: 6px 66px 5px 20px
}
.page-Header-module-sections {
display: none
}
.firt-three-menu svg {
fill: #000
}
.m-toggler {
position: absolute;
right: 10px;
top: 10px
}
@media (min-width:1200px) {
.firt-three-menu:first-child:hover .page-Header-module-sections {
display: block
}
.firt-three-menu:hover .page-Header-module-sections {
display: block
}
}
.show_sub .page-Header-module-sections {
display: block
}
@media (max-width:1190px) {
.page-Header-module-links ul {
display: flex;
justify-content: space-between;
flex-direction: column
}
.page-Header-module-sections {
position: absolute;
top: 0;
left: 200px
}
.submenu-standart {
padding: 0;
border-radius: 10px
}
.m-toggler {
right: 15px;
top: 15px
}
.submenu-standart li.firt-three-menu>a {
max-width: 90%
}
}
@media (max-width:560px) {
.page-Header-module-sections {
left: 0;
top: 50px;
height: 100vh;
width: 100vh
}
.page-Header-module-links {
position: absolute;
background: #fff;
width: 100vw;
left: 0
}
}
.dropdown-standart:hover .swiper-wrapper .slick-arrow,
.dropdown:hover .swiper-wrapper .slick-arrow {
z-index: -1
}
.sale-personal-section-index-block {
background-color: #2990cb
}
.section-productions .slick-dots li {
margin: 0
}
.section-productions .slick-dots li button:before {
width: 10px
}
.delivery_3cols_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 40px 0
}
.delivery_col {
width: 32%;
background: #f9f9fb;
padding: 20px;
text-align: left
}
.delivery_col_text {
font-size: 18px;
font-weight: 500;
line-height: 26px;
color: #222;
margin-top: 15px
}
.deliv_addr_sklad {
background: url(/images/adr.png) no-repeat 5px center;
font-size: 16px;
color: grey;
font-weight: 600;
line-height: 22px;
max-width: 470px;
padding-left: 60px;
box-sizing: border-box
}
.delivery_sale_title {
font-size: 42px;
color: #2990cb;
font-weight: 700;
margin-bottom: 10px;
line-height: 55px
}
.delivery_sale_stext {
font-size: 14px;
font-weight: 400;
color: grey;
line-height: 19px
}
.delivery_sale_wrap {
background: url(/images/db.png) no-repeat 0 0;
padding: 40px;
background-size: auto 100%;
margin: 40px 0 50px;
height: 254px
}
.delivery_sale_text {
color: #242424;
font-size: 18px;
line-height: 25px;
max-width: 450px;
margin-bottom: 40px
}
.oplat {
border-top: 1px solid #e1e1e1;
border-bottom: 1px solid #e1e1e1;
margin-bottom: 15px
}
.oplat summary {
font-size: 20px;
line-height: 23px;
display: flex;
align-items: center;
cursor: pointer;
position: relative
}
.oplat summary {
padding: 10px 0;
padding-right: 40px
}
.oplat summary:before {
content: '';
height: 44px;
width: 44px;
min-width: 44px;
margin-right: 20px;
background-color: #d0ab35;
background-position: 50%;
background-repeat: no-repeat
}
.oplat-1 summary:before {
background-image: url(https://carata.ru/images/oplat1.svg)
}
.oplat-2 summary:before {
background-image: url(https://carata.ru/images/oplat2.svg)
}
.oplat-3 summary:before {
background-image: url(https://carata.ru/images/oplat3.svg)
}
.oplat-4 summary:before {
background-image: url(https://carata.ru/images/oplat4.svg)
}
.oplat-5 summary:before {
background-image: url(https://carata.ru/images/oplat5.svg)
}
.oplat summary:after {
content: '';
background: url(https://carata.ru/images/arrow-down.svg);
width: 30px;
height: 30px;
display: block;
float: right;
right: 0;
position: absolute;
transform: rotate(180deg)
}
.col.catalog-section-description img {
width: 100%
}
.adv_main_wrap,
.dg_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px
}
.dg_block {
font-family: "Roboto Slab", serif;
font-weight: 400;
width: 284px;
background: #f9f9fb;
padding: 25px 20px
}
.dg_text_g {
color: #2990cb;
font-size: 16px;
line-height: 22px;
margin-bottom: 10px
}
.dg_text_s {
font-size: 14px;
line-height: 16px;
font-weight: 300;
color: #000;
font-family: Roboto, serif
}
.li-index-catalog li:before {
content: "";
position: absolute;
left: 0;
top: 50%;
transform: translateY(-50%);
width: 6px;
height: 6px;
border-radius: 50%;
background-color: #2990cb
}
.li-index-catalog li {
position: relative;
padding-left: 10px;
margin-bottom: 6px
}
.li-index-catalog {
margin: 10px 0 10px 20px
}
.bx-filter .bx-filter-popup-result.left {
/* display: none !important; */
}
.adv_main_wrap {
padding-bottom: 20px;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin: 0px 0 40px;
border-bottom: 1px solid #B0CEDF;
}
.adv_m_block {
width: 18%;
text-align: center;
margin-bottom: 20px;
font-family: 'Roboto Slab';
}
.adv_m_text_b {
font-weight: 500;
font-size: 16px;
line-height: 16px;
margin: 15px 0;
}
.adv_m_text_s {
font-weight: 300;
font-size: 16px;
line-height: 21px;
}
.box-heading {
padding: 10px 10px 10px 0;
border-bottom: 1px solid #ddd;
position: relative;
text-transform: uppercase;
font-size: 16px;
margin-bottom: 20px
}
.box-heading .nav li.active:after,
.box-heading:after {
width: 70px;
height: 1px;
content: " ";
background: #222;
left: 0;
bottom: -1px;
position: absolute
}
.row-contact {
display: flex;
justify-content: space-between
}
.contrast_font {
font-weight: 500
}
span.bx-filter-param-text::first-letter {
text-transform: uppercase
}
.bx-filter-param-text[title=chiq],
.bx-filter-param-text[title=lg],
.bx-filter-param-text[title=mdv] {
text-transform: uppercase
}
.news-view-block.stati-front {
display: flex;
padding-bottom: 67px;
flex-direction: row;
flex-wrap: wrap;
justify-content: space-between;
}
.work_matr {
background: #f9f9fb;
padding: 20px 39px
}
.work_matr .header {
color: #000;
font-size: 16px;
font-weight: 400;
margin-bottom: 15px
}
.work_matr ul {
padding: 0
}
.work_matr li {
list-style: none;
color: #000;
font-size: 14px;
font-weight: 300;
margin-bottom: 15px;
position: relative;
padding-left: 30px
}
.work_matr li:before {
content: '';
display: block;
width: 19px;
height: 19px;
background: url(https://carata.ru/images/ust/2.png);
position: absolute;
top: 0;
left: 0
}
.textetx .header {
color: #000;
font-size: 16px;
font-weight: 400
}
.textetx {
margin: 35px 0
}
.textetx ul {
margin-top: 0;
margin-bottom: 10px;
margin-left: 20px
}
.textetx li {
margin-bottom: 10px
}
.textetx .bold {
font-weight: 700
}
.etaps .time {
background: url(https://carata.ru/images/ust/3.png);
background-repeat: no-repeat;
background-size: contain;
padding-left: 30px
}
.etaps ul {
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
padding: 0;
grid-gap: 10px
}
.etaps ul li {
background: #f9f9fb;
list-style: none;
padding: 20px 16px
}
.etaps ul li>span:last-child {
font-size: 14px;
color: #000
}
.etaps ul li:nth-child(1)>span:first-child {
background: url(https://carata.ru/images/ust/4.png) no-repeat
}
.etaps ul li:nth-child(2)>span:first-child {
background: url(https://carata.ru/images/ust/5.png) no-repeat
}
.etaps ul li:nth-child(3)>span:first-child {
background: url(https://carata.ru/images/ust/6.png) no-repeat
}
.etaps ul li:nth-child(4)>span:first-child {
background: url(https://carata.ru/images/ust/7.png) no-repeat
}
.etaps ul li:nth-child(5)>span:first-child {
background: url(https://carata.ru/images/ust/8.png) no-repeat
}
.etaps ul li:nth-child(6)>span:first-child {
background: url(https://carata.ru/images/ust/9.png) no-repeat
}
.etaps ul li:nth-child(7)>span:first-child {
background: url(https://carata.ru/images/ust/10.png) no-repeat
}
.etaps ul li.lsta p {
background: url(https://carata.ru/images/ust/11.png) no-repeat;
color: #fff;
text-align: center;
font-family: Roboto Slab;
font-size: 18px;
font-weight: 400;
padding-top: 60px;
background-position: top center
}
.etaps ul li.lsta {
background: #68add4;
display: flex;
align-items: center
}
.etaps ul li>span:last-child {
font-size: 14px;
color: #000
}
.etaps ul li span .num {
font-size: 26px;
font-family: Roboto Slab
}
.etaps ul li span:not(.num) {
display: block
}
.etaps ul li>span:first-child {
color: #68add4;
font-size: 16px;
font-weight: 400;
margin-bottom: 10px;
padding-left: 40px
}
#install-cond {
margin-bottom: 30px
}
@media (max-width:760px) {
.etaps ul {
grid-template-columns: 1fr 1fr
}
}
@media (max-width:420px) {
.etaps ul {
grid-template-columns: 1fr
}
}
.block-otziv-edit-create .slick-dots li button {
display: none
}
.r-block-install {
width: 75%
}
@media (max-width:1024px) {
.r-block-install {
width: 100%
}
}
.img-otziv img {
width: 270px;
height: 300px;
object-fit: cover
}
.block-otziv-edit-create {
margin: 20px 0
}
.main-delivery-install {
margin: 40px 0
}
.main-delivery-install .column-list-delivery {
columns: 4;
column-gap: 70px
}
.block-otziv-edit-create h2 {
margin-bottom: 20px;
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 28px
}
.include-class-style b {
font-size: 17px;
color: #222;
font-family: 'Roboto Slab';
font-weight: 500
}
.card-product-content img {
max-width: 100%
}
.col.catalog-section-description img {
max-width: 100%;
width: unset
}
.category-grid .item {
display: inline-block;
vertical-align: top;
position: relative;
margin-bottom: 15px;
padding: 10px 15px;
font-size: 14px;
border: 1px solid #fff
}
.category-grid .item:hover {
border: 1px solid
}
.catalog-section-description table {
width: 100%
}
.div-block-item-brand h2 {
text-align: center
}
.card-product-description-pole {
hyphens: auto
}
.product-item-detail-slider-container {
position: relative;
max-width: 420px;
width: 100%;
background: 0 0;
transition: background .8s ease;
z-index: 9
}
.product-item-detail-slider-controls-image {
margin-top: 1px;
margin-left: 3px
}
.product-item-detail-slider-container.popup .product-item-detail-slider-controls-block {
z-index: 9;
position: absolute;
top: 0;
right: 0;
bottom: 0;
overflow-y: auto;
padding: 20px;
border-left: 1px solid #d3d3d3;
background-color: #fff;
margin-top: 0;
padding-right: 0;
width: 100%;
display: block;
right: 0;
left: 0;
height: 100%;
max-height: 100% !important
}
.product-item-detail-slider-container.popup .product-item-detail-slider-block {
width: 100%
}
.product-item-detail-slider-container.popup .product-item-detail-slider-images-container {
width: 100%
}
.product-item-detail-slider-container.popup .product-item-detail-slider-block {
width: 100%
}
.product-item-detail-slider-container.popup .product-item-detail-slider-left {
left: 15px
}
.product-item-detail-slider-container.popup .slick-track {
position: absolute;
bottom: 50px
}
.product-item-detail-slider-container.popup {
width: 100%;
max-width: 100%
}
.product-item-detail-slider-container .slick-prev {
bottom: 0;
position: absolute;
left: 10px;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat;
-webkit-transform: rotate(180deg)
}
.product-item-detail-slider-container .slick-next {
bottom: 0;
position: absolute;
right: 10px;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat
}
.product-item-detail-slider-container .slick-arrow.slick-disabled {
opacity: .2
}
.product-item-detail-slider-container .slick-arrow {
z-index: 10;
font-size: 0;
width: 40px;
height: 15px;
border: 0;
cursor: pointer
}
.product-item-detail-slider-container.popup .slick-next,
.product-item-detail-slider-container.popup .slick-prev {
display: none
}
.product-item-detail-slider-left,
.product-item-detail-slider-right {
top: 40%;
height: 20%
}
.product-item-detail-slider-left,
.product-item-detail-slider-right {
display: none
}
.product-item-detail-slider-container.popup .product-item-detail-slider-left,
.product-item-detail-slider-container.popup .product-item-detail-slider-right {
display: block
}
.product-item-detail-slider-container .slick-track {
padding-left: 2px
}
.search-item {
display: flex;
gap: 20px;
align-items: center;
justify-content: space-between;
}
@media(max-width:560px) {
.adv_main_wrap {
justify-content: center
}
.firt-three-menu {
font-size: 15px !important
}
.page-Header-module-sections-ul li:hover {
width: 100%;
font-size: 15px !important
}
.page-Header-module-links ul {
font-size: 15px !important
}
.main-content .items.grid {
display: flex;
justify-content: center;
align-content: center
}
.main-content .comparison-and-sort .sort .select_sort {
width: 200px
}
}
.prod-detail-card-title {
margin-top: 45px
}
.card-title h1 {
margin-top: 0;
font-size: 20px;
margin-bottom: 28px;
text-transform: unset
}
.list_ws_img li {
list-style-type: none;
display: flex;
align-items: center;
gap: 10px;
margin-bottom: 5px;
margin-left: 0
}
@media(max-width:1200px) {
.dg_block {
width: 24%
}
.adv_m_block {
width: 20%
}
.adv_m_text_b {
margin-bottom: 5px
}
}
@media(max-width:800px) {
.div-block-proizvod {
grid-template-columns: repeat(2, 1fr) !important
}
.card-content .view-card {
width: calc(100% - 400px)
}
}
@media(max-width:767px) {
.col.catalog-section-description img {
height: auto
}
.adv_m_block {
width: 48%;
margin-bottom: 30px
}
.dg_block {
width: 100%
}
.card-content .view-card {
width: 100%
}
}
@media(max-width:575px) {
.div-block-proizvod {
grid-template-columns: repeat(1, 1fr) !important
}
.news-detail-content img {
max-width: 100%;
height: auto
}
}
.card-conent-buy,
.product-view-block {
position: relative
}
.sale-phone-to-sell-off {
position: absolute;
background-image: url('data:image/svg+xml,');
background-repeat: no-repeat;
z-index: 9;
top: -14px;
right: -14px;
width: 131px;
height: 127px
}
#c-card .product-view-block {
margin-top: 14px
}
.div-spec-desc-item {
width: 100%;
display: flex;
justify-content: center;
padding: 10px;
border: 1px solid #e6e6e6;
font-size: 15px;
border-bottom: 0
}
@media (max-width:768px) {
.cw-main-banner {
margin: 20px 0
}
.cw-main-banner .main-banner {
padding: 0
}
.cw-main-banner .main-banner-div {
margin-top: 0
}
.cw-main-under-banner {
margin: 20px 0
}
.cw-main-under-banner .div-stocks-title {
padding: 0
}
.cw-main-under-banner .dg_block {
padding: 15px 12px
}
.cw-main-under-banner .stocks-title {
margin: 20px 0
}
.cw-main-under-banner .adv_main_wrap {
margin: 0;
padding: 0
}
.cw-main-stocks {
margin: 20px 0
}
.cw-main-stocks .div-stocks-title {
padding: 20px 0
}
.cw-main-stocks .products-view-block {
padding-bottom: 20px
}
.cw-main-stocks .slick-dots {
margin-top: 20px
}
.cw-main-popular {
margin: 20px 0
}
.cw-main-popular .popular-title {
padding: 0 0 20px 0
}
.cw-main-popular .popular-block-y-n-invert {
margin-bottom: 20px
}
.cw-main-catalog {
margin: 20px 0
}
.cw-main-catalog .catalog-ind-prev {
margin-top: 20px
}
}
@media (max-width:450px) {
.cw-main-popular .products-view-block {
padding-bottom: 0
}
.news-mobile-all {
padding: 20px 0
}
.div-info-about-text {
margin: 20px 0
}
}
.catalog-compare .breadcrumb-temp,
.catalog-compare footer,
.catalog-compare header {
display: none
}
.cw-how-we-works {
margin-bottom: 80px
}
.cw-how-we-works__title {
color: #222;
font-size: 28px;
font-weight: 400;
line-height: 39.2px;
margin-bottom: 40px
}
.cw-how-we-works__list {
display: flex;
flex-wrap: wrap;
gap: 30px 37px
}
.cw-how-we-works__item {
background-color: #f5f5f5;
flex: 0 0 22.5%;
padding: 24px
}
.cw-how-we-works__top {
align-items: center;
display: flex;
justify-content: space-between;
margin-bottom: 12px
}
.cw-how-we-works__number {
color: #b0cedf;
font-size: 52px;
font-weight: 900;
line-height: 62.4px
}
.cw-how-we-works__heading {
color: #222;
font-size: 18px;
font-weight: 500;
line-height: 25.2px;
margin-bottom: 12px
}
.cw-how-we-works__text {
color: grey;
font-size: 16px;
line-height: 22.4px
}
@media (max-width:1153px) {
.cw-how-we-works {
margin-bottom: 58px
}
.cw-how-we-works__list {
gap: 8px 24px
}
}
@media (max-width:952px) {
.cw-how-we-works {
margin-bottom: 60px
}
.cw-how-we-works__list {
gap: 30px 6%
}
.cw-how-we-works__item {
flex: 0 0 47%
}
}
@media (max-width:510px) {
.cw-how-we-works__title {
margin-bottom: 30px
}
.cw-how-we-works__list {
gap: 20px
}
.cw-how-we-works__item {
flex: 0 0 100%;
padding: 18px
}
}
.cw-under-items {
margin-bottom: 20px
}
.cw-under-items__row {
display: flex;
flex-wrap: nowrap;
gap: 34px;
margin-bottom: 41px
}
.cw-under-items__row:last-child {
margin-bottom: 0
}
.cw-under-items__row>* {
flex: 0 0 48%
}
.cw-under-items__text h1,
.cw-under-items__text h2 {
color: #222;
font-size: 28px;
font-weight: 400;
line-height: 39.2px;
margin: 0;
margin-bottom: 20px;
text-transform: none
}
.cw-under-items__text p {
color: grey;
font-size: 16px;
line-height: 22.4px;
margin-bottom: 20px
}
.cw-under-items__text p:last-child {
margin-bottom: 0
}
.cw-under-items__image {
background-position: top center;
background-repeat: no-repeat;
background-size: contain;
height: 390px
}
.categories_list {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 25px;
margin-bottom: 20px
}
.categories_list .swiper-slider {
margin-right: 0;
overflow: hidden;
border-radius: 15px
}
.main-content .categories_list_wrap .swiper-slider {
display: none
}
.main-content .categories_list_wrap .swiper-slider:first-child,
.main-content .categories_list_wrap .swiper-slider:nth-child(2),
.main-content .categories_list_wrap .swiper-slider:nth-child(3) {
display: block
}
.categories_list_hide_more,
.categories_list_show_more {
display: none;
color: #2990cb;
border-radius: 5px;
border: .5px solid #2990cb;
padding: 6px;
font-size: 16px;
width: 268px;
margin: 0 auto 15px;
text-align: center
}
.categories_list_hide_more:hover,
.categories_list_show_more:hover {
background: #2990cb;
color: #fff;
cursor: pointer
}
.categories_list_hide_more.active {
display: block
}
.categories_list_show_more.active {
display: block
}
.main-content .categories_list_wrap.active .swiper-slider {
display: block
}
.top-menu .submenu-standart {
z-index: 1001
}
#bx-soa-order-form,
.wrapper__body-make {
margin-top: 20px
}
.bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
min-width: 100px
}
.faq_page_wrap {
margin: 40px 0
}
.fp_tabs_header_line {
display: flex;
flex-wrap: wrap;
justify-content: flex-start;
gap: 5px
}
.fp_tab {
background: #fafafa;
transition: background-color .3s, box-shadow .3s ease;
cursor: pointer;
display: block;
margin: 0;
padding: 16px 24px 15px;
color: #777;
border: none;
border-radius: 3px;
display: inline-block;
border: 1px solid #ececec;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 1px
}
.fp_tab.active,
.fp_tab:hover {
cursor: pointer;
background: #fff;
color: #333;
border-top: 2px solid #2990cb
}
.fp_tab:not(.active):hover {
border-color: transparent;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
transform: translateY(-1px)
}
.fp_tabs_body {
margin-top: 30px
}
.fp_content,
.fp_tab_content {
display: none
}
.fp_tab_content.active {
display: block
}
.fp_block_wrap {
border: 1px solid #ececec;
border-bottom: 0;
padding: 0 30px;
transition: background-color .3s, box-shadow .3s ease
}
.fp_block_wrap:last-child {
border-bottom: 1px solid #ececec
}
.fp_block_wrap:hover {
cursor: pointer;
border-color: transparent;
box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .1);
transform: translateY(-1px)
}
.fp_block_wrap.active .fp_content {
display: block
}
.fp_title {
font-size: 16px;
position: relative;
padding: 30px 50px 30px 0
}
.fp_toggler {
position: absolute;
display: block;
right: 0;
border: 1px solid rgba(51, 51, 51, .1);
border-radius: 3px;
transition: background-color .3s ease;
background-color: transparent;
border-color: #ececec;
top: 25px;
width: 32px;
height: 32px
}
.fp_toggler::after {
content: "";
display: block;
position: absolute;
top: 50%;
left: 50%;
margin: -3px 0 0 -5px;
width: 10px;
height: 6px;
background: url(/images/sprite_arrows.svg) 0 -5px no-repeat
}
.fp_block_wrap.active .fp_toggler,
.fp_block_wrap:hover .fp_toggler {
background-color: #2990cb;
border-color: #2990cb
}
.fp_block_wrap.active .fp_toggler::after,
.fp_block_wrap:hover .fp_toggler::after {
background-position: 0 -23px;
opacity: 1;
transform: rotate(180deg)
}
.fp_content {
color: #777;
line-height: 24px;
padding-bottom: 30px
}
.banner {
padding: 15px 0 0 0
}
.news-detail-body ul {
padding-left: 25px
}
.news-detail-body ul li {
list-style-type: circle
}
.popular-title.popular-title-pt40 {
padding-top: 40px
}
.elemetn_cat_slider .categories_list_show_more {
display: none
}
.elemetn_cat_slider {
position: relative;
max-height: 390px;
overflow: hidden
}
.elemetn_cat_slider .slick-arrow {
position: absolute;
bottom: 0;
z-index: 10;
font-size: 0;
width: 65px;
height: 23px;
border: 0
}
.elemetn_cat_slider .slick-arrow.slick-prev {
left: 0;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat;
-webkit-transform: rotate(180deg)
}
.elemetn_cat_slider .slick-arrow.slick-next {
right: 0;
background: url(/upload/vaskos/sl-arrow_r.svg) 0 0/100% no-repeat
}
.elemetn_cat_slider .slick-arrow.slick-next:hover,
.elemetn_cat_slider .slick-arrow.slick-prev:hover {
cursor: pointer;
opacity: .8
}
.elemetn_cat_slider .slick-dots {
margin: 15px auto 0
}
.elemetn_cat_slider .categories_list .swiper-slider {
justify-content: center;
display: flex;
flex-wrap: wrap
}
@media (max-width:1355px) {
.bannerSlider {
height: 390px
}
.container.content {
padding-left: 15px;
padding-right: 15px
}
h1 {
padding-left: 15px
}
.slider .categories .category .bottom-block .category-title {
font-size: 22px;
padding-right: 10px
}
}
@media (max-width:1210px) {
.page-Header-module-links .firt-three-menu {
padding: 11px 30px
}
}
@media (max-width:1023px) {
.delivery_col {
width: 100%;
margin-bottom: 20px
}
.delivery_col_text {
max-width: 605px
}
.delivery_sale_title {
font-size: 36px;
line-height: 47px
}
.delivery_sale_wrap {
background: url(/images/db_768.png) no-repeat 0 0;
background-size: auto 100%
}
.bannerSlider {
height: 290px
}
.main-content .categories_list_wrap .swiper-slider:nth-child(3) {
display: none
}
.main-content .categories_list_wrap.active .swiper-slider:nth-child(3) {
display: block
}
.product-view-block-img,
.product-view-block-img img {
width: 150px;
height: 150px
}
}
@media (max-width:768px) {
.cw-under-items__row {
flex-direction: column;
gap: 20px
}
.cw-under-items__row {
margin-bottom: 40px
}
.cw-under-items__row>* {
flex: 0 0 100%
}
.cw-under-items__text {
order: 1
}
.cw-under-items__image {
max-height: 390px;
min-height: 390px;
order: 2
}
}
@media (max-width:767px) {
.product-view-block-img,
.product-view-block-img img {
width: 100%;
height: auto
}
.bannerSlider {
/* height: 130px */
height: auto
}
.main-content .categories_list_wrap .swiper-slider:nth-child(2) {
display: none
}
.main-content .categories_list_wrap.active .swiper-slider:nth-child(2) {
display: block
}
}
@media (max-width:500px) {
.elemetn_cat_slider .slick-dots {
display: none;
opacity: 0
}
.elemetn_cat_slider {
max-height: 420px
}
.categories_list .swiper-slider {
width: 100%;
height: auto
}
.categories_list .swiper-slider .category {
width: 100%
}
.slider .categories .category img.category-image {
position: relative
}
.slider .categories .category a {
display: block;
overflow: hidden
}
.card-product-description-desc .tg td {
word-break: break-all
}
.cw-under-items__row {
margin-bottom: 30px
}
.cw-under-items__text h1,
.cw-under-items__text h2 {
font-size: 20px;
line-height: 28px;
margin-bottom: 14px
}
.cw-under-items__text p {
margin-bottom: 14px
}
.cw-under-items__image {
height: 200px;
max-height: 200px;
min-height: 200px
}
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span {
padding: 0 10px;
font-size: 12px;
line-height: 25px;
height: 30px
}
.bx-pagination .bx-pagination-container ul li span {
height: 25px;
min-width: 25px;
line-height: 25px;
color: #444;
font-size: 12px
}
.footer-info {
border-top: 1px solid #ddd;
margin-top: 10px;
padding-top: 10px
}
.footer-two-level-one-group {
margin-top: 15px
}
.install-cond-info-block .install-cond-info-desc {
padding-left: 25px
}
}
@media (max-width:340px) {
.bx-pagination .bx-pagination-container ul li.bx-pag-all span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-next span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev a span,
.bx-pagination .bx-pagination-container ul li.bx-pag-prev span {
padding: 0 5px;
font-size: 10px;
line-height: 25px;
height: 30px
}
.bx-pagination .bx-pagination-container ul li {
margin: 0 1px 15px
}
}
.main-catalog-index {
padding-bottom: 67px
}
.text_d1 {
max-width: 704px;
color: grey;
font-size: 16px;
line-height: 22px;
margin-top: -20px
}
@media (max-width:767px) {
.main-catalog-index {
padding-bottom: 50px
}
}
@media (max-width:740px) {
.header-modal-cart-order__wrapper {
display: none
}
.delivery_sale_wrap {
background: url(/images/db_320.png) no-repeat 0 0;
background-size: 100%;
height: 423px;
padding: 15px
}
.delivery_sale_stext {
font-size: 12px
}
.delivery_sale_text {
font-size: 14px;
line-height: 19px;
margin-bottom: 30px
}
.delivery_sale_title {
font-size: 24px;
line-height: 32px;
margin-bottom: 20px
}
.deliv_addr_sklad {
background: url(/images/adr.png) no-repeat 0 0;
font-size: 14px;
background-size: 30px;
line-height: 19px;
padding-left: 40px
}
.delivery_3cols_wrap,
.delivery_sale_wrap {
margin-bottom: 20px
}
}
@media (max-width:573px) {
.header-search-input input {
max-width: none;
width: 100%
}
.div-search-form-header {
flex: 1
}
.header-two-level-group-one {
gap: 20px
}
}
@media (max-width:560px) {
.header-modal-feedback-phone__wrapper {
display: none
}
.catalog-compare .align-items-center .btn {
border: 0;
font-size: 14px;
width: auto;
padding: 10px 5px
}
#basket_items,
#basket_items tbody {
width: 100%;
display: block;
box-sizing: border-box
}
#basket_items tr {
display: flex;
flex-wrap: wrap;
width: 100%
}
.bx_ordercart_order_table_container table tr td.photo {
width: 30%
}
.bx_ordercart_order_table_container table tr td.title {
width: 40%
}
.bx_ordercart_order_table_container table tr td.price {
width: 30%;
display: flex;
justify-content: center;
align-items: center
}
.bx_ordercart_order_table_container table tr td.quant {
width: 30%
}
.bx_ordercart_order_table_container table tr td.summ_4 {
width: 40%;
display: block
}
.bx_ordercart_order_table_container table tr td.control {
width: 30%;
display: block
}
.bx_ordercart_order_pay {
display: flex;
flex-wrap: wrap;
padding: 20px 0;
width: 100%;
margin-top: 30px
}
#basket_form_container .bx_ordercart_coupon {
margin-top: 0;
display: flex;
flex-wrap: wrap
}
.bx_ordercart_order_pay .bx_ordercart_order_pay_left input {
width: calc(100% - 50px);
height: 35px;
border: 1px #e2e2e2 solid;
border-radius: 2px;
float: left;
box-sizing: border-box
}
.bx_ordercart_order_pay_center a {
width: 100%
}
}
.main-content ul.slick-dots {
margin-top: 35px
}
.section-stocks-category {
background: 0 0
}
.section-stocks-category .stocks-div-all {
margin-top: 0
}
.section-stocks-category .div-stocks-title {
align-items: center
}
#product-name-display,
#resultMessage,
#resultMessage-feedback {
display: block;
font-size: 1.17em;
font-weight: 700;
margin: 1em 0
}
.h2-custom {
display: block;
font-size: 1.5em;
margin: .83em 0;
font-weight: 700
}
.msg_cart_fav_delay_wrap {
display: none;
position: fixed;
top: 10%;
left: 50%;
width: 500px;
border: 1px solid #555;
background: #fff;
padding: 40px 30px;
border-radius: 10px;
text-align: center;
margin: 15vh auto;
margin-left: -250px;
z-index: 10
}
.msg_cart_fav_delay_over {
display: none;
position: fixed;
z-index: 9;
background: #ffff;
padding: 30px;
background: #0000005e;
width: 100%;
height: 100%;
top: 0
}
.msg_cfd_btns {
display: flex;
justify-content: space-between;
flex-wrap: wrap
}
.msg_cfd_move_to {
color: #fff;
height: 40px;
line-height: 38px;
border-radius: 5px;
background: #2990cb;
border: 1px solid #000;
display: block;
width: 48%
}
.msg_cfd_stay {
color: #000;
height: 40px;
line-height: 38px;
border-radius: 5px;
border: 1px solid #000;
display: block;
width: 48%;
cursor: pointer
}
.msg_cfd_title {
font-size: 22px;
margin-bottom: 30px
}
.msg_cfd_move_to:hover {
background: 0 0;
color: #000
}
.msg_cfd_stay:hover {
background: #2990cb;
color: #fff
}
.msg_cfd_close {
font-size: 25px;
position: absolute;
pointer-events: visiblestroke;
right: 20px;
top: 10px;
cursor: pointer
}
.msg_cart_fav_delay_wrap.active {
display: block
}
.msg_cart_fav_delay_over.active {
display: block
}
.card-product-add-btn:hover {
cursor: pointer;
opacity: .9
}
.time-to-read-wrap {
display: flex;
flex-wrap: wrap;
gap: 30px;
margin-top: -20px
}
.time-to-read-wrap .news-detail-date {
font-size: 14px;
line-height: 25px;
padding-bottom: 0
}
.time-to-read {
font-size: 14px;
line-height: 25px;
background: url(/images/0104/t.png) no-repeat 0 center;
padding-left: 30px;
color: #a4a4a4
}
.title_list_wrap {
background: #f5f5f5;
padding: 30px;
display: inline-block;
margin: 40px 0
}
.title_list_wrap .s_title {
color: #2990cb;
font-size: 22px;
font-weight: 500;
line-height: 30px;
margin-bottom: 15px
}
.news-detail-body .art_title_list {
padding-left: 0
}
.news-detail-body .title_list_wrap li {
list-style-type: none;
background: url(/images/0104/r.png) no-repeat 0 0;
padding-left: 20px
}
.news-detail-body .title_list_wrap li span {
color: #222;
font-weight: 600;
font-size: 16px;
margin-bottom: 12px;
display: block;
cursor: pointer
}
.news-detail-body ul li.t_h3 {
margin-left: 20px
}
.news-detail-body .title_list_wrap li.t_h3 span {
font-weight: 400
}
.atr_share_wrap {
border-top: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
margin: 50px 0 20px;
padding: 20px 0;
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
}
.art_share_in_t{
display: flex;
flex-wrap: wrap;
gap: 30px;
align-items: center;
}
.art_share_title {
font-weight: 700;
font-size: 18px
}
.news-detail-body .atr_share_wrap ul {
padding-left: 0
}
.news-detail-body .atr_share_wrap .ya-share2__list.ya-share2__list_direction_horizontal>.ya-share2__item {
padding-right: 5px
}
.art_prev_nexn_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
.art_prev_nexn_wrap .art-next,
.art_prev_nexn_wrap .art-prev {
background: #2990cb;
color: #fff;
width: 186px;
height: 38px;
line-height: 38px;
display: block;
text-align: center;
border-radius: 2px;
font-size: 14px
}
.art_prev_nexn_wrap .all_art_link {
width: 160px;
display: block;
background: url(/images/0104/a.png) no-repeat 0 0;
color: #2990cb;
font-size: 18px;
padding-left: 35px;
text-decoration: underline;
line-height: 28px
}
.art_prev_nexn_wrap .all_art_link:hover {
cursor: pointer;
text-decoration: none
}
.art_prev_nexn_wrap .art-next:hover,
.art_prev_nexn_wrap .art-prev:hover {
opacity: .95
}
.other_art_title {
color: #222;
font-size: 28px;
line-height: 40px;
text-transform: uppercase;
margin: 50px 0 30px
}
.contenier-catalog.catalog-new {
display: flex;
flex-wrap: wrap;
grid-gap: 0;
justify-content: flex-start;
gap: 16px
}
.contenier-catalog.catalog-new .items {
width: 272px
}
.product-view-block {
width: 100%;
border: 0;
padding: 0;
height: auto;
display: block;
border-radius: 0
}
.product-view-block-top {
position: relative;
top: 0
}
.sale-phone-to-sell-off {
position: absolute;
background-image: none;
background: #ff364e;
background-repeat: no-repeat;
z-index: 9;
top: 15px;
right: 0;
width: 131px;
height: 127px;
width: 103px;
height: 30px;
border-radius: 5px 0 0 5px
}
.span-sale-sell {
color: #fff;
transform: none;
text-align: left;
font-family: Roboto Slab;
font-size: 12px;
font-style: normal;
font-weight: 400;
line-height: normal;
position: relative;
top: 0;
left: 0;
display: flex;
align-items: center;
justify-content: flex-start;
width: 100%;
height: 100%;
padding-left: 6px;
}
.product-view-block-img {
margin-bottom: 20px;
width: 100%;
height: 220px;
border: 1px solid #f4f4f4;
border-radius: 5px;
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
padding: 0;
background: #fff;
position: relative;
overflow: hidden;
}
.product-view-block-img img {
max-width: 100%;
width: 100%;
height: 100%;
object-fit: contain;
}
.product-view-block-chars.onpage {
min-height: 64px
}
.p-char-row {
font-size: 12px;
margin-bottom: 0;
line-height: 16px;
display: block;
color: #888
}
.product-view-block-title {
margin: 0 0 10px;
color: #000;
font-size: 14px;
font-weight: 400;
min-height: 40px
}
.item-price-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-top: 15px;
min-height: 60px;
}
.item-price-wrap .item-av {
background: #f0f6fe;
width: 82px;
height: 26px;
font-size: 12px;
text-align: center;
line-height: 26px;
border-radius: 2px;
color: #2990cb
}
.oneclick-item-list {
display: none
}
.cat-section-page #c-card .product-item-container {
margin-right: 15px
}
.catalog_show_lines .contenier-catalog.catalog-new .items {
width: 100%
}
.catalog_show_lines .catalog-new .sale-phone-to-sell-off {
left: 0;
border-radius: 0 5px 5px 0
}
.catalog_show_lines .catalog-new .product-view-block-img {
width: 30%;
margin-right: 20px
}
.catalog_show_lines .catalog-new .items .product-view-block-img img {
height: 100%;
width: auto;
max-width: 100%
}
.catalog_show_lines .catalog-new .product-view-block-chars,
.catalog_show_lines .catalog-new .product-view-block-title {
width: 35%;
margin-top: 5px
}
.catalog_show_lines .catalog-new .product-view-block-title {
padding-right: 15px
}
.catalog_show_lines .catalog-new .items .product-view-block-top {
display: flex
}
.catalog_show_lines .catalog-new .items .product-view-block>a {
width: calc(100% - 270px);
display: block
}
.catalog_show_lines .catalog-new .items .product-view-block {
height: 155px;
width: 100%;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
align-items: flex-start
}
.catalog_show_lines .catalog-new .items .product-view-block-bottom {
display: flex;
justify-content: flex-end;
flex-direction: row;
align-content: flex-end;
flex-wrap: wrap;
align-items: flex-end;
gap: 10px;
margin-top: 0;
width: 250px;
z-index: 5;
position: relative;
flex-direction: column
}
.catalog_show_lines .catalog-new .item-price-wrap {
gap: 20px
}
.catalog_show_lines .catalog-new .items .product-view-block-fcc {
width: 100%
}
.product-view-block-bottom a {
display: block;
width: 100%
}
.catalog_show_lines .catalog-new .items .item-price-wrap {
width: 100%
}
.catalog_show_lines .catalog-new .items .item-price-wrap {
margin-top: 5px
}
.catalog_show_lines .catalog-new .product-view-block-img {
height: 150px
}
.product-view-block-fcc {
gap: 15px
}
.categories_list_wrap2 {
display: block;
white-space: nowrap;
width: 100%;
overflow-x: scroll;
padding-bottom: 5px;
margin-bottom: 10px
}
.cat_list_name {
background: #f0f6fe;
border: 1px solid #f0f6fe;
display: inline-block;
padding: 8px 10px;
margin-right: 10px;
border-radius: 5px;
color: #2990cb;
font-weight: 400
}
.cat_list_name:hover {
color: #000;
border: 1px solid #2990cb;
background: #fff;
cursor: pointer
}
.cat_list_name.category_name {
width: 155px !important;
max-width: 155px;
min-width: 155px;
height: 95px;
background: unset
}
.categories_list_wrap2.section-categories .swiper-wrapper .slick-arrow {
bottom: 22px
}
.section-stocks.no-slider .slick-dots {
display: none
}
.docs_wrap {
display: flex;
gap: 20px
}
.doc_block {
border: 1px solid #f4f4f4;
border-radius: 5px;
display: block;
padding: 85px 20px 20px;
text-align: center;
width: 150px;
font-size: 13px
}
.doc_block.pdf {
background: url(/images/pdf.png) no-repeat center 20px;
background-size: 50px
}
.doc_block.other {
background: url(/images/file.png) no-repeat center 20px;
background-size: 50px
}
#c_feedback {
display: none
}
.main-popular .with-invertor,
.main-popular .with-invertor>div,
.main-popular .without-invertor,
.main-popular .without-invertor>div {
overflow: hidden
}
.header_wrap.fix-header {
padding-top: 187px
}
.fix-header header {
max-width: 100%;
width: 100%;
display: block;
height: 96px;
background: #fff;
box-sizing: border-box;
position: fixed;
left: 0;
top: 0;
z-index: 99;
box-shadow: 0 2px 10px 0 #dedede
}
.fix-header .header-one-level,
.fix-header .header-three-level {
display: none
}
.fix-header .header-two-level {
max-width: 1153px;
margin: 0 auto
}
.mobile_bot_line {
display: none
}
@media screen and (max-width:1355px) {
.fix-header .top-menu>li>a {
padding: 5px 35px 5px
}
#c-card .product-item-container {
width: 232px
}
.product-view-block-fcc .card-product-add-btn {
width: 138px;
border-radius: 10px
}
.contenier-catalog.catalog-new .items {
width: 232px
}
.wrapper__body .container.content {
padding-left: 0;
padding-right: 0
}
.product-view-group-block-price {
margin-right: 15px
}
.catalog_show_lines .catalog-new .product-view-block-img {
height: 120px
}
.catalog_show_lines .catalog-new .items .product-view-block-fcc .card-product-add-btn {
width: 138px
}
.catalog_show_lines .catalog-new .product-view-block-fcc {
margin: 0
}
#c-card .product-view-group-block-price {
margin-right: 0
}
}
@media screen and (max-width:767px) {
.doc_block.pdf {
background: url(/images/pdf.png) no-repeat center 20px;
background-size: 50px;
width: 100%;
background-position: 10px center;
padding: 20px 20px 20px 80px;
text-align: left
}
.doc_block.other {
background: url(/images/file.png) no-repeat center 20px;
width: 100%;
background-position: 10px center;
padding: 20px 20px 20px 80px;
text-align: left;
background-size: 50px
}
.docs_wrap {
flex-wrap: wrap
}
#c-card .product-item-container {
margin-right: 0
}
#c-card .product-item-container {
width: 272px
}
.contenier-catalog.catalog-new .items {
width: 272px;
margin: 0 auto 20px
}
.product-view-block-fcc .card-product-add-btn {
width: 182px
}
.other_art_wrap .news-view-block {
display: flex
}
.atr_share_wrap {
justify-content: center
}
.art_prev_nexn_wrap .art-next,
.art_prev_nexn_wrap .art-prev {
width: 130px;
height: 60px;
line-height: 20px;
padding-top: 10px
}
.all_art_wrap {
order: 2;
width: 100%
}
.all_art_link {
margin: 20px auto 0
}
.title_list_wrap {
padding: 15px
}
.main-content .comparison-and-sort .sort label {
margin-bottom: 15px;
display: block
}
.catalog_show_lines .catalog-new .items .product-view-block {
height: auto
}
.catalog_show_lines .catalog-new .items .product-view-block>a {
width: 100%
}
.catalog_show_lines .catalog-new .items .product-view-block-bottom {
float: none;
margin-top: 15px;
width: 100%
}
.catalog_show_lines .catalog-new .items .product-view-block-fcc .card-product-add-btn {
width: 182px
}
.catalog_show_lines .catalog-new .product-view-block-img::after {
left: 0
}
.offers-block-items {
justify-content: center
}
.fix-header .top-menu>li>a {
padding: 9px 9px 9px 41px
}
.card-content .card-conent-buy .card-product-add-btn {
position: fixed;
left: 14px;
bottom: 10px;
z-index: 99;
width: 182px;
height: 46px
}
.card-info .card-info-block {
position: fixed;
right: 96px;
bottom: 10px;
z-index: 99;
height: 46px
}
.card-info .card-info-block>div {
display: none
}
.mobile_bot_line {
display: block;
height: 66px;
width: 100%;
background: #fff;
z-index: 98;
box-shadow: 0 0 5px 0 #eee;
position: fixed;
bottom: 0;
left: 0
}
}
.product-item-scu-item-color {
border-radius: 50%;
top: 0;
right: 0;
bottom: 0;
left: 0
}
.product-item-scu-item-color-block {
border-radius: 50%
}
.product-item-scu-item-color-container.selected .product-item-scu-item-color-block,
.product-item-scu-item-text-container.selected .product-item-scu-item-text-block {
outline-color: #86c227
}
.product-item-scu-container-title {
font-weight: 500;
color: #4d4d4d;
margin-bottom: 5px;
font-size: 14px
}
.product-item-scu-item-text {
font-size: 15px;
font-weight: 700;
color: grey;
padding: 4px 8px;
text-transform: none
}
.product-item-scu-item-text-block {
border-radius: 5px;
padding: 0 2px
}
.product-offers {
margin: 10px 0
}
.product-offers-items {
display: flex;
flex-direction: column;
gap: 10px
}
.product-btn-buy-to-cart {
display: flex;
align-items: center;
justify-content: space-between
}
.btn.btn-primary {
cursor: pointer
}
.popup-window.popup-window-with-titlebar {
border: 1px solid #555;
background: #fff;
padding: 40px 30px;
border-radius: 10px
}
.popup-window-buttons .btn.btn-primary {
border-radius: 5px;
background: #2990cb;
border: 1px solid #000
}
.popup-window-titlebar-text {
font-size: 25px;
text-align: center;
padding: 0;
width: 100%;
color: #222;
font-family: 'Roboto Slab';
font-weight: 400
}
.popup-window.popup-window-with-titlebar {
position: fixed !important;
top: 30% !important;
width: 500px;
border: 1px solid #555;
background: #fff;
padding: 40px 30px;
border-radius: 10px;
text-align: center
}
.offers-ext-title {
font-weight: 500;
color: #4d4d4d;
margin-bottom: 5px;
font-size: 14px
}
.offers-block-items a {
display: flex;
position: relative;
justify-content: center;
align-items: center;
color: grey;
font-size: 15px;
font-weight: 700;
line-height: 2;
text-align: center;
transition: background-color .3s ease, box-shadow .3s ease;
border: 2.5px solid #e5e5e5;
border-radius: 5px;
text-decoration: none;
overflow: hidden;
padding: 0 8px;
cursor: pointer
}
.offers-block-items a.select {
border-color: #86c227
}
.offers-block-items a:hover {
border-color: #003989
}
.offers-block-items {
display: flex;
padding: 5px 0 10px 0;
flex-wrap: wrap;
gap: 5px
}
.offers-block-items.color-offers-block-items a {
width: 40px;
height: 40px;
border-radius: 50%
}
.f_contacts_wrap {
max-width: 365px
}
.f-menu {
max-width: 210px
}
.f_contacts a,
.f_contacts div {
font-size: 14px;
line-height: 18px;
color: #000;
font-weight: 400;
text-align: left
}
.f_contacts>div {
margin-bottom: 20px;
padding-left: 30px
}
.f_contacts .f-phones {
background: url(/images/1405/p.png) no-repeat 0 0
}
.f_contacts .f-email {
background: url(/images/1405/e.png) no-repeat 0 0
}
.f_contacts .f-addr-of {
background: url(/images/1405/o.png) no-repeat 0 0
}
.f_contacts .f-addr-sk {
background: url(/images/1405/s.png) no-repeat 0 0
}
.f_contacts .f-tw {
background: url(/images/1405/t.png) no-repeat 0 0
}
.f-feedback-wrap {
display: flex;
flex-wrap: wrap;
gap: 15px;
align-items: center;
margin-bottom: 20px
}
.f-feedback-wrap img {
width: 30px
}
.f-feedback-wrap .footer-feedback {
border-radius: 10px;
background: #2990cb;
color: #fff;
width: 184px;
height: 46px;
display: block;
line-height: 46px;
padding: 0;
text-align: center;
font-size: 16px;
font-weight: 400
}
.f-feedback-wrap a:hover {
opacity: .8
}
.ogrn_inn {
font-size: 12px;
color: #888;
font-weight: 400;
line-height: 16px;
text-align: left
}
.pd_sm_block a {
text-decoration: underline !important;
display: block;
margin-bottom: 10px
}
.copy_block,
.pd_sm_block a {
font-size: 12px;
color: #888;
font-weight: 400;
line-height: 16px
}
.f-menu a,
.pd_sm_block a {
color: #888
}
.f-menu a:hover,
.f_contacts a:hover,
.pd_sm_block a:hover {
color: #024dbc
}
.f-bottom-line-wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
align-items: flex-start
}
.f-sbs-inner {
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
align-items: center;
height: 106px
}
#filter-wrap.parameters {
border: 0;
border-radius: 5px;
padding: 0
}
#filter-wrap .bx-filter {
background: #f9f9fb;
padding: 12px 14px 10px 15px
}
#filter-wrap .bx-filter .bx-filter-section {
padding-top: 0;
padding-bottom: 0
}
#filter-wrap .bx-filter-parameters-box-title {
font-size: 14px;
font-weight: 700
}
#filter-wrap .bx-filter .bx-ui-slider-part {
display: none
}
#filter-wrap .bx-filter.bx-blue .bx-ui-slider-handle.left,
#filter-wrap .bx-filter.bx-blue .bx-ui-slider-handle.right {
background: url(/local/templates/vaskos/images/fc.png) no-repeat center;
width: 12px;
height: 12px
}
#filter-wrap .bx-filter .bx-ui-slider-range {
z-index: 81
}
#filter-wrap .bx-filter .bx-ui-slider-handle.left {
top: -2px;
margin-left: 0
}
#filter-wrap .bx-filter .bx-ui-slider-handle.right {
top: -2px;
margin-right: 0
}
#filter-wrap .bx-filter.bx-blue .bx-ui-slider-pricebar-v {
background: #2990cb;
border-radius: 5px
}
#filter-wrap .bx-filter.bx-blue .bx-ui-slider-pricebar-vn {
background: #e7e7e7;
border-radius: 7px
}
#filter-wrap .bx-filter.bx-blue .bx-ui-slider-pricebar-vd {
background: #2990cb
}
#filter-wrap .bx-filter .bx-ui-slider-track-container {
padding-top: 10px;
padding-bottom: 20px
}
#filter-wrap .price-r-block {
min-height: 70px
}
#filter-wrap .bx-filter-parameters-box-container.price-r-block {
padding-bottom: 0
}
#filter-wrap .price-r-block .bx-ft-sub,
#filter-wrap .price-r-block input[type=text] {
font-weight: 400
}
#filter-wrap .price-r-block input[type=text] {
height: 28px;
min-width: 68px;
border-radius: 5px;
border: 1px solid #d9d9d9
}
#filter-wrap .price-r-block .bx-ft-sub {
padding-bottom: 0;
margin-right: 10px
}
#filter-wrap .bx-filter .bx-filter-parameters-box-container-block {
align-items: center
}
#filter-wrap .filter-fake-block {
background: #fff url(/local/templates/vaskos/images/v.png) no-repeat 95% center;
height: 40px;
border-radius: 5px;
border: 1px solid #d9d9d9;
padding: 0 10px;
color: #999;
font-size: 14px;
font-weight: 400;
line-height: 40px;
cursor: pointer
}
#filter-wrap .bx-filter .bx-filter-parameters-box {
position: relative;
margin-top: 15px
}
#filter-wrap .bx-filter .bx-filter-parameters-box-title2 {
font-size: 14px;
font-weight: 700;
margin-bottom: 10px
}
#filter-wrap .fboxshow .bx-filter-block {
display: block;
background: #fff;
border-radius: 0 0 5px 5px;
border-left: 1px solid #d9d9d9;
border-right: 1px solid #d9d9d9;
border-bottom: 1px solid #d9d9d9;
padding: 0 5px 5px 5px;
max-height: 140px;
height: auto;
overflow-y: auto
}
#filter-wrap .fboxshow .filter-fake-block {
border-bottom: 0;
border-radius: 5px 5px 0 0
}
#filter-wrap .bx-filter .bx-filter-input-checkbox .bx-filter-param-text {
color: #999;
padding-left: 5px
}
#filter-wrap .bx-filter-param-label.checked {
color: #1a5271
}
#filter-wrap .fboxshow .bx-filter-block {
scrollbar-width: thin;
scrollbar-color: #2990cb #ededed
}
#filter-wrap .bx-filter-block.type_scroll {
overflow: visible;
height: auto
}
#filter-wrap .bx-filter-block.type_scroll .bx-filter-parameters-box-container {
height: 70px
}
#filter-wrap .bx-filter-block.type_scroll .bx-ft-sub {
padding-bottom: 0;
margin-right: 10px;
font-style: normal;
font-size: 14px;
font-weight: 400
}
#filter-wrap .bx-filter-block.type_scroll input[type=text] {
height: 28px;
min-width: 68px;
border-radius: 5px;
border: 1px solid #d9d9d9;
font-size: 14px;
font-weight: 400
}
#filter-wrap .bx-active .filter-fake-block {
display: none
}
#filter-wrap .bx-active .bx-filter-block {
display: block;
background: #fff;
border-radius: 5px;
border: 1px solid #d9d9d9;
padding: 5px;
max-height: 140px;
height: auto;
overflow-y: auto
}
#filter-wrap .bx-filter-button-box #set_filter {
/* display: none */
}
#filter-wrap .bx-filter-button-box #del_filter {
margin-top: 20px;
width: 184px;
height: 46px;
color: #000;
font-size: 16px;
font-weight: 600;
border-radius: 10px
}
#filter-wrap .bx-filter .bx-filter-button-box {
clear: both;
float: none
}
#filter-wrap .price-r-block-wrap .bx-filter-block {
background: 0 0;
border: 0
}
.showfilter {
display: none
}
@media (max-width:1355px) {
#filter-wrap .bx-filter .bx-filter-parameters-box {
position: relative;
margin-top: 15px;
width: 32%
}
#filter-wrap .smartfilter>.row {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
#filter-wrap .bx-filter-button-box #set_filter {
display: inline-block;
width: 184px;
height: 46px;
margin-top: 20px;
margin-right: 20px
}
#filter-wrap .bx-filter .bx-filter-popup-result.left {
right: 0
}
.mfshow #filter-wrap.parameters {
display: block
}
.sidebar.mfshow {
position: relative
}
#filter-wrap.parameters {
position: absolute;
z-index: 22;
width: 100%;
box-sizing: border-box;
left: 0;
top: 35px
}
.showfilter {
margin-right: 20px;
display: flex;
flex-wrap: wrap;
gap: 5px;
font-weight: 700;
color: #000;
align-items: center;
padding-left: 25px;
background: url(/local/templates/vaskos/images/f.svg) no-repeat 0 0
}
.btn_mfshow_active {
background: url(/local/templates/vaskos/images/c.svg) no-repeat 0 0
}
}
@media (max-width:1023px) {
.main-content .comparison-and-sort .displaying-products .grid,
.main-content .comparison-and-sort .displaying-products .lines {
display: none
}
.f_contacts_wrap {
max-width: 275px
}
.f-menu {
max-width: 205px
}
}
@media (max-width:767px) {
.displaying-products {
margin-bottom: 15px
}
.wrapper__body h1 {
margin-bottom: 30px
}
#filter-wrap .bx-filter .bx-filter-parameters-box {
width: 100%
}
.f-sbs-text {
text-align: center;
padding: 30px 0 20px
}
.f-sbs-text br {
display: inline-block
}
.f-sbs-inner {
height: auto;
padding-bottom: 30px
}
.f_contacts_wrap {
max-width: 100%
}
.f-menu {
max-width: 100%;
text-align: left
}
}
.marker-banner .bannerSlider {
height: 100%
}
.cat_list_name {
height: 100px;
padding: 1px;
border-radius: 13px;
position: relative
}
.cat_list_name img {
min-width: 100%;
height: 100%;
object-fit: contain;
border-radius: 11px
}
.categories_list_wrap2.section-categories .cat_list_name img {
height: 90px;
width: 150px
}
.categories_list_wrap2 {
display: flex;
flex-direction: row;
overflow-x: unset
}
.categories-item-title {
position: absolute;
bottom: 2px;
width: 100%;
height: 35px;
text-align: center;
white-space: normal;
display: flex;
justify-content: center;
align-items: flex-end
}
.categories_list_wrap2 .swiper-wrapper .slick-arrow {
width: 45px;
height: 45px;
border: 1px solid #2990cb;
background-color: #fff !important;
background-position: center;
border-radius: 50%;
bottom: 25px;
right: 5px;
cursor: pointer;
display: none !important;
padding: 10px;
background-size: 50%, 25%, 25%;
opacity: .7;
box-shadow: 0 5px 20px 0 rgba(0, 0, 0, .2), inset 0 0 0 1px rgba(0, 0, 0, .1)
}
.categories_list_wrap2:hover .swiper-wrapper .slick-arrow {
display: inline-block !important
}
.categories_list_wrap2 .swiper-wrapper .slick-arrow:hover {
opacity: 1
}
.categories_list_wrap2 .swiper-wrapper .slick-arrow.slick-disabled {
opacity: 0
}
.bx-filter-parameters-box-title {
position: relative
}
.fa-question-circle {
position: absolute;
right: 0;
width: 20px;
height: 20px;
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="iso-8859-1"%3F>');
opacity: .5
}
.fa-question-circle:hover {
opacity: 1
}
.filter-smart.modal {
left: 0;
display: none
}
.filter-smart .modal-content {
padding: 0;
max-width: 600px;
margin: 30vh auto
}
.filter-smart .modal-content .close {
background: unset;
border: 0;
right: 15px;
top: 15px;
font-size: 30px
}
.filter-smart .modal-body a {
color: #2990cb;
cursor: pointer
}
.filter-smart .modal-header .modaltitle {
color: #4e4e4e;
font-size: 20px;
font-weight: 700;
margin: 0;
overflow: hidden;
padding: 20px 50px 20px 16px;
text-overflow: ellipsis;
white-space: nowrap;
background: #f9f9f9;
text-align: justify;
border-radius: 13px 13px 0 0
}
.filter-smart .modal-body {
padding: 16px;
text-align: left
}
.text-content ul li {
list-style-type: disc
}
.text-content ul {
margin-left: 25px
}
/*.product-view-block-img::after{content:'';display:block;width:70px;height:20px;background:url(/local/templates/vaskos/images/logo.webp) no-repeat 0 0;position:absolute;left:55px;top:2px;background-size:100%}*/
.f-sbs-wrap {
background: url(/local/templates/vaskos/images/sbs_1920.webp) no-repeat 0 0;
background-size: auto 100%;
}
.f-sbs-text {
font-size: 30px;
color: #fff;
line-height: 36px;
font-weight: 400;
max-width: 280px;
}
.f-sbs-text br {
display: none
}
.f-sbs-btn {
width: 184px;
height: 46px;
line-height: 46px;
text-align: center;
border-radius: 10px;
border: 1px solid #fff;
font-size: 16px;
color: #fff
}
.serv_table table {
width: 100%;
}
.serv_table table td {
font-size: 16px;
text-align: center;
font-weight: 400;
letter-spacing: .64px;
padding: 15px 25px;
background-color: #e8f3fc;
}
.serv_table table td:first-child {
text-align: left;
}
.serv_table table th {
background: rgba(110, 183, 225, .49);
padding: 15px 25px;
font-size: 20px;
font-weight: 600;
color: #fff;
text-align: center;
line-height: normal;
letter-spacing: .8px;
}
.catalog_show_lines .product-view-block-title {
max-height: 100%;
}
.catalog_flex_ordered {
display: flex;
flex-wrap: wrap;
align-items: flex-start;
flex-direction: column;
}
.catalog_flex_ordered .cat-sort-wrap {
width: 100%;
order: 0;
}
.catalog_flex_ordered .marker-banner {
order: 1;
}
.catalog_flex_ordered .section-articles {
order: 4;
}
.catalog_flex_ordered .section-categories {
order: 2;
}
.catalog_flex_ordered .cat-section-page-top {
order: 3;
}
.catalog_flex_ordered .catalog-section-description {
order: 5;
width: 100%;
}
.catalog_flex_ordered .cat-section-page-bot {
order: 6;
width: 100%;
}
.catalog-section-description img {
max-width: 100%;
}
.dspopup-modal.dsrs {
background: #fff;
box-shadow: none;
width: 400px;
}
.form-head2 {
display: block;
font-size: 1.5em;
margin: .83em 0;
font-weight: 700;
text-align: center;
}
#dsrs-form label {
color: #222;
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 14px;
line-height: normal;
margin-bottom: 5px;
}
#dsrs-form input[type="text"] {
padding: 8px;
border-radius: 5px;
border: 1px solid;
margin-bottom: 15px;
height: 33px;
font-size: 14px;
}
#dsrs-form input[type="submit"] {
color: #fff;
padding: 8px 24px;
border-radius: 5px;
background: #2990cb;
border: 1px solid;
width: 100%;
}
#dsrs-form .f-policy {
color: #222;
font-family: 'Roboto Slab';
font-weight: 400;
font-size: 14px;
text-align: center;
margin: 15px 0 20px;
}
#dsrs-form .buttonform {
margin-top: 25px;
}
.dspopup-modal.dsrs .close-dspopup-modal {
background: url(/images/cross.svg) no-repeat center;
width: 15px;
height: 15px;
}
[id*="formmessagereport"] .form-head {
display: block;
font-size: 1.5em;
margin: .83em 0;
font-weight: 700;
text-align: center;
}
.bx-subscribe {
max-width: 1155px;
margin: 40px auto;
}
.f-sbs-wrap .sender-btn {
width: 264px;
height: 38px;
line-height: 38px;
text-align: center;
border-radius: 0;
border: 0;
font-size: 14px;
color: #fff;
background: #D0AB35;
padding: 0;
}
.f-sbs-wrap .bx-subscribe {
margin: 10px 0;
width: 590px;
display: flex;
flex-wrap: wrap;
}
.f-sbs-wrap form {
flex-wrap: wrap;
justify-content: space-around;
display: flex;
width: 100%;
}
.f-sbs-wrap .bx-subscribe .bx-input-group .bx-form-control {
width: 312px;
margin: 0;
height: 38px;
border-radius: 0;
margin-right: 10px;
}
.f-sbs-wrap .btn-subscribe:before {
display: none;
}
.f-sbs-wrap .sender-btn:hover {
opacity: 0.8;
}
.firt-three-menu:hover svg,
.firt-three-menu.active svg {
fill: #fff
}
.page-Header-module-links .firt-three-menu:hover,
.page-Header-module-links .firt-three-menu.active {
background-color: #2990cb;
}
.page-Header-module-links .firt-three-menu:hover .firt-three-menu-a,
.page-Header-module-links .firt-three-menu.active .firt-three-menu-a {
color: #fff;
}
.page-Header-module-sections-ul li.active {
background: rgba(41, 144, 203, .49);
}
.srts_wrap {
margin: 0 -3px 50px;
position: relative;
}
.srts_wrap a {
display: block;
margin: 0 3px;
}
.srts_wrap img {
width: 100%;
border: 1px solid #ededed;
}
.srts_wrap .slick-arrow {
border: 0;
font-size: 0;
width: 40px;
height: 40px;
bottom: -50px;
position: absolute;
}
.srts_wrap .slick-prev {
background: url(/images/arrow_left.jpg) no-repeat 0 0;
left: 50%;
margin-left: -50px;
}
.srts_wrap .slick-next {
background: url(/images/arrow_right.jpg) no-repeat 0 0;
left: 50%;
margin-right: -50px;
}
.news-detail-content img.art_img_left {
float: left;
max-width: 300px;
margin-right: 20px;
}
.news-detail-content img.art_img_right {
float: right;
max-width: 300px;
margin-left: 20px;
}
#c_feedback2 {
display: none;
}
.div-block-proizvod {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.div-block-proizvod .div-block-item-brand {
display: block;
border: 1px solid #DEDEDE;
padding: 24px;
border-radius: 4px;
text-align: center;
width: 24%;
margin-bottom: 15px;
}
.div-block-proizvod .brand_name {
color: #222;
font-size: 18px;
text-transform: uppercase;
margin-top: 10px;
padding: 0 5px;
}
.div-block-proizvod .hidden_item_brand {
display: none;
}
.div-block-proizvod .div-block-item-brand img {
max-width: 100%;
}
#c-card .div-block-carusel {
border: 1px solid #DEDEDE;
padding: 24px;
border-radius: 4px;
text-align: center;
margin: 0 5px;
}
#c-card .div-block-carusel img {
max-width: 100%;
}
#c-card .div-block-carusel-name {
color: #222;
font-size: 18px;
text-transform: uppercase;
min-height: 50px;
display: block;
padding: 0 5px;
}
.news-detail-content img.art_img2right {
float: right;
max-width: 300px;
margin-left: 20px;
}
.news-detail-content img.art_img2left {
float: left;
max-width: 200px;
margin-right: 20px;
}
.news-detail-content img.art_img3left {
float: right;
max-width: 200px;
margin-left: 20px;
}
.news-detail-content img.art_img3left {
width: 240px;
float: left;
margin-right: 20px;
}
.news-detail-content img.art_w700 {
max-width: 700px;
}
.about_page_wrap .stocks-title {
font-weight: 600;
}
.about_page_wrap .dg_text_g {
border-bottom: 2px solid #93D8FF;
padding-bottom: 8px;
margin-bottom: 15px;
line-height: 40px;
}
.about_page_wrap .dg_text_g span {
font-size: 40px;
font-weight: bold;
padding-left: 10px;
}
.about_page_wrap .dg_text_s {
line-height: 19px;
}
.about_f_block_wrap,
.about_s_block_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 30px;
}
.about_f_text {
width: calc(100% - 500px);
}
.about_f_text p {
margin-top: 0;
margin-bottom: 15px;
line-height: 20px;
}
.about_f_img {
width: 463px;
}
.about_f_img img {
max-width: 100%;
}
.about_f_img_m {
display: none;
}
.about_page_wrap .dg_text_s {
color: #333;
}
.about_page_wrap .dg_block {
width: 275px;
}
.about_page_wrap .srts_wrap {
margin: 0 0 30px;
display: flex;
gap: 5px;
}
.about_s_img {
width: 594px;
}
.about_s_img img {
max-width: 100%;
}
.about_s_text {
width: calc(100% - 625px);
}
.about_s_text h2 {
margin-bottom: 25px;
}
.about_s_text p,
.about_s_text ul {
margin-top: 0;
margin-bottom: 25px;
line-height: 21px;
margin-left: 0;
}
.about_s_text ul li {
padding-left: 15px;
}
.n_adv_main_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 60px;
}
.n_adv_m_block {
width: 220px;
height: 250px;
background: #F5F5F5;
padding: 24px;
}
.n_adv_dg_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
line-height: 62px;
align-items: center;
margin-bottom: 15px;
}
.n_adv_dg_wrap img {
width: auto;
}
.n_adv_dg {
font-size: 52px;
font-weight: bold;
color: #B0CEDF;
}
.n_adv_m_text_b {
font-size: 18px;
font-weight: bold;
line-height: 25px;
margin-bottom: 10px;
}
.n_adv_m_text_s {
font-size: 14px;
line-height: 22px;
color: #808080;
}
.about_page_wrap .table-rec {
width: 100%;
border-collapse: separate;
border-spacing: 5px;
margin-bottom: 60px;
}
.about_page_wrap .table-rec td:first-child {
vertical-align: middle;
width: 36%;
background: #F1F5F8;
padding: 10px 15px;
border: 1px solid #F1F5F8;
}
.about_page_wrap .table-rec td:last-child {
vertical-align: middle;
background: #fff;
padding: 10px 15px;
border: 1px solid #DDDDDD;
}
.about_page_wrap.contact_page_wrap .table-rec {
margin-bottom: 30px;
}
.cont_fl_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
margin-bottom: 40px;
}
.cont_fl_item {
width: 30%;
color: #808080;
font-size: 14px;
line-height: 20px;
padding-left: 40px;
background: url(/images/2709/map.png) no-repeat 0 0;
margin-bottom: 20px;
}
.cont_fl_item.hidden {
background: none;
}
.cont_tw_wrap {
margin: 40px 0;
background: url(/images/2709/bnr_1920.png) no-repeat 0 0;
background-size: auto 100%;
height: 322px;
padding: 40px;
}
.cont_tw_wrap {
margin: 40px 0;
background: url(/images/2709/bnr_1920.png) no-repeat 0 0;
background-size: auto 100%;
height: 322px;
padding: 40px;
}
.cont_tw_title {
font-size: 18px;
font-weight: bold;
margin-bottom: 15px;
line-height: 24px;
}
.cont_tw_block_wrap {
max-width: 438px;
background: #fff;
padding: 24px;
font-size: 14px;
font-weight: bold;
border: 1px solid #DDDDDD;
}
.cont_tw_block_title {
color: #2990CB;
font-weight: bold;
font-size: 18px;
margin-bottom: 15px;
line-height: 24px;
}
.cont_tw_email {
background: url(/images/2709/m.png) no-repeat 0 center;
padding: 5px 0 5px 35px;
margin-bottom: 10px;
}
.cont_tw_tel_title {
background: url(/images/2709/tel.png) no-repeat 0 center;
padding: 5px 0 5px 35px;
margin-bottom: 10px;
}
.cont_tw_email a,
.cont_tw_tel a {
text-decoration: underline;
}
.cont_tw_email a:hover,
.cont_tw_tel a:hover {
text-decoration: none;
}
.contact_form_wrap {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
padding: 40px;
background: url(/images/2709/form_bg.png) no-repeat 0 0;
margin-bottom: 60px;
}
.contact_form_img {
width: 560px;
}
.contact_form_img img {
max-width: 100%;
}
.contact_form_form {
width: calc(100% - 630px);
padding-right: 40px;
}
.contact_form_title {
font-size: 28px;
font-weight: bold;
line-height: 26px;
}
.contact_page_wrap .about-contact-form {
margin: 0;
}
.contact_page_wrap .card-title {
margin: 20px 0 15px;
background: url(/images/2709/line.png) no-repeat 0 bottom;
padding-bottom: 20px;
background-size: 100% auto;
}
.contact_page_wrap .about-contact-form .form-group label {
margin-bottom: 5px;
color: #595959;
font-size: 14px;
}
.form-group-email {
display: none;
}
.contact_page_wrap .about-contact-form .form-group {
margin-bottom: 15px;
}
.contact_page_wrap .btn.btn-primary {
background: #D0AB35;
width: 100%;
}
.img_st_01,
.img_st_02 {
width: 300px;
float: right;
margin-left: 15px;
margin-top: 5px;
}
.tborder {
border-collapse: collapse;
margin-bottom: 20px;
}
.tborder td {
padding: 5px 15px;
border: 1px solid #ddd;
}
.img_f1 {
float: right;
width: 340px;
margin-left: 25px;
}
.img_f2 {
float: right;
width: 500px;
margin-left: 25px;
}
.img_mr20 {
margin-right: 20px;
}
.img_ml20 {
margin-left: 20px;
}
.ans-form .send-form {
width: 100%;
margin-right: 0;
}
.about-contact-form .form-group {
max-width: 49%;
}
.about-contact-form .form-group.msg {
max-width: 100%;
}
.about-contact-form .form-group.msg .form-group {
max-width: 100%;
}
.tp_img_right {
float: right;
width: 455px;
padding: 0 0 20px 30px;
}
.catalog-pagination-info {
position: absolute;
right: 0;
top: -85px;
color: #999;
}
.catalog_flex_ordered {
position: relative;
}
.main-content .comparison-and-sort {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item_r {
margin-top: 20px;
text-align: right;
}
#basket_form .bx_ordercart_order_pay_center a{
float: none;
}
.item_m_price{
margin-top: 10px;
}
.stickers_wrap {
position: absolute;
right: 0;
top: 0;
z-index: 1000;
display: flex;
flex-wrap: wrap;
width: 100px;
justify-content: flex-end;
}
.stickers_wrap .hit{
background: url(/local/templates/vaskos/images/stickers/h.png) no-repeat 0 0 / 100%;
width: 95px;
height: 28px;
margin-bottom: 5px;
}
.stickers_wrap .nov{
background: url(/local/templates/vaskos/images/stickers/n.png) no-repeat 0 0 / 100%;
width: 75px;
height: 28px;
margin-bottom: 5px;
}
.stickers_wrap .act{
background: url(/local/templates/vaskos/images/stickers/a.png) no-repeat 0 0 / 100%;
width: 61px;
height: 28px;
margin-bottom: 5px;
}
.product-view-block .sale-phone-to-sell-off, .card-conent-buy .sale-phone-to-sell-off {
width: 125px;
height: 40px;
}
.product-view-block .sale-phone-to-sell-off .span-sale-sell{
font-size: 12px;
}
.w_yr_index_bottom{
width: 750px;
height: 800px;
margin: 0 auto 50px;
}
.s_t_wrap{
margin: 20px 0 40px;
}
.s_t_line{
display: flex;
flex-wrap: wrap;
align-items: center;
}
.s_t_wrap .s_t_line a{
background: #F0F6FE;
padding: 8px 9px;
border-radius: 3px;
margin: 5px 10px 5px 0;
color: #2990CB;
}
.s_t_wrap .s_t_line span.active, .s_t_wrap .s_t_line span.a {
padding: 8px 9px;
border-radius: 3px;
margin: 5px 10px 5px 0;
background: #2990CB;
color: #fff;
}
.s_t_wrap .s_t_line span.a{
float: left;
}
.s_t_wrap .s_t_line a:hover, .s_t_wrap .s_t_line a.active{
background: #2990CB;
color: #fff;
}
.s_t_wrap .s_t{
margin-right: 10px;
}
.review-item{
background: #F9F9FB;
padding: 30px 40px;
margin-bottom: 20px;
border-radius: 10px;
}
.review-header{
display: flex;
justify-content: space-between;
margin-bottom: 20px;
}
.review-rating{
display: flex;
gap: 5px;
}
.review-rating .star{
display: block;
width: 16px;
height: 16px;
background: url(/local/templates/vaskos/images/star-empty.svg) no-repeat;
}
.review-rating .star.active{
display: block;
width: 16px;
height: 16px;
background: url(/local/templates/vaskos/images/star-fill.svg) no-repeat;
}
.review-date{
font-size: 14px;
opacity: 0.5;
}
.review-text{
font-size: 16px;
color: #222;
line-height: 1.3;
}
.review-author{
font-weight: bold;
font-size: 16px;
color: #222;
margin-top: 20px;
}
#reviews_f_wrap{
background: #F9F9FB;
padding: 30px;
border-radius: 10px;
margin: 100px 0;
}
.reviews_f_content{
max-width: 680px;
margin: 0 auto;
}
#reviews_f_wrap .h2-custom{
font-size: 26px;
text-transform: uppercase;
text-align: center;
margin: 10px 0;
}
.rev_f_sbs{
font-size: 16px;
text-align: center;
margin: 0 0 20px;
}
.input-review-rating {
display: inline-flex;
gap: 0;
margin-bottom: 15px;
}
.input-review-rating .star {
display: inline-block;
width: 24px;
height: 24px;
background: url(/local/templates/vaskos/images/star-empty.svg) no-repeat center;
cursor: pointer;
transition: background 0.2s ease;
}
.input-review-rating .star:hover,
.input-review-rating .star.hover{
background-image: url(/local/templates/vaskos/images/star-fill.svg);
}
.input-review-rating .star.active {
background-image: url(/local/templates/vaskos/images/star-fill.svg);
}
.input-review-rating .star.active ~ .star {
background-image: url(/local/templates/vaskos/images/star-empty.svg);
}
.input-review-rating .star.active ~ .star.active {
background-image: url(/local/templates/vaskos/images/star-fill.svg);
}
.rev_form_input_row{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.rev_form_input_col{
width: 49%;
}
#reviews_f_wrap input[type="text"]{
width: 100%;
border: 1px solid #E7E8EA;
height: 48px;
padding: 0 20px;
font-size: 16px;
margin-bottom: 20px;
border-radius: 3px;
}
#reviews_f_wrap textarea {
border: 1px solid #E7E8EA;
padding: 10px 20px;
font-size: 18px;
border-radius: 3px;
width: 100%;
height: 184px;
}
#submitbtn_rev{
border: 1px solid #2990CB;
background: #2990CB;
width: 100%;
height: 49px;
color: #fff;
font-size: 16px;
border-radius: 3px;
}
.rev_form_input_col .pol {
font-size: 14px;
color: #ccc;
font-weight: 300;
}
#submitbtn_rev:hover{
background: #0080c9;
cursor: pointer;
}
#resultMessage_rev{
display: block;
text-align: center;
margin: 20px 0 0;
color: #39af39;
}
.toggle-buttons{
display: none;
}
/* /local/templates/.default/css/likes.css */
/* Блок лайков */
.article-likes-container {
display: flex;
align-items: center;
gap: 10px;
margin: 15px 0;
}
/* Счетчик лайков */
.art_likes {
font-size: 16px;
font-weight: bold;
color: #999;
min-width: 20px;
text-align: center;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: 0 center;
padding-left: 30px;
font-size: 14px;
line-height: 25px;
}
/* Кнопка лайка с иконкой */
.art_like_btn {
background: none;
border: none;
width: auto;
gap:5px;
height: 24px;
border-radius: 20px;
padding: 0;
cursor: pointer;
font-size: 14px;
color: #666;
transition: all 0.3s ease;
position: relative;
background-color: transparent;
justify-content: center;
align-items: center;
display: flex;
}
.art_like_btn::before {
content: '';
position: relative;
left: 0;
top: 0;
transform: none;
width: 22px;
height: 22px;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' stroke='%23666' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
}
.art_like_btn:hover::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' stroke='%23ff4444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' fill='none'/%3E%3C/svg%3E");
}
.art_like_btn.active::before {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 24 24' fill='none'%3E%3Cpath d='M12 21.35l-1.45-1.32C5.4 15.36 2 12.28 2 8.5 2 5.42 4.42 3 7.5 3c1.74 0 3.41.81 4.5 2.09C13.09 3.81 14.76 3 16.5 3 19.58 3 22 5.42 22 8.5c0 3.78-3.4 6.86-8.55 11.54L12 21.35z' fill='%23ff4444' stroke='%23ff4444' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* Отключенная кнопка */
.art_like_btn:disabled {
opacity: 0.7;
cursor: not-allowed;
}
/* Анимация при клике */
@keyframes heartBeat {
0% { transform: scale(1); }
25% { transform: scale(1.2); }
50% { transform: scale(0.95); }
100% { transform: scale(1); }
}
.art_like_btn.animating::before {
animation: heartBeat 0.5s ease;
}
.art_prev_info{
display: flex;
flex-wrap: wrap;
gap: 20px;
margin-top: 10px;
}
.art_list_date{
padding-left: 25px;
background: url(/images/date.png) no-repeat 0 center;
color: #777;
}
.art_shows{
padding-left: 25px;
background: url(/images/views.png) no-repeat 0 center;
color: #777;
}
@media screen and (max-width:1355px) {
.contact_form_form {
width: 48%;
}
.contact_form_img {
width: 48%;
}
.about_page_wrap .dg_block {
width: 49%;
margin-bottom: 20px;
}
.about_s_img,
.about_s_text {
width: 49%;
}
.n_adv_m_block {
width: 49%;
height: 205px;
margin-bottom: 20px;
}
.n_adv_m_text_b br,
.n_adv_m_text_s br {
display: none;
}
.n_adv_m_block:last-child {
width: 100%;
}
}
@media screen and (max-width:1023px) {
.s_t_line {
display: flex;
align-items: center;
white-space: nowrap;
overflow: auto;
flex-wrap: nowrap;
}
.img-otziv img {
height: auto;
}
.main-delivery-install .column-list-delivery {
columns: 3;
}
.img_f2 {
width: 300px;
}
.card-product-page {
overflow-x: auto;
height: 50px;
}
.tscroll {
overflow: auto;
}
.cont_fl_item {
width: 48%;
}
.contact_form_img {
width: 100%;
order: 2;
max-height: 344px;
overflow: hidden;
}
.contact_form_img img {
width: 100%;
}
.contact_page_wrap .about-contact-form {
margin: 30px;
max-width: 100%;
margin-bottom: 30px;
}
.contact_form_form {
width: 100%;
padding: 0;
}
.contact_form_wrap {
background: url(/images/2709/form_bg_768.png) no-repeat 0 0;
background-size: 100% 100%;
}
.contact_page_wrap .about-contact-form {
margin: 0;
}
.contact_page_wrap .card-title br {
display: none;
}
.cont_tw_wrap {
background: url(/images/2709/bnr_768.png) no-repeat 0 0;
background-size: 100%;
}
.div-block-proizvod .hidden_item_brand {
display: block;
border: 0;
}
.div-block-proizvod .div-block-item-brand {
width: 33%;
}
.adv_m_block {
width: 32%;
}
.cw-main-under-banner .adv_main_wrap {
justify-content: center;
padding-bottom: 30px;
margin-top: 40px;
}
.f-sbs-wrap .bx-subscribe {
width: 340px;
}
.f-sbs-wrap .bx-subscribe .bx-input-group .bx-form-control {
width: 145px;
padding: 0 5px;
}
.f-sbs-text {
width: 220px;
font-size: 24px;
line-height: 28px;
}
.bx_ordercart_order_table_container table tr td.title {
width: 320px;
}
.main-banner-content {
margin-bottom: 30px;
}
.about_page_wrap .table-rec td:first-child {
width: 40%;
}
.about_s_img {
width: 100%;
margin-bottom: 30px;
}
.about_s_text {
width: 100%;
}
.about_s_img img {
width: 100%;
}
.about_page_wrap .srts_wrap {
display: block;
white-space: nowrap;
overflow: auto;
}
.srts_wrap a {
display: inline-block;
margin: 0 3px;
padding-bottom: 20px;
}
.about_f_text {
width: 100%;
}
.about_f_img {
width: 100%;
margin-top: 20px;
}
.about_f_img_d {
display: none;
}
.about_f_img_m {
display: block;
width: 100%;
}
.f-sbs-wrap {
background: url(/images/2709/sbs_768.png) no-repeat 0 0;
background-size: auto 100%;
}
.f-sbs-wrap .sender-btn {
width: 177px;
}
.about-contact-form .form-group {
width: 100%;
}
.ans-form .card-title {
padding: 15px;
}
}
@media screen and (max-width:767px) {
.rev_form_input_col {
width: 100%;
}
#submitbtn_rev{
margin: 20px 0;
}
.catalog-pagination-info {
position: relative;
right: 0;
top: 0;
color: #999;
text-align: right;
width: 100%;
}
.tp_img_right {
float: none;
width: 100%;
padding: 0;
}
.img_mr20 {
margin-right: 0px;
margin-bottom: 20px;
}
.img_ml20 {
margin-left: 0px;
margin-bottom: 20px;
}
.product-view-block-fcc .card-product-add-btn {
text-align: center;
line-height: 42px;
}
.img_f1,
.img_f2 {
width: 100%;
float: none;
margin: 0;
}
.news-detail-content img.img_st_01,
.news-detail-content img.img_st_02 {
float: none;
width: 100%;
margin: 10px 0;
}
.cont_tw_wrap {
background: #F9F9FB url(/images/2709/bnr_320.png) no-repeat 0 bottom;
background-size: 100% auto;
padding: 30px 20px 327px 20px;
height: auto;
}
.cont_tw_tel {
margin-bottom: 10px;
}
.cont_fl_item {
width: 100%;
margin-bottom: 15px;
}
.cont_fl_wrap {
margin-bottom: 10px;
}
.about_page_wrap .srts_wrap a {
max-width: 150px;
}
.n_adv_m_block {
width: 100%;
height: auto;
}
.about_page_wrap .table-rec td:first-child,
.about_page_wrap .table-rec td {
width: 100%;
display: block;
}
.news-detail-content img.art_w700 {
max-width: 100%;
}
.news-detail-content img.art_img2right,
.news-detail-content img.art_img2left,
.news-detail-content img.art_img3left {
float: none;
margin: 0;
width: 100%;
max-width: 100%;
}
#c-card .div-block-carusel {
border: 1px solid #DEDEDE;
padding: 10px;
border-radius: 4px;
text-align: center;
margin: 0 5px;
}
#c-card .div-block-carusel-name {
font-size: 14px;
min-height: 50px;
display: block;
padding: 0;
}
.div-block-proizvod .div-block-item-brand {
width: 48%;
padding: 10px;
}
.div-block-proizvod .brand_name {
font-size: 14px;
}
.card-product-page {
display: block;
white-space: nowrap;
overflow: auto;
}
.card-product-page-btn {
display: inline-block;
}
.main-banner .main-banner-title {
text-align: left;
padding-left: 10px;
}
.main-banner-content {
flex-direction: row;
flex-wrap: wrap;
}
.section-banner.cw-main-banner .wrapper__body {
padding: 0;
}
.main-banner .main-banner-div {
flex-direction: row;
justify-content: flex-start;
flex-wrap: wrap;
margin-bottom: 20px;
}
.news-detail-content img.art_img_left,
.news-detail-content img.art_img_right {
margin: 0;
float: none;
width: 100%;
max-width: 100%;
}
.adv_m_block {
width: 100%;
}
.cw-main-under-banner .adv_main_wrap {
margin-top: 20px;
}
.f-sbs-text {
width: 100%;
}
.f-sbs-wrap .bx-subscribe,
.f-sbs-wrap .bx-subscribe .bx-input-group,
.f-sbs-wrap .bx_subscribe_submit_container {
width: 100%;
}
.f-sbs-wrap .bx-subscribe {
max-width: 240px;
}
.f-sbs-wrap .sender-btn {
width: 100%;
}
.f-sbs-wrap .bx-subscribe .bx-input-group .bx-form-control {
width: 100%;
margin: 0 0 15px;
}
.bx_ordercart_order_table_container table tr td.title {
width: 100%
}
.comparison-and-sort form{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
}
.main-content .comparison-and-sort {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
flex-direction: row;
}
.main-content .comparison-and-sort .displaying-products {
display: flex;
flex-direction: row;
width: 24%;
margin-bottom: 0;
}
.main-content .comparison-and-sort .sort {
margin-left: 0;
width: 75%;
}
.main-content .comparison-and-sort .sort label {
margin-bottom: 0;
}
.sort label:first-child span{
display: none;
}
.main-content .comparison-and-sort .sort .select_sort {
width: 135px;
margin-right: 0;
background: #fff;
border: 0;
font-size: 13px;
}
.main-content .comparison-and-sort .sort .items_on_page {
width: 45px;
}
.showfilter {
margin-right: 0;
}
.main-content .comparison-and-sort .sort>:first-child {
margin-right: 0;
}
.s_t_line .s_t{
display: none;
}
.s_t_line {
display: inline;
align-items: unset;
white-space: unset;
overflow: hidden;
flex-wrap: nowrap;
}
.s_t_wrap .s_t_line a {
margin: 0;
display: inline;
float: left;
margin: 5px;
}
.s_t_line:last-child::after{
content: '';
display: block;
clear: both;
}
.s_t_wrap {
margin: 20px 0 5px;
height: 135px;
overflow: hidden;
}
.s_t_wrap.tags_show {
height: auto;
overflow: visible;
}
.toggle-buttons{
margin-bottom: 30px;
display: block;
}
.toggle-button {
cursor: pointer;
color: #A6A6A6;
margin-left: 5px;
text-decoration: underline;
}
.toggle-button:hover {
text-decoration: none;
}
}
@media screen and (max-width:500px) {
.news-view-group,
.news-view-group img {
width: 100%;
}
.product-view-block-fcc {
gap: 15px;
flex-wrap: wrap;
justify-content: flex-start;
}
.product-view-block-fcc .card-product-add-btn {
width: 100%;
}
.main-banner-text {
text-align: left;
margin-top: 10px;
width: 100%;
}
.n_adv_main_wrap {
margin-bottom: 10px;
}
.about_s_block_wrap,
.about_page_wrap .srts_wrap {
margin-bottom: 0;
}
.f-sbs-text {
width: 100%;
text-align: left;
max-width: 240px;
}
.f-sbs-wrap {
background: url(/images/2709/sbs_320.webp) no-repeat 0 0;
background-size: 100% 100%;
}
.msg_cart_fav_delay_wrap {
width: 100%;
left: 0;
margin: 0;
top: 20%;
padding: 40px 10px;
}
.msg_cart_fav_delay_wrap .msg_cfd_stay,
.msg_cart_fav_delay_wrap .msg_cfd_move_to {
width: 100%;
margin-bottom: 15px;
}
#basket_form_container .bx_ordercart_order_table_container table tr td.quant a {
width: 25px;
}
}
.block-otziv-edit-create {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px;
}
.block-otziv-edit-create img {
margin-bottom: 10px;
}
@media screen and (max-width: 768px) {
.map-block img{
width: 80% !important;
left: 0 !important;
}
.w_yr_index_bottom{
width: 100%;
}
}
.block-otziv-edit-create {
display: flex !important;
flex-wrap: wrap !important;
gap: 10px;
}
.block-otziv-edit-create.sert img {
margin-bottom: 10px;
width: 32%;
}
.art_author_wrap {
display: flex;
gap: 20px;
align-items: center;
line-height: 24px;
margin-top: 20px;
}
.art_author_name{
color: #353C3E;
font-size: 16px;
font-weight: 500;
}
.art_author_text{
color: #353C3E;
font-size: 12px;
opacity: 0.5;
font-weight: 400;
}
.dsq_wrap {
background: url(/images/1212/dsq_bg.webp) no-repeat 0 0 / 100%;
padding: 30px 50px;
margin: 40px 0 50px;
height: 370px;
}
.dsq_title{
color: #fff;
font-size: 28px;
text-transform: uppercase;
margin-bottom: 20px;
font-family: 'Roboto Slab';
font-weight: 400;
}
#dsquest-form{
padding: 0;
}
.dsq_line{
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.dsq_line > div{
width: 49%;
}
#dsquest-form input[type="text"]{
border: 1px solid #D5DADC;
height: 46px;
padding: 0 15px;
}
#dsquest-form textarea{
border: 1px solid #D5DADC;
height: 90px;
padding: 15px;
}
.dsq_policy, .dsq_policy a{
font-size: 12px;
color: #fff;
opacity: 0.8;
}
#dsquest-form input[type="submit"]{
background: #fff;
text-shadow: none;
color: #111;
width: 207px;
height: 50px;
border-radius: 2px;
font-size: 13px;
font-family: 'Roboto Slab';
opacity: 1;
}
#dsquest-form input[type="submit"]:hover{
background: #ededed;
}
#dsquestformmessagereport .form-head{
color: #fff;
font-size: 28px;
text-transform: uppercase;
font-family: 'Roboto Slab';
font-weight: 400;
border: 0;
}
#dsquestformmessagereport .error-report, #dsquestformmessagereport .error-report a{
color: #fff;
}
.stati_tags{
margin: 12px;
}
.stati_tags .tag{
color: #2990CB;
font-size: 12px;
margin-right: 10px;
}
.news-view-block .art_likes{
padding-left: 24px;
font-size: 14px;
line-height: 19px;
background-size: 16px;
font-weight: 400;
}
.art_tag_detail .stati_tags{
margin: 0;
}
.art_tag_detail .stati_tags .tag {
font-size: 14px;
}
@media (max-width: 1355px){
.dsq_wrap {
background: url(/images/1212/dsq_bg.webp) no-repeat 0 0 / auto 100%;
height: auto;
border-radius: 10px;
}
.contenier-catalog.catalog-new .product-view-block-img {
width: 100%;
height: auto;
}
.products-view-block .product-view-block-img {
width: 100%;
height: auto;
}
}
@media (max-width: 767px){
.dsq_line > div, #dsquest-form input[type="submit"] {
width: 100%;
}
.dsq_wrap {
background: url(/images/1212/dsq_bg_m.webp) no-repeat 0 0 / 100% 100%;
padding: 30px;
}
.contenier-catalog.catalog-new{
justify-content: space-between;
gap: 15px 0;
}
.contenier-catalog.catalog-new .items {
width: 49%;
margin: 0;
}
}
.product-view-block-img {
position: relative;
width: 267px;
height: 267px;
overflow: hidden;
}
.product-image-container {
position: relative;
width: 100%;
/*height: 100%;*/
height: 250px;
}
.product-main-image {
width: 267px;
height: 267px;
object-fit: cover;
cursor: pointer;
}
/* Индикатор прогресса */
.photo-indicator {
position: absolute;
bottom: 8px;
left: 8px;
right: 8px;
height: 4px;
display: flex;
gap: 3px;
z-index: 10;
pointer-events: none;
}
.indicator-segment {
flex: 1;
height: 4px;
background-color: #f0f6fe;
border-radius: 2px;
transition: background-color 0.2s ease;
}
.indicator-segment.active {
background-color: #2990cb;
}
/* Скрываем индикатор если нет доп фото */
.product-view-block-img:not(.has-more-photos) .photo-indicator {
display: none;
}
@media (max-width: 1023px){
.photo-indicator {
display: none;
}
.product-image-container {
height: 200px;
}
}
@media screen and (max-width:600px){
.product-view-block-title{
min-height: 80px;
}
.product-image-container {
height: 150px;
}
}
#c-card.regular .product-view-block-chars{
min-height: 130px;
}
.form_instal_order_wrap #dsorder-form {
width: 100%;
padding: 0;
}
.form_instal_order_wrap #dsorder-form input[type="text"]{
padding: 8px;
height: auto;
border-radius: 5px;
border: 1px solid #000;
font-size: 14px;
}
.form_instal_order_wrap #dsorder-form textarea{
padding: 8px;
height: 100px;
border-radius: 5px;
border: 1px solid #000;
font-size: 14px;
}
.form_instal_order_wrap #dsorder-form input[type="submit"]{
color: #fff;
padding: 8px 24px;
border-radius: 5px;
background: #2990cb;
border: 1px solid;
font-size: 14px;
}
.zu_f_title{
font-size: 24px;
font-weight: 500;
margin-bottom: 20px;
}
.section-install-cond .form-group{
margin-bottom: 10px;
}
table.table{
border-collapse: collapse;
}
table.table td p{
margin: 0;
}
table.table td{
border: 1px solid #ddd;
padding: 10px 15px;
}
.catalog-section-description a{
text-decoration: underline;
}
.catalog-section-description a:hover{
text-decoration: none;
}
/* End */
/* /local/templates/vaskos/css/jquery.fancybox.min.css?173207664812795 */
/* /local/templates/vaskos/components/bitrix/search.title/template1/style.min.css?17410154661832 */
/* /local/templates/vaskos/components/bitrix/sale.basket.basket.line/bootstrap_v4/style.min.css?17320766494065 */
/* /local/templates/vaskos/components/bitrix/sender.subscribe/subscr/style.min.css?17320768514471 */
/* /local/templates/vaskos/components/bitrix/menu/menu-bottom/style.min.css?1732076649490 */
/* /local/templates/vaskos/styles.css?176986540612775 */
/* /local/templates/vaskos/template_styles.css?1793003084163638 */