/* Start:/local/templates/main/css/normalize.css?17116322626208*/ /*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */ /* Document ========================================================================== */ /** * 1. Correct the line height in all browsers. * 2. Prevent adjustments of font size after orientation changes in iOS. */ html { line-height: 1.15; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ } /* Sections ========================================================================== */ /** * Remove the margin in all browsers. */ body { margin: 0; } /** * Render the `main` element consistently in IE. */ main { display: block; } /** * Correct the font size and margin on `h1` elements within `section` and * `article` contexts in Chrome, Firefox, and Safari. */ h1 { font-size: 2em; margin: 0.67em 0; } /* Grouping content ========================================================================== */ /** * 1. Add the correct box sizing in Firefox. * 2. Show the overflow in Edge and IE. */ hr { box-sizing: content-box; /* 1 */ height: 0; /* 1 */ overflow: visible; /* 2 */ } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ pre { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /* Text-level semantics ========================================================================== */ /** * Remove the gray background on active links in IE 10. */ a { background-color: transparent; } a:hover { background-color: transparent; text-decoration: none; } /** * 1. Remove the bottom border in Chrome 57- * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. */ abbr[title] { border-bottom: none; /* 1 */ text-decoration: underline; /* 2 */ text-decoration: underline dotted; /* 2 */ } /** * Add the correct font weight in Chrome, Edge, and Safari. */ b, strong { font-weight: bolder; } /** * 1. Correct the inheritance and scaling of font size in all browsers. * 2. Correct the odd `em` font sizing in all browsers. */ code, kbd, samp { font-family: monospace, monospace; /* 1 */ font-size: 1em; /* 2 */ } /** * Add the correct font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` elements from affecting the line height in * all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sub { bottom: -0.25em; } sup { top: -0.5em; } /* Embedded content ========================================================================== */ /** * Remove the border on images inside links in IE 10. */ img { border-style: none; } /* Forms ========================================================================== */ /** * 1. Change the font styles in all browsers. * 2. Remove the margin in Firefox and Safari. */ button, input, optgroup, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 1 */ line-height: 1.15; /* 1 */ margin: 0; /* 2 */ } /** * Show the overflow in IE. * 1. Show the overflow in Edge. */ button, input { /* 1 */ overflow: visible; } /** * Remove the inheritance of text transform in Edge, Firefox, and IE. * 1. Remove the inheritance of text transform in Firefox. */ button, select { /* 1 */ text-transform: none; } /** * Correct the inability to style clickable types in iOS and Safari. */ button, [type="button"], [type="reset"], [type="submit"] { -webkit-appearance: button; } /** * Remove the inner border and padding in Firefox. */ button::-moz-focus-inner, [type="button"]::-moz-focus-inner, [type="reset"]::-moz-focus-inner, [type="submit"]::-moz-focus-inner { border-style: none; padding: 0; } /** * Restore the focus styles unset by the previous rule. */ button:-moz-focusring, [type="button"]:-moz-focusring, [type="reset"]:-moz-focusring, [type="submit"]:-moz-focusring { outline: 1px dotted ButtonText; } /** * Correct the padding in Firefox. */ fieldset { padding: 0.35em 0.75em 0.625em; } /** * 1. Correct the text wrapping in Edge and IE. * 2. Correct the color inheritance from `fieldset` elements in IE. * 3. Remove the padding so developers are not caught out when they zero out * `fieldset` elements in all browsers. */ legend { box-sizing: border-box; /* 1 */ color: inherit; /* 2 */ display: table; /* 1 */ max-width: 100%; /* 1 */ padding: 0; /* 3 */ white-space: normal; /* 1 */ } /** * Add the correct vertical alignment in Chrome, Firefox, and Opera. */ progress { vertical-align: baseline; } /** * Remove the default vertical scrollbar in IE 10+. */ textarea { overflow: auto; } /** * 1. Add the correct box sizing in IE 10. * 2. Remove the padding in IE 10. */ [type="checkbox"], [type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * Correct the cursor style of increment and decrement buttons in Chrome. */ [type="number"]::-webkit-inner-spin-button, [type="number"]::-webkit-outer-spin-button { height: auto; } /** * 1. Correct the odd appearance in Chrome and Safari. * 2. Correct the outline style in Safari. */ [type="search"] { -webkit-appearance: textfield; /* 1 */ outline-offset: -2px; /* 2 */ } /** * Remove the inner padding in Chrome and Safari on macOS. */ [type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * 1. Correct the inability to style clickable types in iOS and Safari. * 2. Change font properties to `inherit` in Safari. */ ::-webkit-file-upload-button { -webkit-appearance: button; /* 1 */ font: inherit; /* 2 */ } /* Interactive ========================================================================== */ /* * Add the correct display in Edge, IE 10+, and Firefox. */ details { display: block; } /* * Add the correct display in all browsers. */ summary { display: list-item; } /* Misc ========================================================================== */ /** * Add the correct display in IE 10+. */ template { display: none; } /** * Add the correct display in IE 10. */ [hidden] { display: none; } /* End */ /* Start:/local/templates/main/css/ui-kit/ui-kit.min.css?171163226235080*/ @font-face{font-family:'Roboto Condensed';src:url(/local/templates/main/assets/fonts/RobotoCondensed-Regular.eot);src:local('Roboto Condensed'),local('RobotoCondensed-Regular'),url(/local/templates/main/assets/fonts/RobotoCondensed-Regular.eot?#iefix) format('embedded-opentype'),url(/local/templates/main/assets/fonts/RobotoCondensed-Regular.woff) format('woff'),url(/local/templates/main/assets/fonts/RobotoCondensed-Regular.ttf) format('truetype');font-weight:400;font-style:normal}@font-face{font-family:'Roboto Condensed';src:url(/local/templates/main/assets/fonts/RobotoCondensed-BoldItalic.eot);src:local('Roboto Condensed Bold Italic'),local('RobotoCondensed-BoldItalic'),url(/local/templates/main/assets/fonts/RobotoCondensed-BoldItalic.eot?#iefix) format('embedded-opentype'),url(/local/templates/main/assets/fonts/RobotoCondensed-BoldItalic.woff) format('woff'),url(/local/templates/main/assets/fonts/RobotoCondensed-BoldItalic.ttf) format('truetype');font-weight:700;font-style:italic}@font-face{font-family:'Roboto Condensed';src:url(/local/templates/main/assets/fonts/RobotoCondensed-Bold.eot);src:local('Roboto Condensed Bold'),local('RobotoCondensed-Bold'),url(/local/templates/main/assets/fonts/RobotoCondensed-Bold.eot?#iefix) format('embedded-opentype'),url(/local/templates/main/assets/fonts/RobotoCondensed-Bold.woff) format('woff'),url(/local/templates/main/assets/fonts/RobotoCondensed-Bold.ttf) format('truetype');font-weight:700;font-style:normal}@font-face{font-family:'Roboto Condensed';src:url(/local/templates/main/assets/fonts/RobotoCondensed-LightItalic.eot);src:local('Roboto Condensed Light Italic'),local('RobotoCondensed-LightItalic'),url(/local/templates/main/assets/fonts/RobotoCondensed-LightItalic.eot?#iefix) format('embedded-opentype'),url(/local/templates/main/assets/fonts/RobotoCondensed-LightItalic.woff) format('woff'),url(/local/templates/main/assets/fonts/RobotoCondensed-LightItalic.ttf) format('truetype');font-weight:300;font-style:italic}@font-face{font-family:'Roboto Condensed';src:url(/local/templates/main/assets/fonts/RobotoCondensed-Italic.eot);src:local('Roboto Condensed Italic'),local('RobotoCondensed-Italic'),url(/local/templates/main/assets/fonts/RobotoCondensed-Italic.eot?#iefix) format('embedded-opentype'),url(/local/templates/main/assets/fonts/RobotoCondensed-Italic.woff) format('woff'),url(/local/templates/main/assets/fonts/RobotoCondensed-Italic.ttf) format('truetype');font-weight:400;font-style:italic}@font-face{font-family:'Roboto Condensed';src:url(/local/templates/main/assets/fonts/RobotoCondensed-Light.eot);src:local('Roboto Condensed Light'),local('RobotoCondensed-Light'),url(/local/templates/main/assets/fonts/RobotoCondensed-Light.eot?#iefix) format('embedded-opentype'),url(/local/templates/main/assets/fonts/RobotoCondensed-Light.woff) format('woff'),url(/local/templates/main/assets/fonts/RobotoCondensed-Light.ttf) format('truetype');font-weight:300;font-style:normal}*{font-family:Roboto Condensed;font-style:normal;font-weight:400;font-size:18px;line-height:24px;padding:0;margin:0;-webkit-box-sizing:border-box;box-sizing:border-box;outline:0}:root{--repeat-columns:2}html{overflow-x:hidden}body{position:relative;!overflow-x:hidden}.body-modal{overflow:hidden}.br-mobile{display:none}@media (max-width:425px){.br-mobile{display:block}}.title{font-weight:700;font-size:22px;line-height:24px;color:#111;display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;margin-bottom:17px;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.title__result{font-weight:400;font-size:14px;line-height:16px;color:#111;white-space:nowrap}.button,.button--icon,.button--red,.button--small,.button--text,.button--text-small,.button--white{font-weight:700;font-size:22px;line-height:30px;color:#111;padding:8px 45px 8px 18px;position:relative;background:#dadada;border:0;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;min-width:192px;text-align:left;display:block}@media screen and (min-width:1025px) and (max-width:1080px){.button,.button--icon,.button--red,.button--small,.button--text,.button--text-small,.button--white{min-width:172px}}@media (max-width:610px){.button,.button--icon,.button--red,.button--small,.button--text,.button--text-small,.button--white{min-width:110px;font-size:14px;line-height:16px;padding:8px 28px 8px 18px}}.button--icon::after,.button--red::after,.button--small::after,.button--text-small::after,.button--text::after,.button--white::after,.button::after{content:"";position:absolute;right:18px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);width:9px;height:15px;display:block;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_right--black.svg);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}@media (max-width:425px){.button--icon::after,.button--red::after,.button--small::after,.button--text-small::after,.button--text::after,.button--white::after,.button::after{width:6px;height:10px;right:12px}}.button--icon:disabled,.button--red:disabled,.button--small:disabled,.button--text-small:disabled,.button--text:disabled,.button--white:disabled,.button:disabled{color:#fff;cursor:default}.button--icon:disabled::after,.button--red:disabled::after,.button--small:disabled::after,.button--text-small:disabled::after,.button--text:disabled::after,.button--white:disabled::after,.button:disabled::after{background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_right--white.svg)}.button--icon:hover,.button--red:hover,.button--small:hover,.button--text-small:hover,.button--text:hover,.button--white:hover,.button:hover{background:#c8c8c8;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.button--icon:hover:disabled,.button--red:hover:disabled,.button--small:hover:disabled,.button--text-small:hover:disabled,.button--text:hover:disabled,.button--white:hover:disabled,.button:hover:disabled{background:#dadada}.button--small{font-size:18px;line-height:30px;padding:0px 45px 0px 18px;min-width:172px}.button--small::after{width:7px;height:12px}.button--red{background:#ee021d;color:#fff}.button--red::after{background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_right--white.svg)}.button--red:disabled{background:#dadada;color:#fff}.button--red:hover{background:#d80019}.button--red:hover:disabled{background:#dadada}.button--white{background:#fff}.button--white:disabled{background:#bdbdbd;color:#fff}.button--white:hover{background:#eee}.button--white:hover:disabled{background:#dadada}.button--icon,.button--text,.button--text-small{background:0 0;padding:8px;min-width:auto}.button--icon::after,.button--text-small::after,.button--text::after{content:none}.button--icon:hover,.button--text-small:hover,.button--text:hover{color:#ee021d;background:0 0}.button--icon:disabled,.button--text-small:disabled,.button--text:disabled{color:#dadada}.button--icon:disabled:hover,.button--text-small:disabled:hover,.button--text:disabled:hover{background:0 0}.button--text-small{font-weight:400;font-size:14px;line-height:16px;color:#111}.button--text-small:hover{font-weight:700;color:#111}.button--text-small:disabled{font-weight:700;color:#dadada}.button--icon{fill:#afafaf}.button--icon:hover{fill:#ee021d}.button-arrow--left,.button-arrow--right,.button-arrow--small-left,.button-arrow--small-right{background:0 0;border:0;padding:0;width:21px;height:56px;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_banner--gray.svg);-webkit-background-size:contain;background-size:contain;background-position:center;background-repeat:no-repeat;cursor:pointer}.button-arrow--left:hover,.button-arrow--right:hover,.button-arrow--small-left:hover,.button-arrow--small-right:hover{background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_banner--white.svg)}.button-arrow--left:disabled,.button-arrow--right:disabled,.button-arrow--small-left:disabled,.button-arrow--small-right:disabled{background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_banner--gray-disabled.svg)}.button-arrow--right{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.button-arrow--small-left,.button-arrow--small-right{width:10px;height:27px;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_small.svg)}.button-arrow--small-left:hover,.button-arrow--small-right:hover{background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_small--black.svg)}.button-arrow--small-left:disabled,.button-arrow--small-right:disabled{background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_small--gray.svg)}.button-arrow--small-right{-webkit-transform:rotateZ(180deg);-ms-transform:rotate(180deg);transform:rotateZ(180deg)}.checkbox{display:none;position:relative}.checkbox-label,.checkbox-label--disabled,.file-label--disabled{position:relative;display:inline-block;min-width:28px;min-height:28px;cursor:pointer;padding-left:28px;height:100%;display:inline-block}.checkbox-label--disabled{opacity:.5; !display: none !important}.checkbox+span{top:0;position:absolute;display:inline-block;width:28px;height:28px;left:0;border:1px solid #d6d6d6;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.checkbox:checked+span:before{content:"";display:block;position:absolute;width:15px;height:12px;top:50%;left:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/Vector.svg);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat}.file{display:none;position:relative}.file-label{position:relative;display:inline-block;min-width:28px;min-height:28px;cursor:pointer;padding-left:28px;height:100%;display:inline-block}.file-label--disabled{opacity:.5}.file-label:before{content:'';position:absolute;display:block;background-image:url('data:image/svg+xml;charset=utf-8, ');left:0;width:17px;height:19px}.radio-button{display:none;position:relative}.radio-button-label{position:relative;min-width:22px;min-height:22px;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;padding-left:22px;height:100%;display:inline-block}.radio-button+span{position:absolute;display:inline-block;width:22px;height:22px;left:0;border:1px solid #d6d6d6;-webkit-border-radius:50%;border-radius:50%;cursor:pointer;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s}.radio-button:checked+span{border:6px solid #646263;-webkit-border-radius:50%;border-radius:50%}.textarea,input{border:1px solid #d6d6d6;padding:12px 19px;font-style:normal;font-weight:400;font-size:18px;line-height:21px;color:#111;margin-bottom:0px}.textarea::-webkit-input-placeholder,input::-webkit-input-placeholder{color:#646263}.textarea:-ms-input-placeholder,input:-ms-input-placeholder{color:#646263}.textarea::-ms-input-placeholder,input::-ms-input-placeholder{color:#646263}.textarea::placeholder,input::placeholder{color:#646263}@media (max-width:425px){span.error{display:none;}.textarea,input{font-size:12px;line-height:14px;padding:6px 14px}}.image-all-width{width:100%;-o-object-fit:contain;object-fit:contain}.input{width:100%}.input.focused,textarea.focused,.select--active .select__input{border-color:#FC3}.error-fld .input{border-color:#F00}form .error{color:#F00; font-size:14px;}.error{visibility:hidden}.error.enable{visibility:visible}.input-label{position:relative;height:100%;width:100%;display:inline-block}.input--error{border:1px solid #ee021d}.input--error+.error{display:inline-block;position:absolute;font-style:normal;font-weight:400;font-size:14px;line-height:18px;color:#ee021d;left:0;top:-webkit-calc(100% - 17px);top:calc(100% - 17px)}.textarea{display:inline-block;width:100%;min-height:166px;max-height:320px}.select{position:relative;!z-index:2}.select__input{margin:0;width:100%;padding-right:44px;position:relative;cursor:pointer}.select__input-label{position:absolute;width:10px;height:6px;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_down/hover.svg);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;right:17px;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.select__list{list-style:none;position:absolute;width:100%;background:#fff;border:1px solid #d6d6d6;border-top:0;max-height:165px;overflow-y:auto;padding:8px 0;-webkit-transition:all .3s;-o-transition:all .3s;transition:all .3s;opacity:0;top:-165px;!z-index:-10;visibility:hidden}.select__item{font-style:normal;font-weight:400;font-size:18px;line-height:30px;color:#646263;padding:0 10px 0 35px;cursor:pointer}@media screen and (max-width:768px){.select__item{font-size:14px;padding:0 10px 0 35px}}.select__item:hover{color:#111}.select__item--selected{color:#111;position:relative}.select__item--selected::before{content:"";position:absolute;display:block;width:11px;height:9px;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/Vector.svg);-webkit-background-size:contain;background-size:contain;background-repeat:no-repeat;left:20px;top:8px}@media screen and (max-width:768px){.select__item--selected::before{left:12px}}.select--active .select__list{visibility:visible;-webkit-animation:.3s ease-in-out selectShow forwards;animation:.3s ease-in-out selectShow forwards}.select--hide .select__list{-webkit-animation:.3s ease-in-out selectHide forwards;animation:.3s ease-in-out selectHide forwards}.left-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;max-width:251px;min-width:251px;!margin-top:33px;width:100%;position:relative}@media (max-width:1024px),(orientation:landscape) and (max-width:900px){.left-bar{display:none}}@media (max-width:1024px){.left-bar .menu{display:none}}.left-bar .menu .catalog__navigation{position:relative;opacity:1;visibility:visible;top:0}.left-bar .menu .catalog__navigation .catalog__menu{padding:0;width:100%}.left-bar .menu .catalog__navigation .catalog__item{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.left-bar .menu .catalog__navigation .catalog__item:focus,.left-bar .menu .catalog__navigation .catalog__item:hover{cursor:pointer}.left-bar .menu .catalog__navigation .catalog__item:focus:not(.catalog__item--active) .catalog__menu-sub,.left-bar .menu .catalog__navigation .catalog__item:hover:not(.catalog__item--active) .catalog__menu-sub{visibility:hidden;opacity:0}.left-bar .menu .catalog__navigation .catalog__item:focus .catalog__menu-sub,.left-bar .menu .catalog__navigation .catalog__item:hover .catalog__menu-sub{visibility:unset;opacity:unset}.left-bar .menu .catalog__navigation .catalog__item--active .catalog__link{background:#fff;font-weight:700}.left-bar .menu .catalog__navigation .catalog__item--active .catalog__menu-sub{position:relative;visibility:visible;display:inline-block;opacity:1;left:0;top:0}.left-bar .menu .catalog__navigation .catalog__item .catalog__link{padding:11px 30px 11px 20px}.left-bar .menu .catalog__navigation .catalog__item:first-child .catalog__link{padding:11px 30px 11px 20px}.left-bar .menu .catalog__navigation .catalog__item:last-child .catalog__link{padding:11px 30px 11px 20px}.left-bar .menu .catalog__navigation .catalog__item.catalog__item--has-child:after{!top:16px;margin-top:16px}.left-bar .menu .catalog__navigation .catalog__item.catalog__item--has-child .catalog__menu-sub{width:251px}.content{margin-left:30px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;max-width:920px;min-width:100px;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;position:relative}@media (max-width:1240px){.content{margin:0 0 40px 30px}}@media (max-width:1024px){.content{margin:0 0 40px}}@media (max-width:425px){.content{margin:0 0 20px}}.content--full{margin-left:0;max-width:100%}.content__avantage{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.content__title{font-weight:700;font-size:36px;line-height:38px;color:#111;display:inline-block;padding:26px 0 8px;margin:0}@media (max-width:600px){.content__title{font-size:16px;line-height:18px}}.content__text{font-size:18px;line-height:24px;color:#111;display:inline-block;padding-bottom:24px}@media (max-width:600px){.content__text{font-size:14px;line-height:18px}}.content__sort,.content__sort--after-block,.content__sort--align-center{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;padding-bottom:16px}.content__sort-navigation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between}.content__sort-by,.content__sort-quantity-show{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.content__sort-by-label{font-weight:400;font-size:14px;line-height:16px;color:#111;display:inline-block;padding-right:7px}@media screen and (max-width:470px){.content__sort-by-label{display:none}}.content__sort-by .select__input,.content__sort-quantity-show .select__input{font-weight:400;font-size:14px;line-height:24px;color:#111;padding:1px 27px 0 7px;min-width:142px;width:142px}.content__sort-by .select__item,.content__sort-quantity-show .select__item{font-weight:400;font-size:14px;line-height:24px;color:#111;padding:0 20px 0 20px}.content__sort-by .select__item--selected::before,.content__sort-quantity-show .select__item--selected::before{left:5px}.content__sort-by .select__input-label,.content__sort-quantity-show .select__input-label{right:10px}.content__sort-by .sort-asc-or-desc,.content__sort-quantity-show .sort-asc-or-desc{display:block;cursor:pointer;padding-left:10px}.content__sort-by .sort-asc-or-desc svg,.content__sort-quantity-show .sort-asc-or-desc svg{width:23px;height:14px;fill:#111}.content__sort-by .sort-asc-or-desc.desc-active #desc,.content__sort-quantity-show .sort-asc-or-desc.desc-active #desc{fill:#ee021d}.content__sort-by .sort-asc-or-desc.asc-active #asc,.content__sort-quantity-show .sort-asc-or-desc.asc-active #asc{fill:#ee021d}.content__sort-quantity-show .select__input{min-width:60px;width:60px}.content__sort--after-block,.content__sort--align-center{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-pack:justify;-webkit-justify-content:space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;padding-bottom:53px}.content__sort--after-block .content__quantity-show-items,.content__sort--after-block .content__quantity-show-items>span,.content__sort--align-center .content__quantity-show-items,.content__sort--align-center .content__quantity-show-items>span{padding-bottom:0}@media (max-width:920px){.content__sort--after-block .content__quantity-show-items,.content__sort--after-block .content__quantity-show-items>span,.content__sort--align-center .content__quantity-show-items,.content__sort--align-center .content__quantity-show-items>span{display:none}}@media (max-width:920px){.content__sort--after-block .content__sort-quantity-show,.content__sort--align-center .content__sort-quantity-show{display:none}}.content__sort--align-center{-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center}.content__quantity-show-items,.content__quantity-show-items>span{display:inline-block;font-weight:400;font-size:14px;line-height:16px;color:#111;padding-bottom:15px}@media (max-width:920px){.content__pagination{width:100%}}.content__pagination-list{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;list-style:none;line-height:16px}@media (max-width:920px){.content__pagination-list{width:100%;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:space-evenly;-webkit-justify-content:space-evenly;-ms-flex-pack:space-evenly;justify-content:space-evenly}}.content__pagination-item{line-height:16px;padding:0 2px}.content__pagination-item--active{line-height:16px}.content__pagination-item--active .content__pagination-link{border:1px solid #111;padding:1px 4px;line-height:14px}.content__pagination-item--disabled{cursor:default}.content__pagination-item:hover .content__pagination-link{border:1px solid #111;padding:1px 4px;line-height:14px}.content__pagination-link{display:inline-block;text-decoration:none;font-weight:400;font-size:14px;line-height:16px;text-align:center;color:#111;padding:2px 5px}.content__pagination-btn-next,.content__pagination-btn-prev{padding:0 5px 0 20px;font-weight:400;font-size:14px;line-height:16px;text-align:center;color:#111;position:relative}@media (max-width:425px){.content__pagination-btn-next,.content__pagination-btn-prev{font-size:0}}.content__pagination-btn-next::before,.content__pagination-btn-prev::before{content:"";position:absolute;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_catalog_left/hover.svg);height:10px;width:7px;display:block;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%)}.content__pagination-btn-next{padding:0 20px 0 5px}.content__pagination-btn-next::before{background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_catalog_right/hover.svg);right:0;left:unset}.content__row{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;margin-bottom:33px}.container{max-width:1200px;min-width:320px;margin:0 auto;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}@media (max-width:1340px){.container{margin:0;padding:0 40px}}@media (max-width:1024px){.container{padding:0 38px;width:auto}}@media (max-width:768px),(orientation:landscape) and (max-width:900px){.container{max-width:unset;width:auto}}@media (max-width:425px){.container{padding:0 20px}}.main-container{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row}.container-with-left-bar-filter .left-bar>[class^=banner-]:nth-child(1),.container-with-left-bar-show .left-bar>[class^=banner-]:nth-child(1){margin-top:0}@media screen and (max-width:1024px){.container-with-left-bar-filter,.container-with-left-bar-show{-webkit-box-orient:vertical;-webkit-box-direction:reverse;-webkit-flex-direction:column-reverse;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.container-with-left-bar-filter .left-bar,.container-with-left-bar-show .left-bar{display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-gap:30px;max-width:100%;position:relative;padding-bottom:76px;margin-top:0}.container-with-left-bar-filter .left-bar>*,.container-with-left-bar-show .left-bar>*{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;z-index:10}.container-with-left-bar-filter .left-bar>[class^=banner-]:nth-child(2),.container-with-left-bar-show .left-bar>[class^=banner-]:nth-child(2){margin-top:0}.container-with-left-bar-filter .content,.container-with-left-bar-show .content{margin-bottom:0}}@media screen and (max-width:600px){.container-with-left-bar-filter .left-bar,.container-with-left-bar-show .left-bar{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}}@media screen and (max-width:1024px){.container-with-left-bar-filter{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.container-with-left-bar-filter .left-bar>:not(.filter){display:none}}.single-item-container{-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.single-item__row,.single-item__row--flex{display:-ms-grid;display:grid;-ms-grid-columns:minmax(395px,882px) minmax(320px,1fr);grid-template-columns:minmax(395px,882px) minmax(320px,1fr);grid-gap:19px}@media screen and (max-width:768px){.single-item__row,.single-item__row--flex{-ms-grid-columns:100%;grid-template-columns:100%}}.single-item__row--flex{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-ms-grid-columns:unset;grid-template-columns:unset;grid-gap:unset}.single-item__row--flex .content{margin-top:33px}@media screen and (max-width:1024px){.single-item__row--flex .content{margin-bottom:0}}.content--full .block .wrapper{-ms-grid-columns:(1fr)[5];grid-template-columns:repeat(5,1fr)}@media screen and (max-width:1240px){.content--full .block .wrapper{-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr)}}@media screen and (max-width:1024px){.content--full .block .wrapper{-ms-grid-columns:(1fr)[3];grid-template-columns:repeat(3,1fr)}}@media screen and (max-width:800px){.content--full .block .wrapper{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}.additionally-navigation{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:end;-webkit-justify-content:flex-end;-ms-flex-pack:end;justify-content:flex-end;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.additionally-navigation__mail{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.additionally-navigation__print{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.new{display:inline-block}.video{display:block;min-width:110px}.video .block__image{transition:-webkit-filter .3s;-webkit-transition:-webkit-filter .3s;-o-transition:filter .3s;transition:filter .3s;transition:filter .3s,-webkit-filter .3s}.video .block__image:before{content:'';position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);transform:translate(-50%,-50%);background-image:url('data:image/svg+xml;charset=utf-8,');display:block;width:68px;height:68px}.video:hover .block__image{-webkit-filter:grayscale(.4);filter:grayscale(.4)}.article{padding:20px 0}.article__image{width:100%;position:relative;display:inline-block;-o-object-fit:contain;object-fit:contain;padding-bottom:18px}.article__images-row{display:-ms-inline-grid;display:inline-grid;-ms-grid-columns:(1fr) [var];grid-template-columns:repeat(var(--repeat-columns),1fr);grid-gap:34px}.article p{display:inline-block;font-size:18px;line-height:24px;color:#111;padding-bottom:18px}.article b{font-weight:700}.article a{font-weight:700;font-size:18px;line-height:24px;-webkit-text-decoration-line:underline;text-decoration-line:underline;color:#111}.article a:active,.article a:hover,.article a:visited{color:#111}.link-back{font-style:normal;font-weight:400;font-size:14px;line-height:16px;color:#646263;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;text-decoration:none;position:relative;padding:0 0 0 15px}.link-back:hover{color:#111}.link-back:active,.link-back:visited{color:#646263}.link-back::before{content:'';position:absolute;left:0;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);display:block;width:7px;height:10px;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_catalog_left/hover.png)}.link{font-style:normal;font-weight:400;font-size:18px;line-height:30px;color:#000;text-decoration:none;-webkit-transition:color .3s;-o-transition:color .3s;transition:color .3s;text-decoration:none;position:relative;padding:0 15px 0 0;display:inline-block}.link:hover{color:#ee021d}.link:active,.link:visited{color:#000}.link::before{content:'';position:absolute;right:0;top:50%;-webkit-transform:translateY(-50%) rotate(180deg);-ms-transform:translateY(-50%) rotate(180deg);transform:translateY(-50%) rotate(180deg);display:block;width:7px;height:10px;background-image:url(/local/templates/main/css/ui-kit/../../assets/image/icons/arrow_catalog_left/hover.png)}.list-link{list-style:none;padding-left:0;list-style-position:inside;-moz-column-count:2;-webkit-column-count:2;column-count:2}@media screen and (max-width:768px){.list-link{-moz-column-count:1;-webkit-column-count:1;column-count:1}}.valign-botton{-webkit-box-align:end;-webkit-align-items:flex-end;-ms-flex-align:end;align-items:flex-end}.contact-form{display:inline-block;width:100%;position:relative;z-index:0}.contact-form__row,.contact-form__row-2{display:-ms-grid;display:grid;position:relative;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr;grid-gap:11px;z-index:0}@media screen and (max-width:768px){.contact-form__row,.contact-form__row-2{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media screen and (max-width:740px){.contact-form__row,.contact-form__row-2{-ms-grid-columns:1fr;grid-template-columns:1fr}}.contact-form__row-2{-ms-grid-columns:minmax(200px,1fr) 1fr;grid-template-columns:minmax(200px,1fr) 1fr}@media screen and (max-width:768px){.contact-form__row-2:not(:last-child){margin-bottom:17px}}@media screen and (max-width:720px){.contact-form__row-2{-ms-grid-columns:1fr;grid-template-columns:1fr}}.contact-form__col{grid-column:span 1;position:relative;z-index:0}@media screen and (max-width:720px){.contact-form__col{grid-column:span 2}}.contact-form__col-2{grid-column:span 2;position:relative;z-index:0}.contact-form__col-3{grid-column:span 3;position:relative;z-index:0}.contact-form__col--align-right{display:-ms-grid;display:grid;position:relative;-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr;grid-row-gap:17px}@media screen and (max-width:760px){.contact-form__col--align-right{-ms-grid-columns:1fr;grid-template-columns:1fr}}@media screen and (max-width:720px){.contact-form__col--align-right{-ms-grid-columns:1fr 1fr;grid-template-columns:1fr 1fr}}@media screen and (max-width:425px){.contact-form__col--align-right{-ms-grid-columns:1fr;grid-template-columns:1fr}}.contact-form .select{margin-bottom:17px;position:relative}.contact-form .checkbox-label,.contact-form .checkbox-label--disabled,.contact-form .file-label,.contact-form .file-label--disabled{font-size:14px;line-height:16px}.contact-form .checkbox-label[for="agreement"] span.agreement,.contact-form .checkbox-label[for="agreement"] a, label.file-label[for="file"] span.file_name{font-size:14px;line-height:16px}.contact-form .checkbox-label,.contact-form .checkbox-label--disabled,.contact-form .file-label--disabled{padding-left:45px}.contact-form .file-label{margin-right:11px}.contact-form .button--red{max-height:46px;-ms-grid-column:2;grid-column-start:2;grid-column-end:3}.contact-form .button--small{max-height:38px}.g-recaptcha{width:auto;overflow:hidden}@-webkit-keyframes selectShow{0%{top:-165px}70%{opacity:0}90%{z-index:2}100%{opacity:1;top:100%;z-index:2}}@keyframes selectShow{0%{top:-165px}70%{opacity:0}90%{z-index:2}100%{opacity:1;top:100%;z-index:2}}@-webkit-keyframes selectHide{0%{opacity:1;top:100%;z-index:0}30%{opacity:0}100%{z-index:-1;top:-165px}}@keyframes selectHide{0%{opacity:1;top:100%;z-index:0}30%{opacity:0}100%{z-index:-1;top:-165px}} /* End */ /* Start:/local/templates/main/css/header/header.css?174723950811706*/ .header { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 610px) { .header { /*display: -ms-grid;*/ /*display: grid;*/ /* grid-template-areas: "b" "c" "a";*/ } } .header__banner-icon { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; width: 100%; padding: 9px 0; background: #f6f6f6; height: 45px; overflow: hidden; -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; } @media (max-width: 610px) { .header__banner-icon { /*grid-area: a;*/ /*height: 40px;*/ } } .header__banner-icon .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 1024px) { .header__banner-icon .container { width: 100%; display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: (1fr)[7]; grid-template-columns: repeat(7, 1fr); } .catalog__menu--mobile { width: 100%; } .catalog__item >.catalog__link { font-weight: 900; } } @media (max-width: 780px), (orientation: landscape) and (max-width: 900px) { .header__banner-icon .container { width: 100%; display: -ms-grid; display: grid; grid-gap: 10px; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(4, 1fr); } } @media (max-width: 610px) { .header__banner-icon .container { /*grid-area: b;*/ /*-ms-grid-columns: (1fr)[4];*/ /* grid-template-columns: repeat(4, 1fr);*/ /*padding-right: 10px;*/ } } .header__banner-arrow { position: absolute; background-image: url(/local/templates/main/css/header/../../assets/image/icons/arrow_catalog_right/hover.png); height: 10px; width: 6px; display: block; right: 40px; top: 20px; -webkit-transform: rotate(90deg); transform: rotate(90deg); padding: 5px; background-repeat: no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 610px) { .header__banner-icon > .container { padding: 0 35px; } .header__banner-arrow { right: 20px; } } .header__banner-arrow--active { -webkit-transform: rotate(-90deg); transform: rotate(-90deg); } .header__banner-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .header__banner-link:hover .header__banner-image { -webkit-filter: saturate(200%); filter: saturate(200%); -webkit-transition: all 0.3s; transition: all 0.3s; } .header__banner-image { max-height: 30px; max-width: 65px; -o-object-fit: contain; object-fit: contain; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 610px) { .header__banner-image { /*max-height: 22px;*/ } } .header__banner--show { height: auto; } .header__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding: 14px 0; } @media (max-width: 610px) { .header__info { /*max-height: 40px;*/ } } .header__info-burger { width: 16px; height: 14px; opacity: 1; min-width: 16px; margin-right: 15px; display: none; cursor: pointer; } .header__info-burger .burger-line { background-color: #111; } @media (max-width: 610px) { .header__info-burger { /*display: block;*/ } } .header__icon { display: none; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; } @media (max-width: 610px) { .header__icon { /*display: -ms-inline-grid;*/ /*display: inline-grid;*/ } } .header__icon-search { position: relative; } .header__icon-search--active::before { content: ""; position: absolute; bottom: -9px; display: block; border: 8px solid transparent; border-bottom-color: #646263; } .header__icon-percent { font-weight: bold; font-size: 20px; line-height: 23px; display: inline-block; color: #111111; text-decoration: none; } .header__icon-mail { text-decoration: none; } .header__icon-mail > img { width: 14px; height: 9px; -o-object-fit: contain; object-fit: contain; } .header__logo { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; max-width: 401px; max-height: 82px; } @media (max-width: 768px), (orientation: landscape) and (max-width: 900px) { .header__logo { max-width: 372px; } } @media (max-width: 610px) { .header__logo { /*max-width: 174px;*/ /*max-height: 26px;*/ } } .header__logo-link { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 18px; line-height: 22px; color: #111111; text-decoration: none; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__logo-image { padding-right: 17px; width: 100%; } @media (max-width: 610px) { .header__logo-image { /*max-width: 58px;*/ } .header__logo-image { max-width: 140px; } #title-search-input { font-size: 18px; line-height: 21px; padding: 12px 19px; border-radius:0; } } @media (max-width: 768px), (orientation: landscape) and (max-width: 900px) { .header__logo-text { font-size: 16px; line-height: 20px; } } @media (max-width: 610px) { .header__logo-text { /*font-size: 9px;*/ /*line-height: 10px;*/ } } .header__navigation { max-width: 482px; width: 100%; } @media (max-width: 1024px), (orientation: landscape) and (max-width: 900px) { .header__navigation { display: none; } } .header__menu { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } .header__menu-item { text-decoration: none; } .header__menu-item--active .header__menu-link { color: #ee021d; } .header__menu-link { text-decoration: none; font-weight: bold; font-size: 18px; line-height: 21px; color: #111111; -webkit-transition: all 0.3s; transition: all 0.3s; padding: 5px; } .header__menu-link:hover { -webkit-transition: all 0.3s; transition: all 0.3s; color: #ee021d; } .header__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .header__contacts-link--mail_mobile { display: none; } @media (max-width: 610px) { .header__contacts { /*display: none;*/ } .header__contacts > .header__contacts-link--mail, .header__contacts > .header__contacts-link--phone { display: none; } .header__contacts > .header__contacts-text { display: none; } .header__contacts-link--mail_mobile { display: block; } .header__logo .header__logo-text {width:165px;} } .header__contacts-link { font-weight: bold; font-size: 16px; line-height: 19px; color: #111111; text-decoration: none; display: inline-block; padding-bottom: 7px; position: relative; padding-left: 24px; } @media (max-width: 610px) { .header__contacts-link { /*font-size: 16px;*/ /*line-height: 19px;*/ } } .header__contacts-link--mail::before { content: ""; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(calc(-50% - 3px)); transform: translateY(calc(-50% - 3px)); display: block; width: 14px; height: 9px; background-image: url(/local/templates/main/css/header/../../assets/image/icons/mail_icon.svg); } .header__contacts-text { font-weight: normal; font-size: 14px; line-height: 16px; display: inline-block; padding-left: 24px; } .header__contacts-text:not(:last-child) { padding-bottom: 7px; } .header__line { background: #646263; /*padding: 7px 0;*/ -webkit-transition: all 0.3s; transition: all 0.3s; position: relative; } @media (max-width: 610px) { .header__line { /*height: 0;*/ /*padding: 0;*/ /*grid-area: c;*/ } } .header__line--active { height: 40px; padding: 6px 0; } .header__line--active .header__filter { visibility: visible; opacity: 1; } .header__line .container { -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .header__filter { width: 100%; padding: 0 0 0 30px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } @media (max-width: 610px) { .header__filter { /*padding: 0;*/ /*visibility: hidden;*/ /*opacity: 0;*/ } } .header__filter-link { font-size: 20px; line-height: 24px; color: #ffffff; text-decoration: none; display: inline-block; position: relative; padding-left: 25px; display: inline-block; } @media (max-width: 768px), (orientation: landscape) and (max-width: 900px) { .header__filter-link { font-size: 16px; line-height: 24px; white-space: nowrap; } } @media (max-width: 610px) { .header__filter-link { /*display: none;*/ height: 25px; } .header__filter-link > span { display: none; } } .header__filter-link--percent::before { content: "%"; position: absolute; font-weight: bold; font-size: 24px; line-height: 23px; left: 0; top: 1px; opacity: 0.5; } .header__search { max-width: 600px; width: 100%; padding: 7px 0; } @media (max-width: 1024px), (orientation: landscape) and (max-width: 900px) { .header__search { max-width: 400px; } } @media (max-width: 680px) { .header__search { max-width: 300px; } } @media (max-width: 610px) { .header__search { /*max-width: 100%;*/ width: 80%; } } .header__search .input { width: 100%; margin: 0; } .header__search .input-label { width: 100%; } /*# sourceMappingURL=header.css.map */ .header__search .input-label:before { content: ''; background-image: url(/local/templates/main/css/header/../../assets/image/icons/search_icon.png); background-repeat: no-repeat; width: 20px; height: 20px; display: block; position: absolute; right: 6px; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } /* End */ /* Start:/local/templates/main/css/nouislider/nouislider.min.css?17116322624295*/ /*! nouislider - 14.6.3 - 11/19/2020 */ .noUi-target,.noUi-target *{-webkit-touch-callout:none;-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-ms-touch-action:none;touch-action:none;-ms-user-select:none;-moz-user-select:none;user-select:none;-moz-box-sizing:border-box;box-sizing:border-box}.noUi-target{position:relative}.noUi-base,.noUi-connects{width:100%;height:100%;position:relative;z-index:1}.noUi-connects{overflow:hidden;z-index:0}.noUi-connect,.noUi-origin{will-change:transform;position:absolute;z-index:1;top:0;right:0;-ms-transform-origin:0 0;-webkit-transform-origin:0 0;-webkit-transform-style:preserve-3d;transform-origin:0 0;transform-style:flat}.noUi-connect{height:100%;width:100%}.noUi-origin{height:10%;width:10%}.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin{left:0;right:auto}.noUi-vertical .noUi-origin{width:0}.noUi-horizontal .noUi-origin{height:0}.noUi-handle{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute}.noUi-touch-area{height:100%;width:100%}.noUi-state-tap .noUi-connect,.noUi-state-tap .noUi-origin{-webkit-transition:transform .3s;transition:transform .3s}.noUi-state-drag *{cursor:inherit!important}.noUi-horizontal{height:18px}.noUi-horizontal .noUi-handle{width:34px;height:28px;right:-17px;top:-6px}.noUi-vertical{width:18px}.noUi-vertical .noUi-handle{width:28px;height:34px;right:-6px;top:-17px}.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle{left:-17px;right:auto}.noUi-target{background:#FAFAFA;border-radius:4px;border:1px solid #D3D3D3;box-shadow:inset 0 1px 1px #F0F0F0,0 3px 6px -5px #BBB}.noUi-connects{border-radius:3px}.noUi-connect{background:#3FB8AF}.noUi-draggable{cursor:ew-resize}.noUi-vertical .noUi-draggable{cursor:ns-resize}.noUi-handle{border:1px solid #D9D9D9;border-radius:3px;background:#FFF;cursor:default;box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #EBEBEB,0 3px 6px -3px #BBB}.noUi-active{box-shadow:inset 0 0 1px #FFF,inset 0 1px 7px #DDD,0 3px 6px -3px #BBB}.noUi-handle:after,.noUi-handle:before{content:"";display:block;position:absolute;height:14px;width:1px;background:#E8E7E6;left:14px;top:6px}.noUi-handle:after{left:17px}.noUi-vertical .noUi-handle:after,.noUi-vertical .noUi-handle:before{width:14px;height:1px;left:6px;top:14px}.noUi-vertical .noUi-handle:after{top:17px}[disabled] .noUi-connect{background:#B8B8B8}[disabled] .noUi-handle,[disabled].noUi-handle,[disabled].noUi-target{cursor:not-allowed}.noUi-pips,.noUi-pips *{-moz-box-sizing:border-box;box-sizing:border-box}.noUi-pips{position:absolute;color:#999}.noUi-value{position:absolute;white-space:nowrap;text-align:center}.noUi-value-sub{color:#ccc;font-size:10px}.noUi-marker{position:absolute;background:#CCC}.noUi-marker-sub{background:#AAA}.noUi-marker-large{background:#AAA}.noUi-pips-horizontal{padding:10px 0;height:80px;top:100%;left:0;width:100%}.noUi-value-horizontal{-webkit-transform:translate(-50%,50%);transform:translate(-50%,50%)}.noUi-rtl .noUi-value-horizontal{-webkit-transform:translate(50%,50%);transform:translate(50%,50%)}.noUi-marker-horizontal.noUi-marker{margin-left:-1px;width:2px;height:5px}.noUi-marker-horizontal.noUi-marker-sub{height:10px}.noUi-marker-horizontal.noUi-marker-large{height:15px}.noUi-pips-vertical{padding:0 10px;height:100%;top:0;left:100%}.noUi-value-vertical{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);padding-left:25px}.noUi-rtl .noUi-value-vertical{-webkit-transform:translate(0,50%);transform:translate(0,50%)}.noUi-marker-vertical.noUi-marker{width:5px;height:2px;margin-top:-1px}.noUi-marker-vertical.noUi-marker-sub{width:10px}.noUi-marker-vertical.noUi-marker-large{width:15px}.noUi-tooltip{display:block;position:absolute;border:1px solid #D9D9D9;border-radius:3px;background:#fff;color:#000;padding:5px;text-align:center;white-space:nowrap}.noUi-horizontal .noUi-tooltip{-webkit-transform:translate(-50%,0);transform:translate(-50%,0);left:50%;bottom:120%}.noUi-vertical .noUi-tooltip{-webkit-transform:translate(0,-50%);transform:translate(0,-50%);top:50%;right:120%}.noUi-horizontal .noUi-origin>.noUi-tooltip{-webkit-transform:translate(50%,0);transform:translate(50%,0);left:auto;bottom:10px}.noUi-vertical .noUi-origin>.noUi-tooltip{-webkit-transform:translate(0,-18px);transform:translate(0,-18px);top:auto;right:28px} /* End */ /* Start:/local/templates/main/css/jquery.mCustomScrollbar.css?171163226252505*/ /* == malihu jquery custom scrollbar plugin == Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller */ /* CONTENTS: 1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar. 4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes. */ /* ------------------------------------------------------------------------------------------------------------------------ 1. BASIC STYLE ------------------------------------------------------------------------------------------------------------------------ */ .mCustomScrollbar{ -ms-touch-action: pinch-zoom; touch-action: pinch-zoom; /* direct pointer events to js */ } .mCustomScrollbar.mCS_no_scrollbar, .mCustomScrollbar.mCS_touch_action{ -ms-touch-action: auto; touch-action: auto; } .mCustomScrollBox{ /* contains plugin's markup */ position: relative; overflow: hidden; height: 100%; max-width: 100%; outline: none; direction: ltr; } .mCSB_container{ /* contains the original content */ overflow: hidden; width: auto; height: auto; } /* ------------------------------------------------------------------------------------------------------------------------ 2. VERTICAL SCROLLBAR y-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_inside > .mCSB_container{ margin-right: 30px; } .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */ .mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */ .mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */ position: absolute; width: 16px; height: auto; left: auto; top: 0; right: 0; bottom: 0; } .mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */ .mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */ right: auto; left: 0; } .mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */ .mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */ position: absolute; top: 0; left: 0; bottom: 0; right: 0; height: auto; } .mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; } .mCSB_scrollTools .mCSB_draggerRail{ width: 2px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCSB_scrollTools .mCSB_dragger{ /* the draggable element */ cursor: pointer; width: 100%; height: 30px; /* minimum dragger height */ z-index: 1; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */ position: relative; width: 4px; height: 100%; margin: 0 auto; -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; text-align: center; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown{ display: block; position: absolute; height: 20px; width: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 3. HORIZONTAL SCROLLBAR x-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_horizontal.mCSB_inside > .mCSB_container{ margin-right: 0; margin-bottom: 30px; } .mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; } .mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ width: auto; height: 16px; top: auto; right: 0; bottom: 0; left: 0; } .mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */ .mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 2px; margin: 7px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 30px; /* minimum dragger width */ height: 100%; left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 12px; /* auto-expanded scrollbar */ margin: 2px auto; } .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 8px; /* auto-expanded scrollbar */ margin: 4px 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft, .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ display: block; position: absolute; width: 20px; height: 100%; overflow: hidden; margin: 0 auto; cursor: pointer; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; } .mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 4. VERTICAL AND HORIZONTAL SCROLLBARS yx-axis ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_container_wrapper{ position: absolute; height: auto; width: auto; overflow: hidden; top: 0; left: 0; right: 0; bottom: 0; margin-right: 30px; margin-bottom: 30px; } .mCSB_container_wrapper > .mCSB_container{ padding-right: 30px; padding-bottom: 30px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; } .mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; } /* non-visible horizontal scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; } /* non-visible vertical scrollbar/RTL direction/left-side scrollbar */ .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; } /* non-visible scrollbar/RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; } .mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */ margin-right: 0; margin-left: 30px; } .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ padding-right: 0; } .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ padding-bottom: 0; } .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; /* non-visible scrollbar */ margin-left: 0; } /* non-visible horizontal scrollbar */ .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* ------------------------------------------------------------------------------------------------------------------------ 5. TRANSITIONS ------------------------------------------------------------------------------------------------------------------------ */ .mCSB_scrollTools, .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ -webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out; transition: opacity .2s ease-in-out, background-color .2s ease-in-out; } .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */ .mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, .mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{ -webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; -o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out; } /* ------------------------------------------------------------------------------------------------------------------------ 6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS ------------------------------------------------------------------------------------------------------------------------ */ /* ---------------------------------------- 6.1 THEMES ---------------------------------------- */ /* default theme ("light") */ .mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; } .mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag, .mCustomScrollBox:hover > .mCSB_scrollTools, .mCustomScrollBox:hover ~ .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools, .mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; } .mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.4); filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; } .mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } .mCSB_scrollTools .mCSB_buttonUp, .mCSB_scrollTools .mCSB_buttonDown, .mCSB_scrollTools .mCSB_buttonLeft, .mCSB_scrollTools .mCSB_buttonRight{ background-image: url(/local/templates/main/css/mCSB_buttons.png); /* css sprites */ background-repeat: no-repeat; opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; } .mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 0; /* sprites locations light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px */ } .mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -20px; /* sprites locations light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px */ } .mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -40px; /* sprites locations light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px */ } .mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -56px; /* sprites locations light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px */ } .mCSB_scrollTools .mCSB_buttonUp:hover, .mCSB_scrollTools .mCSB_buttonDown:hover, .mCSB_scrollTools .mCSB_buttonLeft:hover, .mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; } .mCSB_scrollTools .mCSB_buttonUp:active, .mCSB_scrollTools .mCSB_buttonDown:active, .mCSB_scrollTools .mCSB_buttonLeft:active, .mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; } /* theme: "dark" */ .mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); } .mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); } .mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme: "light-2", "dark-2" */ .mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 4px; margin: 6px auto; } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -20px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -40px; } .mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; } /* theme: "dark-2" */ .mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px; } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; } .mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -56px; } /* ---------------------------------------- */ /* theme: "light-thick", "dark-thick" */ .mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ width: 4px; background-color: #fff; background-color: rgba(255,255,255,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; background-color: #fff; background-color: rgba(255,255,255,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 4px; margin: 6px 0; } .mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 6px; margin: 5px auto; } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -20px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -40px; } .mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; } /* theme: "dark-thick" */ .mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; } .mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -56px; } /* ---------------------------------------- */ /* theme: "light-thin", "dark-thin" */ .mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); } .mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; } .mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 2px; margin: 7px auto; } /* theme "dark-thin" */ .mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; } .mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; } /* ---------------------------------------- */ /* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */ .mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); } .mCS-rounded.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; } .mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 14px; margin: 0 1px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; } .mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 14px; margin: 1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 16px; /* auto-expanded scrollbar */ height: 16px; margin: -1px 0; } .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ height: 16px; /* auto-expanded scrollbar */ width: 16px; margin: 0 -1px; } .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 4px; /* auto-expanded scrollbar */ margin: 6px 0; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; } .mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; } /* theme "rounded-dark", "rounded-dots-dark" */ .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; } .mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; } /* theme "rounded-dots", "rounded-dots-dark" */ .mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ background-color: transparent; background-position: center; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg=="); background-repeat: repeat-y; opacity: 0.3; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ height: 4px; margin: 6px 0; background-repeat: repeat-x; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; } .mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; } /* theme "rounded-dots-dark" */ .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{ background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII="); } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; } .mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; } /* ---------------------------------------- */ /* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */ .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-y; background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ background-repeat: repeat-x; background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0))); background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%); } /* theme "3d", "3d-dark" */ .mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; } .mCS-3d.mCSB_scrollTools, .mCS-3d-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; } .mCS-3d.mCSB_scrollTools .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 8px; background-color: #000; background-color: rgba(0,0,0,0.2); box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 8px; margin: 4px 0; box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2); } .mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ width: 100%; height: 8px; margin: 4px auto; } .mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "3d-dark" */ .mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); box-shadow: inset 1px 0 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "3d-thick", "3d-thick-dark" */ .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; } .mCS-3d-thick.mCSB_scrollTools, .mCS-3d-thick-dark.mCSB_scrollTools, .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } .mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, .mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; } .mCS-3d-thick.mCSB_scrollTools_vertical, .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools_horizontal, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ bottom: 1px; box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4); width: 12px; margin: 2px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); } .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; } .mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 12px; width: auto; } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #000; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme: "3d-thick-dark" */ .mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ background-color: #fff; background-color: rgba(0,0,0,0.05); box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1); } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme: "minimal", "minimal-dark" */ .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ right: 0; margin: 12px 0; } .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, .mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: 0; margin: 0 12px; } /* RTL direction/left-side scrollbar */ .mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, .mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{ left: 0; right: auto; } .mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, .mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; } .mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; } .mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, .mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* theme: "minimal-dark" */ .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.2); filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; } .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.5); filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; } /* ---------------------------------------- */ /* theme "light-3", "dark-3" */ .mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ width: 6px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; } .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 6px; margin: 5px 0; } .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 12px; } .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, .mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ height: 12px; margin: 2px 0; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "dark-3" */ .mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* ---------------------------------------- */ /* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */ .mCS-inset.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ width: 12px; background-color: #000; background-color: rgba(0,0,0,0.2); } .mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; margin: 3px 5px; position: absolute; height: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ height: 6px; margin: 5px 3px; position: absolute; width: auto; top: 0; bottom: 0; left: 0; right: 0; } .mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; height: 12px; margin: 2px 0; } .mCS-inset.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; } .mCS-inset.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; } /* theme "inset-dark", "inset-2-dark", "inset-3-dark" */ .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; } .mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -120px -128px; } /* theme "inset-2", "inset-2-dark" */ .mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; border-width: 1px; border-style: solid; border-color: #fff; border-color: rgba(255,255,255,0.2); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); } /* theme "inset-3", "inset-3-dark" */ .mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); } .mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); } .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar, .mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); } /* ---------------------------------------- */ /* End */ /* Start:/local/templates/main/css/footer/footer.css?17116322626571*/ .footer { background: #F6F6F6; min-height: 230px; margin-top: 33px; } .footer__info { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; -webkit-box-align: center; -ms-flex-align: center; align-items: center; min-height: 162px; } @media (max-width: 425px) { .footer__info { display: -ms-grid; display: grid; grid-gap: 20px; grid-template-areas: "a c" "b b"; padding: 20px 0; } } .footer__line { background: #646263; min-height: 68px; padding: 20px 0; } @media (max-width: 768px) { .footer__line { padding: 10px 0; } } .footer__logo { max-width: 256px; width: 100%; } @media (max-width: 425px) { .footer__logo { max-width: 168px; grid-area: a; } } .footer__logo-image { width: 107px; height: 51px; -o-object-fit: contain; object-fit: contain; display: block; margin-right: 11px; } @media (max-width: 425px) { .footer__logo-image { width: 58px; height: 27px; } } .footer__logo-link { text-decoration: none; color: #111111; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; } .footer__logo-text { font-size: 12px; line-height: 16px; } @media (max-width: 425px) { .footer__logo-text { font-size: 8px; line-height: 9px; } } .footer__navigation { max-width: 511px; width: 100%; } @media (max-width: 1024px) { .footer__navigation { max-width: 300px; } } @media (max-width: 768px) { .footer__navigation { max-width: 257px; } } @media (max-width: 425px) { .footer__navigation { max-width: 100%; grid-area: b; } } .footer__menu { list-style: none; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; } @media (max-width: 1024px) { .footer__menu { -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: start; -ms-flex-pack: start; justify-content: flex-start; } } .footer__menu-item { text-decoration: none; padding: 5px; } .footer__menu-item--active .footer__menu-link { color: #EE021D; } .footer__menu-item:hover .footer__menu-link { color: #EE021D; } .footer__menu-link { text-decoration: none; font-size: 16px; line-height: 19px; -webkit-transition: all 0.3s; transition: all 0.3s; color: #111111; } @media (max-width: 768px) { .footer__menu-link { font-size: 14px; line-height: 24px; } } @media (max-width: 425px) { .footer__menu-link { font-size: 12px; line-height: 20px; } } .footer__contacts { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media (max-width: 425px) { .footer__contacts { grid-area: c; } } .footer__contacts-link { font-weight: bold; font-size: 16px; line-height: 19px; color: #111111; text-decoration: none; display: inline-block; padding-bottom: 7px; position: relative; padding-left: 24px; } @media (max-width: 425px) { .footer__contacts-link { font-size: 12px; line-height: 14px; } } .footer__contacts-link--mail::before { content: ''; position: absolute; left: 0; top: 50%; -webkit-transform: translateY(calc(-50% - 3px)); transform: translateY(calc(-50% - 3px)); display: block; width: 14px; height: 9px; background-image: url(/local/templates/main/css/footer/../../assets/image/icons/mail_icon.svg); } .footer__contacts-text { font-weight: normal; font-size: 14px; line-height: 16px; display: inline-block; padding-left: 24px; } @media (max-width: 425px) { .footer__contacts-text { font-size: 12px; line-height: 14px; } } .footer__contacts-text:not(:last-child) { padding-bottom: 7px; } .footer__container { display: -ms-grid; display: grid; -ms-grid-columns: 1.5fr 1fr 1fr; grid-template-columns: 1.5fr 1fr 1fr; } @media (max-width: 425px) { .footer__container { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } .footer__resolution { font-size: 11px; line-height: 14px; color: #FFFFFF; opacity: 0.5; max-width: 395px; } @media (max-width: 425px) { .footer__resolution { font-size: 9px; line-height: 12px; text-align: center; } } .footer__social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } @media (max-width: 425px) { .footer__social { padding: 13px 0 8px; } } .footer__social-link { text-decoration: none; fill: rgba(255, 255, 255, 0.5); -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; padding: 0 15px; } .footer__social-link:hover { fill: #fff; } @media (max-width: 425px) { .footer__social-link:nth-child(1) > svg { width: 16px; height: 16px; } .footer__social-link:nth-child(2) > svg { width: 9px; height: 18px; } .footer__social-link:nth-child(3) > svg { width: 18px; height: 13px; } .footer__social-link:nth-child(4) > svg { width: 18px; height: 11px; } } .footer__agreements { display: -webkit-box; display: -ms-flexbox; display: flex; width: 100%; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media (max-width: 425px) { .footer__agreements { -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } .footer__agreements-link { font-size: 11px; line-height: 24px; color: #FFFFFF; opacity: 0.5; text-decoration: none; -webkit-transition: all 0.3s; transition: all 0.3s; display: inline-block; } @media (max-width: 425px) { .footer__agreements-link { font-size: 9px; line-height: 24px; } } .footer__agreements-link:not(:last-child) { padding-right: 24px; } .footer__agreements-link:hover { opacity: 1; } /*# sourceMappingURL=footer.css.map */ /* End */ /* Start:/local/templates/main/css/contacts/contacts.min.css?17116322625786*/ .contacts__navigation{background:-webkit-linear-gradient(340.41deg,#f6f6f6 0,rgba(250,250,250,.7) 100%);background:-o-linear-gradient(340.41deg,#f6f6f6 0,rgba(250,250,250,.7) 100%);background:linear-gradient(109.59deg,#f6f6f6 0,rgba(250,250,250,.7) 100%);border:1px solid #d6d6d6;padding:21px}.contacts__navigation-form{display:-ms-grid;display:grid;-ms-grid-columns:minmax(275px,1fr) 3fr;grid-template-columns:minmax(275px,1fr) 3fr;grid-gap:30px}@media screen and (max-width:980px){.contacts__navigation-form{-ms-grid-columns:1fr;grid-template-columns:1fr}}.contacts__navigation-form .column{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex}@media screen and (min-width:980px){.contacts__navigation-form .column:not(:first-child){-webkit-justify-content:space-around;-ms-flex-pack:distribute;justify-content:space-around}}@media screen and (max-width:980px){.contacts__navigation-form .column:not(:first-child){display:-ms-grid;display:grid;-ms-grid-columns:1fr 1fr 1fr;grid-template-columns:1fr 1fr 1fr}.contacts__navigation-form .column .select{width:100%}}.contacts__navigation-form .column .radio-button-label{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.contacts__navigation-form .column .radio-button-label:not(:last-child){margin-right:30px;}.contacts__navigation-form .column .radio-button-label>.text{margin-left:9px;font-size:14px;line-height:24px}.contacts__navigation-form .column--desktop{display:-webkit-box;display:-webkit-inline-box;display:-ms-flexbox;display:inline-block}@media screen and (max-width:670px){.contacts__navigation-form .column--desktop{display:none}.contacts__navigation-form .column--desktop:not(:first-child){display:none}}.contacts__navigation-form .column--mobile{display:none}@media screen and (max-width:670px){.contacts__navigation-form .column--mobile{display:-ms-grid;display:grid;z-index:1}}.contacts__maps{height:375px;margin-top:29px}.contacts__maps--show{display:none}.contacts__table{margin-top:29px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column}.contacts__table-header{background:#646263;padding:12px 19px 12px}.contacts__table-header .contacts__table-column,.contacts__table-header .contacts__table-column--desktop,.contacts__table-header .contacts__table-column--mobile{font-weight:700;font-size:14px;line-height:16px;color:#fff}@media screen and (max-width:768px){.contacts__table-header .contacts__table-column--desktop{display:none}}.contacts__table-header .contacts__table-column--mobile{display:none}@media screen and (max-width:768px){.contacts__table-header .contacts__table-column--mobile{display:inline-block}}.contacts__table-row{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);grid-gap:15px}@media screen and (max-width:768px){.contacts__table-row{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}}@media screen and (max-width:580px){.contacts__table-row{-ms-grid-columns:1fr;grid-template-columns:1fr}}.contacts__table-body{border:1px solid #d6d6d6;border-top:0}.contacts__table-body .contacts__table-row{padding:10px 19px}.contacts__table-body .contacts__table-row:nth-child(2n){background:#f6f6f6}@media screen and (max-width:768px){.contacts__table-body .contacts__table-row{grid-template-areas:'a b' 'a c' 'a d'}}@media screen and (max-width:580px){.contacts__table-body .contacts__table-row{grid-template-areas:'a' 'b' 'c' 'd'}}@media screen and (max-width:768px){.contacts__table-body .contacts__table-column:nth-child(1),.contacts__table-body .contacts__table-header .contacts__table-column--desktop:nth-child(1),.contacts__table-body .contacts__table-header .contacts__table-column--mobile:nth-child(1),.contacts__table-header .contacts__table-body .contacts__table-column--desktop:nth-child(1),.contacts__table-header .contacts__table-body .contacts__table-column--mobile:nth-child(1){grid-area:a}.contacts__table-body .contacts__table-column:nth-child(2),.contacts__table-body .contacts__table-header .contacts__table-column--desktop:nth-child(2),.contacts__table-body .contacts__table-header .contacts__table-column--mobile:nth-child(2),.contacts__table-header .contacts__table-body .contacts__table-column--desktop:nth-child(2),.contacts__table-header .contacts__table-body .contacts__table-column--mobile:nth-child(2){grid-area:b}.contacts__table-body .contacts__table-column:nth-child(3),.contacts__table-body .contacts__table-header .contacts__table-column--desktop:nth-child(3),.contacts__table-body .contacts__table-header .contacts__table-column--mobile:nth-child(3),.contacts__table-header .contacts__table-body .contacts__table-column--desktop:nth-child(3),.contacts__table-header .contacts__table-body .contacts__table-column--mobile:nth-child(3){grid-area:c}.contacts__table-body .contacts__table-column:nth-child(4),.contacts__table-body .contacts__table-header .contacts__table-column--desktop:nth-child(4),.contacts__table-body .contacts__table-header .contacts__table-column--mobile:nth-child(4),.contacts__table-header .contacts__table-body .contacts__table-column--desktop:nth-child(4),.contacts__table-header .contacts__table-body .contacts__table-column--mobile:nth-child(4){grid-area:d}}.contacts__table-title{font-weight:700;font-size:14px;line-height:16px;color:#111}.contacts__table-text{font-size:14px;line-height:24px;color:#111}.contacts__table-link{font-size:14px;line-height:16px;color:#ee021d;text-decoration:none}.contacts__table-link:focus,.contacts__table-link:visited{color:#ee021d} /* End */ /* Start:/local/templates/main/css/catalog-menu/catalog-menu.css?171163226238377*/ .burger { width: 16px; height: 14px; opacity: 0.5; } .burger-line { width: 100%; display: block; height: 2px; background-color: #eeeeee; } .burger-line:not(:last-child) { margin-bottom: 3px; } .catalog { max-width: 251px; width: 100%; cursor: pointer; position: relative; z-index: 999; height: 61px; display: flex; } @media (max-width: 1024px) { .catalog { position: static; } } @media (max-width: 768px) { .catalog { max-width: 16px; } } @media (max-width: 425px) { .catalog { max-width: 0; } } .catalog--active .catalog__navigation { -webkit-animation: 0.5s ease-in-out catalogShow forwards; animation: 0.5s ease-in-out catalogShow forwards; } .catalog.catalog--active .catalog__navigation {display:block;} .catalog .catalog__navigation {display:none;} .catalog, .catalog__line { -webkit-tap-highlight-color: transparent; } .catalog__line { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } @media (max-width: 425px) { .catalog__line { /*display: none;*/ } } .catalog__title { color: #eeeeee; padding-left: 16px; font-size: 20px; line-height: 24px; opacity: 0.5; } .catalog--active .catalog__title { color: #ffffff; opacity: 1; } @media (max-width: 768px) { .catalog__title { display: none; } } .catalog__navigation { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: start; -webkit-justify-content: flex-start; -ms-flex-pack: start; justify-content: flex-start; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; position: absolute; top: 61px; -webkit-box-shadow: 0px 0px 15px rgba(71, 71, 71, 0.15); box-shadow: 0px 0px 15px rgba(71, 71, 71, 0.15); opacity: 0; visibility: hidden; !display:none; z-index: 1; } @media (max-width: 1024px) { .catalog__navigation { top: 61px; left: 0; width: 100%; } } .catalog__menu, .catalog__menu--desktop, .catalog__menu--mobile { display: -ms-grid; display: grid; list-style: none; background: #fff; padding: 12px 0; } @media (max-width: 1024px) { .catalog__menu--desktop { display: none; } } .catalog__menu--mobile { padding: 0; min-height: 37px; } @media (min-width: 1025px) { .catalog__menu--mobile { display: none; } } .catalog__menu--mobile > .burger { opacity: 1; position: absolute; top: 13px; left: 40px; z-index: 9999; } @media (max-width: 425px) { .catalog__menu--mobile > .burger { left: 20px; } } .catalog__menu--mobile > .burger .burger-line { background-color: #111; } .catalog__menu--mobile > .catalog__item { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .catalog__menu--mobile > .catalog__item.catalog__item--has-child::after { top: 18px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .catalog__menu--mobile > .catalog__item > .catalog__link, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon.catalog__menu--mobile > .catalog__item > .catalog__link-default, .catalog__menu--mobile > .catalog__item > .catalog__link, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon.catalog__menu--mobile > .catalog__item > .catalog__link-percent, .catalog__menu--mobile > .catalog__item > .catalog__link-pliers-tool, .catalog__menu--mobile > .catalog__item > .catalog__link-stripping-tools, .catalog__menu--mobile > .catalog__item > .catalog__link-crimping-tools, .catalog__menu--mobile > .catalog__item > .catalog__link-tool-electrical-work, .catalog__menu--mobile > .catalog__item > .catalog__link-scissors-cutters, .catalog__menu--mobile > .catalog__item > .catalog__link-сlamping-tools-accessories, .catalog__menu--mobile > .catalog__item > .catalog__link-screwdriver, .catalog__menu--mobile > .catalog__item > .catalog__link-bits-bit-holders, .catalog__menu--mobile > .catalog__item > .catalog__link-keys, .catalog__menu--mobile > .catalog__item > .catalog__link-torque-tool, .catalog__menu--mobile > .catalog__item > .catalog__link-hammers-sledgehammers, .catalog__menu--mobile > .catalog__item > .catalog__link-tool-cases-bags, .catalog__menu--mobile > .catalog__item > .catalog__link-lanterns, .catalog__menu--mobile > .catalog__item > .catalog__link-chisels-chisels, .catalog__menu--mobile > .catalog__item > .catalog__link-sets-kits, .catalog__menu--mobile > .catalog__item > .catalog__link-tool-trolleys, .catalog__menu--mobile > .catalog__item > .catalog__link-spare-parts-consumables, .catalog__menu--mobile > .catalog__item > .catalog__link-drill-bits-crowns, .catalog__menu--mobile > .catalog__item > .catalog__link-testing-tool .catalog__menu--mobile > .catalog__item > .catalog__link-special-tool { font-size: 14px; line-height: 36px; padding: 0 55px 0 40px; margin: 0; } @media (max-width: 425px) { .catalog__menu--mobile > .catalog__item > .catalog__link, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon.catalog__menu--mobile > .catalog__item > .catalog__link-default, .catalog__menu--mobile > .catalog__item > .catalog__link, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon.catalog__menu--mobile > .catalog__item > .catalog__link-percent, .catalog__menu--mobile > .catalog__item > .catalog__link-pliers-tool, .catalog__menu--mobile > .catalog__item > .catalog__link-stripping-tools, .catalog__menu--mobile > .catalog__item > .catalog__link-crimping-tools, .catalog__menu--mobile > .catalog__item > .catalog__link-tool-electrical-work, .catalog__menu--mobile > .catalog__item > .catalog__link-scissors-cutters, .catalog__menu--mobile > .catalog__item > .catalog__link-сlamping-tools-accessories, .catalog__menu--mobile > .catalog__item > .catalog__link-screwdriver, .catalog__menu--mobile > .catalog__item > .catalog__link-bits-bit-holders, .catalog__menu--mobile > .catalog__item > .catalog__link-keys, .catalog__menu--mobile > .catalog__item > .catalog__link-torque-tool, .catalog__menu--mobile > .catalog__item > .catalog__link-hammers-sledgehammers, .catalog__menu--mobile > .catalog__item > .catalog__link-tool-cases-bags, .catalog__menu--mobile > .catalog__item > .catalog__link-lanterns, .catalog__menu--mobile > .catalog__item > .catalog__link-chisels-chisels, .catalog__menu--mobile > .catalog__item > .catalog__link-sets-kits, .catalog__menu--mobile > .catalog__item > .catalog__link-tool-trolleys, .catalog__menu--mobile > .catalog__item > .catalog__link-spare-parts-consumables, .catalog__menu--mobile > .catalog__item > .catalog__link-drill-bits-crowns, .catalog__menu--mobile > .catalog__item > .catalog__link-testing-tool, .catalog__menu--mobile > .catalog__item > .catalog__link-special-tool{ padding: 0 55px 0 20px; } } .catalog__menu--mobile > .catalog__item:hover.catalog__item--has-child:not(.no-active):after, .catalog__menu--mobile > .catalog__item:focus.catalog__item--has-child:not(.no-active):after { -webkit-transform: translateY(-50%) rotateZ(90deg); -ms-transform: translateY(-50%) rotate(90deg); transform: translateY(-50%) rotateZ(90deg); } .catalog__menu--mobile > .catalog__item:hover > .catalog__menu-sub, .catalog__menu--mobile > .catalog__item:focus > .catalog__menu-sub { position: relative; left: 0; width: 100%; display: block; padding: 23px 26px 23px 40px; } @media (max-width: 425px) { .catalog__menu--mobile > .catalog__item:hover > .catalog__menu-sub, .catalog__menu--mobile > .catalog__item:focus > .catalog__menu-sub { padding: 23px 26px 23px 20px; } } .catalog__menu--mobile > .catalog__item > .catalog__menu-sub { position: relative; left: 0; width: 100%; display: none; } .catalog__menu--mobile > .catalog__item > .catalog__menu-sub.catalog__menu-sub--icon { /*display: -ms-grid;*/ /*display: grid;*/ display: flex; flex-direction: column; padding: 0; } .catalog__menu--mobile > .catalog__item > .catalog__menu-sub.catalog__menu-sub--icon .catalog__item--has-child:hover > .catalog__menu-sub, .catalog__menu--mobile > .catalog__item > .catalog__menu-sub.catalog__menu-sub--icon .catalog__item--has-child:focus > .catalog__menu-sub { opacity: 0; display: none; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon { width: 100vw; left: 0; top: 0 !important; z-index: 999; display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[6]; grid-template-columns: repeat(6, 1fr); grid-gap: 2px; background: #fff; padding: 40px; position: absolute; } @media (max-width: 729px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon { -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 2) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / span 1; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 1) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / span 1; } .catalog__menu--mobile > .catalog__item > .catalog__menu-sub.catalog__menu-sub--icon { position: relative; } } @media (max-width: 629px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 2) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / span 1; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 1) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / span 1; } } @media (max-width: 510px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media (max-width: 420px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item { min-width: 106px; width: 100%; /*height: 106px;*/ } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > a { padding: 14px 10px 10px 42px !important; } @media (max-width: 580px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item.catalog__item--nohas-child{background:#f6f6f6;} .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item.catalog__item--nohas-child > a {margin:0} } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item::after { content: none; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 2) { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 1) { -ms-grid-column: 3; -ms-grid-column-span: 2; grid-column: 3 / span 2; } @media (max-width: 729px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 2) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / span 1; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 1) { -ms-grid-column: 5; -ms-grid-column-span: 1; grid-column: 5 / span 1; } } @media (max-width: 629px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 2) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / span 1; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 1) { -ms-grid-column: 4; -ms-grid-column-span: 1; grid-column: 4 / span 1; } } @media (max-width: 510px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 2) { -ms-grid-column: 1; -ms-grid-column-span: 2; grid-column: 1 / span 2; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 1) { -ms-grid-column: 3; -ms-grid-column-span: 1; grid-column: 3 / span 1; } } @media (max-width: 420px) { .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 2) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1 / span 1; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item:nth-last-child(-n + 1) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2 / span 1; } } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-default, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-pliers-tool, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-stripping-tools, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-crimping-tools, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-tool-electrical-work, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-scissors-cutters, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-сlamping-tools-accessories, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-screwdriver, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-bits-bit-holders, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-keys, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-torque-tool, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-hammers-sledgehammers, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-tool-cases-bags, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-lanterns, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-chisels-chisels, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-sets-kits, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-tool-trolleys, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-spare-parts-consumables, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-drill-bits-crowns, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-testing-tool, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-special-tool { margin: 0; padding: 43px 10px 10px 10px; border: 0; font-size: 14px; line-height: 14px; -webkit-box-align: start; -webkit-align-items: flex-start; -ms-flex-align: start; align-items: flex-start; background: #f6f6f6; font-weight: normal; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-default::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-pliers-tool::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-stripping-tools::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-crimping-tools::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-tool-electrical-work::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-scissors-cutters::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-сlamping-tools-accessories::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-screwdriver::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-bits-bit-holders::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-keys::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-torque-tool::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-hammers-sledgehammers::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-tool-cases-bags::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-lanterns::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-chisels-chisels::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-sets-kits::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-tool-trolleys::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-spare-parts-consumables::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-drill-bits-crowns::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-testing-tool::before, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-special-tool::before { top: 8px; left: 10px; } @.catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-screwdriver:before { width: 21px; height: 34px; left: -3px; } @.catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-chisels-chisels:before { width: 33px; height: 33px; left: -3px; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent { margin: 0 !important; padding: 43px 10px 10px 10px !important; border: 0 !important; font-size: 14px !important; line-height: 14px !important; -webkit-box-align: start !important; -webkit-align-items: flex-start !important; -ms-flex-align: start !important; align-items: flex-start !important; background: #f6f6f6; font-weight: normal; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/percent.svg); background-repeat: no-repeat; position: absolute; display: block; width: 15px; height: 18px; -o-object-fit: contain; object-fit: contain; top: 8px; left: 10px; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub .catalog__item:hover > .catalog__menu-sub, .catalog__menu--mobile > .catalog__item .catalog__menu-sub .catalog__item:focus > .catalog__menu-sub { opacity: 1; display: -ms-grid; display: grid; } .catalog__menu--mobile > .catalog__item .catalog__menu-sub .catalog__menu-sub { opacity: 0; display: none; } .catalog__item { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .catalog__item:not(:last-child) .catalog__link, .catalog__item:not(:last-child) .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__menu--mobile > .catalog__item .catalog__item:not(:last-child) .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__item:not(:last-child) .catalog__link-pliers-tool, .catalog__item:not(:last-child) .catalog__link-stripping-tools, .catalog__item:not(:last-child) .catalog__link-crimping-tools, .catalog__item:not(:last-child) .catalog__link-tool-electrical-work, .catalog__item:not(:last-child) .catalog__link-scissors-cutters, .catalog__item:not(:last-child) .catalog__link-сlamping-tools-accessories, .catalog__item:not(:last-child) .catalog__link-screwdriver, .catalog__item:not(:last-child) .catalog__link-bits-bit-holders, .catalog__item:not(:last-child) .catalog__link-keys, .catalog__item:not(:last-child) .catalog__link-torque-tool, .catalog__item:not(:last-child) .catalog__link-hammers-sledgehammers, .catalog__item:not(:last-child) .catalog__link-default, .catalog__item:not(:last-child) .catalog__link-tool-cases-bags, .catalog__item:not(:last-child) .catalog__link-lanterns, .catalog__item:not(:last-child) .catalog__link-chisels-chisels, .catalog__item:not(:last-child) .catalog__link-sets-kits, .catalog__item:not(:last-child) .catalog__link-tool-trolleys, .catalog__item:not(:last-child) .catalog__link-spare-parts-consumables, .catalog__item:not(:last-child) .catalog__link-drill-bits-crowns, .catalog__item:not(:last-child) .catalog__link-testing-tool, .catalog__item:not(:last-child) .catalog__link-special-tool, .catalog__item:not(:last-child) .catalog__link-special-tool { border-bottom: 1px solid #f6f6f6; } .catalog__item:first-child .catalog__link, .catalog__item:first-child .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__menu--mobile > .catalog__item .catalog__item:first-child .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__item:first-child .catalog__link-pliers-tool, .catalog__item:first-child .catalog__link-stripping-tools, .catalog__item:first-child .catalog__link-crimping-tools, .catalog__item:first-child .catalog__link-tool-electrical-work, .catalog__item:first-child .catalog__link-scissors-cutters, .catalog__item:first-child .catalog__link-сlamping-tools-accessories, .catalog__item:first-child .catalog__link-screwdriver, .catalog__item:first-child .catalog__link-bits-bit-holders, .catalog__item:first-child .catalog__link-keys, .catalog__item:first-child .catalog__link-torque-tool, .catalog__item:first-child .catalog__link-hammers-sledgehammers, .catalog__item:first-child .catalog__link-tool-cases-bags, .catalog__item:first-child .catalog__link-lanterns, .catalog__item:first-child .catalog__link-chisels-chisels, .catalog__item:first-child .catalog__link-sets-kits, .catalog__item:first-child .catalog__link-tool-trolleys, .catalog__item:first-child .catalog__link-spare-parts-consumables, .catalog__item:first-child .catalog__link-drill-bits-crowns, .catalog__item:first-child .catalog__link-testing-tool, .catalog__item:first-child .catalog__link-special-tool { padding-top: 0; } .catalog__item:first-child > .catalog__menu-sub { top: 0; } /*.catalog__item:nth-child(2) > .catalog__menu-sub {*/ /* top: -100%;*/ /*}*/ .catalog__item:last-child .catalog__link, .catalog__item:last-child .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__menu--mobile > .catalog__item .catalog__item:last-child .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__item:last-child .catalog__link-pliers-tool, .catalog__item:last-child .catalog__link-stripping-tools, .catalog__item:last-child .catalog__link-crimping-tools, .catalog__item:last-child .catalog__link-tool-electrical-work, .catalog__item:last-child .catalog__link-scissors-cutters, .catalog__item:last-child .catalog__link-сlamping-tools-accessories, .catalog__item:last-child .catalog__link-screwdriver, .catalog__item:last-child .catalog__link-bits-bit-holders, .catalog__item:last-child .catalog__link-keys, .catalog__item:last-child .catalog__link-torque-tool, .catalog__item:last-child .catalog__link-hammers-sledgehammers, .catalog__item:last-child .catalog__link-tool-cases-bags, .catalog__item:last-child .catalog__link-lanterns, .catalog__item:last-child .catalog__link-chisels-chisels, .catalog__item:last-child .catalog__link-sets-kits, .catalog__item:last-child .catalog__link-tool-trolleys, .catalog__item:last-child .catalog__link-spare-parts-consumables, .catalog__item:last-child .catalog__link-drill-bits-crowns, .catalog__item:last-child .catalog__link-testing-tool, .catalog__item:last-child .catalog__link-special-tool { padding-bottom: 0; } .catalog__item:hover, .catalog__item:focus { background: #f6f6f6; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; } .catalog__item:hover .catalog__link, .catalog__item:hover .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__menu--mobile > .catalog__item .catalog__item:hover .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__item:hover .catalog__link-pliers-tool, .catalog__item:hover .catalog__link-stripping-tools, .catalog__item:hover .catalog__link-crimping-tools, .catalog__item:hover .catalog__link-tool-electrical-work, .catalog__item:hover .catalog__link-scissors-cutters, .catalog__item:hover .catalog__link-сlamping-tools-accessories, .catalog__item:hover .catalog__link-screwdriver, .catalog__item:hover .catalog__link-bits-bit-holders, .catalog__item:hover .catalog__link-keys, .catalog__item:hover .catalog__link-torque-tool, .catalog__item:hover .catalog__link-hammers-sledgehammers, .catalog__item:hover .catalog__link-tool-cases-bags, .catalog__item:hover .catalog__link-lanterns, .catalog__item:hover .catalog__link-chisels-chisels, .catalog__item:hover .catalog__link-sets-kits, .catalog__item:hover .catalog__link-tool-trolleys, .catalog__item:hover .catalog__link-spare-parts-consumables, .catalog__item:hover .catalog__link-drill-bits-crowns, .catalog__item:hover .catalog__link-testing-tool, .catalog__item:hover .catalog__link-special-tool, .catalog__item:focus .catalog__link, .catalog__item:focus .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__menu--mobile > .catalog__item .catalog__item:focus .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent, .catalog__item:focus .catalog__link-pliers-tool, .catalog__item:focus .catalog__link-stripping-tools, .catalog__item:focus .catalog__link-crimping-tools, .catalog__item:focus .catalog__link-tool-electrical-work, .catalog__item:focus .catalog__link-scissors-cutters, .catalog__item:focus .catalog__link-сlamping-tools-accessories, .catalog__item:focus .catalog__link-screwdriver, .catalog__item:focus .catalog__link-bits-bit-holders, .catalog__item:focus .catalog__link-keys, .catalog__item:focus .catalog__link-torque-tool, .catalog__item:focus .catalog__link-hammers-sledgehammers, .catalog__item:focus .catalog__link-tool-cases-bags, .catalog__item:focus .catalog__link-lanterns, .catalog__item:focus .catalog__link-chisels-chisels, .catalog__item:focus .catalog__link-sets-kits, .catalog__item:focus .catalog__link-tool-trolleys, .catalog__item:focus .catalog__link-spare-parts-consumables, .catalog__item:focus .catalog__link-drill-bits-crowns, .catalog__item:focus .catalog__link-testing-tool, .catalog__item:focus .catalog__link-special-tool { font-weight: bold; } @media (min-width: 1024px) { .catalog__item--has-child:after { content: ""; position: absolute; height: 10px; width: 7px; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/icons/arrow_catalog_right/normal.png); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; display: block; right: 11px; } } .catalog__item--has-child .catalog__menu-sub { position: absolute; list-style: none; left: 100%; background: #f6f6f6; padding: 23px 0 23px 0; opacity: 0; visibility: hidden; width: 280px; z-index: 20; } .catalog__menu-sub .item-selected .catalog__link-sub{ font-weight:bold;} .catalog__menu--desktop .catalog__item--has-child:nth-child(2) .catalog__menu-sub { top: 0; } .catalog__item--has-child .catalog__item-sub { -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; padding: 3px 26px; } .catalog__item--has-child .catalog__item-sub:hover > .catalog__link-sub, .catalog__item--has-child .catalog__item-sub:focus > .catalog__link-sub { font-weight: bold; } .catalog__item--has-child .catalog__item-sub:hover > .catalog__menu-sub, .catalog__item--has-child .catalog__item-sub:focus > .catalog__menu-sub { opacity: 1; visibility: visible; top: -23px; } @media (min-width: 1024px) { .catalog__item:hover > .catalog__menu-sub, .catalog__item:focus .catalog__menu-sub { opacity: 1; visibility: visible; /*position: relative;*/ } .catalog__item--has-child > .catalog__menu-sub > .catalog__item-sub { position: relative; align-items: center; display:flex; } .catalog__menu--desktop .catalog__item--has-child .catalog__menu-sub{ filter:drop-shadow(1px 2px 3px black); } } @media (max-width: 1024px) { .catalog__menu--mobile > .catalog__item--active > .catalog__menu-sub { opacity: 1; visibility: visible; } .catalog__item--has-child { position: relative; } .catalog__menu--mobile > .catalog__item--has-child:not(.catalog__item--active) > .custom_mobile_sub_menu-first { position: absolute; } .catalog__item--active > .custom_mobile_sub_menu-second { opacity: 1 !important; position: relative; visibility: visible; left: 0; display: grid !important; width: 100%; padding-left: 45px; background: #EFEFEF; } .custom_mobile_sub_menu-first > .catalog__item--active { display: flex; flex-direction: column; } .catalog__item--has-child .catalog__item-sub { padding: 0; } .menu__mobile-arrow { position: absolute; content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/icons/arrow_catalog_right/hover.svg); height: 10px; width: 6px; display: block; right: 20px; top: 15px; -webkit-transform: rotate( 0deg); transform: rotate( 0deg); padding: 5px; background-repeat: no-repeat; -webkit-transition: all 0.3s; transition: all 0.3s; } .catalog__item--active > .menu__mobile-arrow { -webkit-transform: rotate(90deg); transform: rotate(90deg); } .black_cover { display: none; position: absolute; top: 0; height: 100%; width: 100%; background: black; opacity: 0.5; } } .catalog__item--has-child .catalog__item-sub:hover > .catalog__menu-sub > .catalog__item-sub:hover > .catalog__link-sub, .catalog__item--has-child .catalog__item-sub:hover > .catalog__menu-sub > .catalog__item-sub:focus > .catalog__link-sub, .catalog__item--has-child .catalog__item-sub:focus > .catalog__menu-sub > .catalog__item-sub:hover > .catalog__link-sub, .catalog__item--has-child .catalog__item-sub:focus > .catalog__menu-sub > .catalog__item-sub:focus > .catalog__link-sub { font-weight: bold; } .catalog__item--has-child .catalog__link-sub { font-size: 14px; line-height: 24px; color: #000000; text-decoration: none; } .catalog__link, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-default,.catalog__link, .catalog__menu--mobile > .catalog__item .catalog__menu-sub--icon > .catalog__item > .catalog__link-percent,.catalog__link-default, .catalog__link-pliers-tool, .catalog__link-stripping-tools, .catalog__link-crimping-tools,.catalog__link-tool-electrical-work, .catalog__link-scissors-cutters, .catalog__link-сlamping-tools-accessories,.catalog__link-screwdriver, .catalog__link-bits-bit-holders, .catalog__link-keys, .catalog__link-torque-tool,.catalog__link-hammers-sledgehammers, .catalog__link-default, .catalog__link-tool-cases-bags, .catalog__link-lanterns, .catalog__link-chisels-chisels, .catalog__link-sets-kits, .catalog__link-tool-trolleys, .catalog__link-spare-parts-consumables, .catalog__link-drill-bits-crowns, .catalog__link-testing-tool, .catalog__link-special-tool, .catalog__link-shop-equipment, .catalog__link-socket-heads, .catalog__link-impact-lever-tool { font-size: 14px; line-height: 18px; color: #111111; text-decoration: none; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; margin: 0 19px; padding: 8px 15px 8px 30px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; width: 100%; height: 100%; position: relative; } .catalog__link-bits-bit-holders:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/bits-bit-holders.svg); } .catalog__link-default:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/maintenance.svg); } .catalog__link-pliers-tool:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/pliers-tool.svg); } .catalog__link-stripping-tools:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/stripping-tools.svg); } .catalog__link-crimping-tools:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/crimping-tools.svg); } .catalog__link-tool-electrical-work:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/tool-electrical-work.svg); } .catalog__link-scissors-cutters:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/scissors-cutters.svg); } .catalog__link-сlamping-tools-accessories:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/clamping-tools-accessories.svg); } .catalog__link-screwdriver:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/screwdriver.svg); } .catalog__link-keys:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/keys.svg); } .catalog__link-torque-tool:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/torque-tool.svg); } .catalog__link-hammers-sledgehammers:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/hammers-sledgehammers.svg); } .catalog__link-tool-cases-bags:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/tool-cases-bags.svg); } .catalog__link-lanterns:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/lanterns.svg); } .catalog__link-chisels-chisels:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/chisels-chisels.svg); } .catalog__link-sets-kits:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/sets-kits.svg); } .catalog__link-tool-trolleys:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/tool-trolleys.svg); } .catalog__link-spare-parts-consumables:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/spare-parts-consumables.svg); } .catalog__link-drill-bits-crowns:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/drill-bits-crowns.svg); } .catalog__link-testing-tool:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/testing-tool.svg); } .catalog__link-special-tool:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/special-tool.svg); } .catalog__link-shop-equipment:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/shop-equipment.svg); } .catalog__link-socket-heads:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/socket-heads.svg); } .catalog__link-impact-lever-tool:before { content: ""; background-image: url(/local/templates/main/css/catalog-menu/../../assets/image/catalog/impact-lever-tool.svg); } .catalog__item_icon:before{ position: absolute; display: block; width: 25px; height: 25px; -o-object-fit: contain; object-fit: contain; left: 0; background-repeat:no-repeat; background-size: contain; } @-webkit-keyframes catalogShow { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } @keyframes catalogShow { 0% { opacity: 0; visibility: visible; } 100% { opacity: 1; visibility: visible; } } /* End */ /* Start:/local/templates/main/css/social-sticky/social-sticky.css?17116322621459*/ .social { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: absolute; top: 30px; right: 0; max-width: 60px; z-index: 2; } @media (max-width: 1024px) { .social { max-width: 34px; } } @media (max-width: 425px) { .social { display: none; } } .social__item, .social__item--red { width: 60px; height: 60px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; background: #F6F6F6; fill: #646263; -webkit-transition: all 0.3s; transition: all 0.3s; } @media (max-width: 1024px) { .social__item, .social__item--red { width: 34px; height: 34px; } .social__item svg, .social__item--red svg { max-width: 14px; max-height: 16px; } } .social__item:not(:last-child), .social__item--red:not(:last-child) { margin-bottom: 2px; } .social__item:hover, .social__item--red:hover { fill: #494949; -webkit-transition: all 0.3s; transition: all 0.3s; background: #C8C8C8; } .social__item--red { background: #EE021D; fill: #fff; } /*# sourceMappingURL=social-sticky.css.map */ /* End */ /* Start:/local/templates/main/css/banner/banner.css?17116322624020*/ .banner, .banner-image, .banner-image--white, .banner-text, .banner-card, .banner-card--with-btn { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 14px 18px; text-decoration: none; background-size: cover; background-repeat: no-repeat; background-color: #fff; margin-top: 33px; } .banner__line { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; grid-gap: 10px; } .banner__text { display: inline-block; -ms-grid-column: 3; grid-column-start: 3; grid-column-end: 3; font-weight: bold; font-size: 16px; line-height: 18px; color: #111111; } .banner__title { display: inline-block; padding: 6px 26px; background: #646263; font-size: 16px; line-height: 18px; text-align: center; color: #FFFFFF; } .banner__icon { width: 44px; height: 44px; -o-object-fit: contain; object-fit: contain; -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 1; } .banner-image, .banner-image--white { height: 230px; background-image: var(--background-image); } .banner-image--white .banner__title { color: #111111; background: #fff; } .banner-image--white .banner__text { color: #fff; } .banner-text, .banner-card, .banner-card--with-btn { border: 0px solid #D6D6D6; /*убрал рамку было border: 1px*/ } .banner-text .banner__title, .banner-card .banner__title, .banner-card--with-btn .banner__title { font-weight: bold; font-size: 20px; line-height: 22px; color: #111111; background: transparent; padding: 0 0 6px; text-align: left; } .banner-text .banner__text, .banner-card .banner__text, .banner-card--with-btn .banner__text { font-size: 14px; line-height: 18px; font-weight: normal; } .banner-card, .banner-card--with-btn { background: linear-gradient(109.59deg, #F6F6F6 0%, rgba(250, 250, 250, 0.7) 100%); border: 1px solid #D6D6D6; } .banner-card .banner__title, .banner-card--with-btn .banner__title { padding: 0 0 15px; } .banner-card .card, .banner-card--with-btn .card { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1.5fr; grid-template-columns: 0.5fr 1.5fr; grid-gap: 15px; } .banner-card .card:not(:last-child), .banner-card--with-btn .card:not(:last-child) { border-bottom: 1px solid #D6D6D6; margin-bottom: 15px; } .banner-card .card .block__image, .banner-card--with-btn .card .block__image { min-width: 80px; width: 80px; height: 80px; } .banner-card .card .block__image .image, .banner-card--with-btn .card .block__image .image { width: 100%; height: 100%; background-color: white; -o-object-fit: cover; object-fit: cover; } .banner-card .card .block__info{ overflow-x:hidden;} .banner-card .card .block__title, .banner-card--with-btn .card .block__title { font-weight: normal; font-size: 14px; line-height: 16px; height: auto; margin: 0; padding: 0 0 5px; } .banner-card .card .block__article, .banner-card--with-btn .card .block__article { font-weight: normal; font-size: 12px; line-height: 16px; padding: 0 20px 0 0; } .banner-card .card .block__price, .banner-card--with-btn .card .block__price { font-weight: bold; font-size: 14px; line-height: 16px; color: #111111; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .banner-card--with-btn .card:nth-last-child(2) { border-bottom: unset; } .banner-card--with-btn .button--red { max-width: 192px; } /*# sourceMappingURL=banner.css.map */ /* End */ /* Start:/local/templates/main/css/slick/slick.css?17116322623789*/ /* Slider */ .slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; margin-left: auto; margin-right: auto; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-track .slick-slide { !display: none; !display: block; float: left; height: 100%; !min-height: 370px; } @media screen and (min-width: 1024px) { .card .block__image .slick-track .slick-slide{height:334px} } .wrapper .slick-slide {min-height: 100%;} [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { ???display: flex; display:inline-block; display:block; } .slick-loading .slick-slide { visibility: hidden; display:none } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } .slick-arrow.slick-hidden { display: none; } .slick-dots { position: absolute; bottom: -25px; display: block; width: 100%; padding: 0; margin: 0; list-style: none; text-align: center; !z-index:100; } .slick-dots li { position: relative; display: inline-block; width: 20px; height: 20px; margin: 0 5px; padding: 0; cursor: pointer; } /* .slick-dots li button:hover, .slick-dots li button:focus { outline: none; } .slick-dots li button { font-size: 0; line-height: 0; display: block; width: 20px; height: 20px; padding: 5px; cursor: pointer; color: transparent; border: 0; outline: none; background: transparent; } .slick-dots li.slick-active button:before { opacity: .75; color: black; } .slick-dots li button:before { font-family: 'slick'; font-size: 46px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: '•'; text-align: center; opacity: .25; color: black; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } */ .slick-dots li { margin: 0; padding: 0; width: 50px; height: 10px; list-style: none; display: inline-block; flex-grow: 1; } .slick-dots li button { text-indent: -9999em; background: #afafaf; outline: 0; border: none; padding: 0; line-height: 1em; display: block; cursor: pointer; width: 100%; border-radius: 0; height: 3px; } .slick-dots li.slick-active button { background: #f00; } /* End */ /* Start:/local/templates/main/css/main/main.css?171163226279698*/ @charset "UTF-8"; .block, .content .new-items-block, .content .hit-products-block, .content .news-block, .content .branches-block { display: block; width: 100%; background: linear-gradient(109.59deg, #F6F6F6 0%, rgba(250, 250, 250, 0.7) 100%); border: 1px solid #D6D6D6; margin-bottom: 33px; padding: 30px; text-decoration: none; position: relative; margin-top:20px; } @media (max-width: 768px) { .block, .content .new-items-block, .content .hit-products-block, .content .news-block, .content .branches-block { padding: 25px; } } @media (max-width: 425px) { .block, .content .new-items-block, .content .hit-products-block, .content .news-block, .content .branches-block { padding: 20px; } } .block__title { display: inline-block; font-weight: bold; font-size: 20px; line-height: 22px; color: #111111; margin: 4px 0 15px; width: 100%; } @media (max-width: 425px) { .block__title { font-size: 14px; line-height: 16px; } } .block__article { display: inline-block; font-size: 14px; line-height: 18px; color: #AFAFAF; position: relative; padding: 8px 20px 6px 0; } @media (max-width: 425px) { .block__article { font-size: 10px; line-height: 12px; } } .block__article::before { content: ''; right: 0; width: 13px; height: 13px; display: block; position: absolute; background-image: url("/local/templates/main/css/main/../../assets/image/icons/copy_icon/normal.png"); } .block__image { min-width: 192px; !max-width: 100%; max-width: 192px; position: relative; } .block__icons { top: 0; width: 100%; height: 100%; display: -webkit-box; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; } .block__icons-row { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 5px; } .block__icons-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; position: relative; } .block__icons-item, .block__icons-item--bottom { margin-bottom: 6px; position: relative; left: -5px; width: 70px; height: 25px; } .hit-products-block .block__icons-item {left:0px;} @media (max-width: 580px) { .block__icons-item, .block__icons-item--bottom { width: 56px; height: 17px; left: -4px; } } .block__icons-item--bottom { width: 24px; height: 20px; left: 12px; margin-bottom: 10px; } .block__icons .icons-row { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; padding: 9px 10px 9px 0; } .block__icons .icons-row .libra-icon, .block__icons .icons-row .star-icon, .block__icons .icons-row .zoom-icon { fill: #AFAFAF; -webkit-transition: all 0.3s; transition: all 0.3s; cursor: pointer; width: 22px; height: 22px; margin: 0 0 0 13px; } @media (max-width: 580px) { .block__icons .icons-row .libra-icon, .block__icons .icons-row .star-icon, .block__icons .icons-row .zoom-icon { width: 15px; height: 15px; margin: 0 0 0 5px; } } .block__icons .icons-row .libra-icon:hover, .block__icons .icons-row .star-icon:hover, .block__icons .icons-row .zoom-icon:hover { fill: #EE021D; } .block__icons .icons-row .star-icon { width: 18px; height: 18px; } @media (max-width: 580px) { .block__icons .icons-row .star-icon { width: 12px; height: 12px; } } .block__icons .icons-row .zoom-icon { width: 33px; height: 33px; fill: #AFAFAF; } .block__price { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 5px; width: 100%; padding-bottom: 11px; font-size: 12px; line-height: 13px; color: #111111; } .block__price-desktop { font-weight: normal; font-size: 12px; line-height: 14px; color: #111111; } @media (max-width: 1300px) { .block__price-desktop { display: none; } } .block__price-mobile { display: none; font-weight: normal; font-size: 12px; line-height: 14px; color: #111111; } @media (max-width: 1300px) { .block__price-mobile { display: inline-block; } } .block__price-text { font-weight: normal; font-size: 12px; line-height: 13px; color: #111111; } .block__price-value { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .block__price-discount, .block__price-old { font-weight: bold; font-size: 20px; line-height: 22px; color: #EE021D; text-align: right; } @media (max-width: 580px) { .block__price-discount, .block__price-old { font-size: 14px; line-height: 16px; } } .block__price-old { font-weight: normal; color: #111111; text-decoration: line-through; } .block__price-date-end, .block__price-date-end .date-value { font-size: 12px; line-height: 14px; color: #EE021D; padding-left: 19px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .block__price-date-end::before, .block__price-date-end .date-value::before { content: ''; display: block; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-image: url(/local/templates/main/css/main/../../assets/image/icons/attention_icon.svg); } .block__price-date-end .date-value { padding-left: 0; } .block__price-date-end .date-value::before { content: unset; } .block__text { display: inline-block; margin-top: 7px; font-size: 18px; line-height: 24px; color: #111111; } @media screen and (max-width: 580px) { .block__text { font-size: 14px; line-height: 18px; } } .block__in-stock { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; line-height: 14px; position: relative; padding: 8px 0 6px 30px; } .block__in-stock::before { content: ''; display: block; position: absolute; width: 22px; height: 22px; left: 0; top: 4px; background-image: url(/local/templates/main/css/main/../../assets/image/icons/availability_sticker.svg); } .block__navigation { padding: 17px 25px; margin-top: 44px; background: #F6F6F6; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 20px; } .block__navigation-compare, .block__navigation-favorites, .block__navigation-print { position: relative; padding: 0 0 0 34px; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; line-height: 14px; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .block__navigation-compare::before, .block__navigation-favorites::before, .block__navigation-print::before { content: ''; position: absolute; background-image: url(/local/templates/main/css/main/../../assets/image/icons/comparison_icon.svg); width: 25px; height: 25px; left: 0; } .block__navigation-compare:hover, .block__navigation-favorites:hover, .block__navigation-print:hover { font-weight: normal; color: #ee021d; } .block__navigation-favorites::before { content: ''; position: absolute; background-image: url(/local/templates/main/css/main/../../assets/image/icons/favorite_icon.svg); width: 18px; height: 18px; } .block__navigation-print::before { content: ''; position: absolute; background-image: url(/local/templates/main/css/main/../../assets/image/icons/print_icon.svg); width: 21px; height: 23px; } .block .title, .content .new-items-block .title, .content .hit-products-block .title, .content .news-block .title, .content .branches-block .title, .block .single-item__title, .content .new-items-block .single-item__title, .content .hit-products-block .single-item__title, .content .news-block .single-item__title, .content .branches-block .single-item__title { font-weight: bold; font-size: 36px; line-height: 36px; color: #111111; padding-bottom: 14px; } @media (max-width: 425px) { .block .title, .content .new-items-block .title, .content .hit-products-block .title, .content .news-block .title, .content .branches-block .title, .block .single-item__title, .content .new-items-block .single-item__title, .content .hit-products-block .single-item__title, .content .news-block .single-item__title, .content .branches-block .single-item__title { font-size: 16px; line-height: 18px; } } .block .title__more, .content .new-items-block .title__more, .content .hit-products-block .title__more, .content .news-block .title__more, .content .branches-block .title__more { font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #EE021D; text-decoration: none; padding-left: 20px; } @media (max-width: 425px) { .block .title__more, .content .new-items-block .title__more, .content .hit-products-block .title__more, .content .news-block .title__more, .content .branches-block .title__more { font-size: 14px; line-height: 18px; } } .block .title__more:visited, .content .new-items-block .title__more:visited, .content .hit-products-block .title__more:visited, .content .news-block .title__more:visited, .content .branches-block .title__more:visited { color: #EE021D; } .block .wrapper, .content .new-items-block .wrapper, .content .hit-products-block .wrapper, .content .news-block .wrapper, .content .branches-block .wrapper { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; max-width: 100%; min-width: 240px; position: relative; } @media screen and (min-width: 1025px) and (max-width: 1340px) { .block .wrapper, .content .new-items-block .wrapper, .content .hit-products-block .wrapper, .content .news-block .wrapper, .content .branches-block .wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1021px) { .block .wrapper, .content .new-items-block .wrapper, .content .hit-products-block .wrapper, .content .news-block .wrapper, .content .branches-block .wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 780px) { .block .wrapper, .content .new-items-block .wrapper, .content .hit-products-block .wrapper, .content .news-block .wrapper, .content .branches-block .wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 740px) { .block .wrapper, .content .new-items-block .wrapper, .content .hit-products-block .wrapper, .content .news-block .wrapper, .content .branches-block .wrapper { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 425px) { .block .wrapper, .content .new-items-block .wrapper, .content .hit-products-block .wrapper, .content .news-block .wrapper, .content .branches-block .wrapper { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px; } } .block .separator, .content .new-items-block .separator, .content .hit-products-block .separator, .content .news-block .separator, .content .branches-block .separator { background: #AFAFAF; opacity: 0.4; height: 1px; width: 100%; margin: 28px 0; } .block .image, .content .new-items-block .image, .content .hit-products-block .image, .content .news-block .image, .content .branches-block .image { display: block; max-width: 192px; max-height: 192px; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } @media (max-width: 425px) { .block .image, .content .new-items-block .image, .content .hit-products-block .image, .content .news-block .image, .content .branches-block .image { min-width: 100%; object-fit: contain; } } .card, .content .news-block .wrapper .new, .content .branches-block .agriculture, .content .branches-block .construction, .content .branches-block .aviation, .content .branches-block .plumbing, .content .branches-block .industry, .content .branches-block .auto-industry, .content .branches-block .electronics, .content .branches-block .lighting, .content .branches-block .electricity { min-width: 110px; max-width: 100%; } .card .block__title, .content .news-block .wrapper .new .block__title, .content .branches-block .agriculture .block__title, .content .branches-block .construction .block__title, .content .branches-block .aviation .block__title, .content .branches-block .plumbing .block__title, .content .branches-block .industry .block__title, .content .branches-block .auto-industry .block__title, .content .branches-block .electronics .block__title, .content .branches-block .lighting .block__title, .content .branches-block .electricity .block__title { height: 67px; } @media (max-width: 425px) { .card .block__title, .content .news-block .wrapper .new .block__title, .content .branches-block .agriculture .block__title, .content .branches-block .construction .block__title, .content .branches-block .aviation .block__title, .content .branches-block .plumbing .block__title, .content .branches-block .industry .block__title, .content .branches-block .auto-industry .block__title, .content .branches-block .electronics .block__title, .content .branches-block .lighting .block__title, .content .branches-block .electricity .block__title { height: auto; } } .card .button--red, .content .news-block .wrapper .new .button--red, .content .branches-block .agriculture .button--red, .content .branches-block .construction .button--red, .content .branches-block .aviation .button--red, .content .branches-block .plumbing .button--red, .content .branches-block .industry .button--red, .content .branches-block .auto-industry .button--red, .content .branches-block .electronics .button--red, .content .branches-block .lighting .button--red, .content .branches-block .electricity .button--red { width: 100%; } .card__previews { max-height: 83px; min-height: 83px; height: 100%; padding: 0 0 0 15px; margin-top: 16px; display: -webkit-box; display: -ms-flexbox; display: flex; position: relative; background: #fff; } @media screen and (max-width: 880px) { .card__previews { max-height: 50px; min-height: 50px; } } @media screen and (max-width: 768px) { .card__previews { visibility: hidden; position: absolute; } } .card__previews .button-arrow--left { position: absolute; background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small.svg); width: 10px; height: 27px; left: 0; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .card__previews .button-arrow--right { position: absolute; background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small.svg); width: 10px; height: 27px; right: 0; top: 12px; -webkit-transform: rotateZ(180deg) translateY(-50%); transform: rotateZ(180deg) translateY(-50%); } @media screen and (max-width: 880px) { .card__previews .button-arrow--right { top: 2px; } } @media screen and (max-width: 980px) { .card__previews .slick-list { margin-right: 15px; } } .card__previews-item { position: relative; } .card__previews-item--video { position: relative; } .card__previews-item--video::before { content: ''; position: absolute; width: 35px; height: 35px; display: block; background: url(/local/templates/main/css/main/../../assets/image/icons/Play_preview.svg); background-size: contain; top: 50%; left: 45px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 880px) { .card__previews-item--video::before { width: 27px; height: 27px; top: 50%; left: 23px; } } .card__previews-item.slick-slide .card__previews-image { border: 1px solid #D6D6D6; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 1140px) { .card__previews-item.slick-slide .card__previews-image { max-width: 110px; } } @media screen and (max-width: 1024px) { .card__previews-item.slick-slide .card__previews-image { max-width: 123px; } } @media screen and (max-width: 980px) { .card__previews-item.slick-slide .card__previews-image { max-width: 110px; } } @media screen and (max-width: 880px) { .card__previews-item.slick-slide .card__previews-image { max-width: 76px; max-height: 50px; min-height: 50px; } } .card__previews-item.slick-slide.slick-current.slick-active .card__previews-image { border-color: #ee021d; } .card__description { padding: 0; margin-bottom: 33px; overflow: hidden; } .card__tabs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media screen and (max-width: 767px) { .card__tabs { padding-left: 45px; padding-right: 45px; } } .card__tabs-content { padding: 25px; background: #FFFFFF; border: 1px solid #D6D6D6; } .card__tab, .card__tab-left, .card__tab-right { font-weight: normal; font-size: 16px; line-height: 14px; color: #111111; padding: 12px 25px; background: linear-gradient(109.59deg, #F6F6F6 0%, rgba(250, 250, 250, 0.7) 100%); border: 1px solid #D6D6D6; cursor: pointer; border-bottom: 0px; } .card__tab:not(:last-child), .card__tab-left:not(:last-child), .card__tab-right:not(:last-child) { margin-right: 6px; } @media screen and (max-width: 880px) { .card__tab, .card__tab-left, .card__tab-right { padding: 12px 12px; } } @media screen and (max-width: 767px) { .card__tab, .card__tab-left, .card__tab-right { border: 0; } .card__tab:not(:last-child), .card__tab-left:not(:last-child), .card__tab-right:not(:last-child) { margin-right: 0; } } .card__tab--active { background: #FFFFFF; font-weight: bold; position: relative; } @media screen and (max-width: 767px) { .card__tab--active { border: 1px solid #D6D6D6; } } .card__tab--active::before { content: ''; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; display: block; background: #FFFFFF; } .card__tab-left { display: none; width: 40px; min-height: 39px; position: absolute; background: linear-gradient(109.59deg, #F6F6F6 0%, rgba(250, 250, 250, 0.7) 100%); padding: 0; left: 0; z-index: 1; border: 1px solid #D6D6D6; border-bottom: 0; } .card__tab-left::before { content: ''; position: absolute; display: block; background: url(/local/templates/main/css/main/../../assets/image/arrow_left_block/disabled.svg); background-size: contain; background-repeat: no-repeat; height: 19px; width: 9px; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); top: 10px; left: 14px; } .card__tab-left:focus::before { background: url(/local/templates/main/css/main/../../assets/image/arrow_right_block/normal.svg); background-size: contain; background-repeat: no-repeat; width: 9px; -webkit-transform: rotateZ(180deg); transform: rotateZ(180deg); top: 10px; left: 14px; } @media screen and (max-width: 767px) { .card__tab-left { display: block; } } .card__tab-right { display: none; width: 40px; min-height: 39px; position: absolute; background: linear-gradient(109.59deg, #F6F6F6 0%, rgba(250, 250, 250, 0.7) 100%); padding: 0; right: 0; top: 0; border: 1px solid #D6D6D6; border-bottom: 0; } .card__tab-right:not(:last-child) { margin-right: 0; } .card__tab-right::before { content: ''; position: absolute; display: block; background: url(/local/templates/main/css/main/../../assets/image/arrow_left_block/disabled.svg); background-size: contain; background-repeat: no-repeat; height: 19px; width: 9px; top: 10px; left: 14px; } .card__tab-right:focus::before { background: url(/local/templates/main/css/main/../../assets/image/arrow_right_block/normal.svg); background-size: contain; background-repeat: no-repeat; width: 9px; top: 10px; left: 14px; } @media screen and (max-width: 767px) { .card__tab-right { display: block; } } .card__content { display: none; } .card__content--active { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .card__content span:not(:last-child) { padding-bottom: 14px; } .card__content--table { !margin: 0 -25px; } .card__content-table .table-row { padding: 0 25px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; } @media screen and (max-width: 500px) { .card__content-table .table-row { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } .card__content-table .table-cell { padding: 10px 0; } @media screen and (max-width: 500px) { .card__content-table .table-cell:nth-child(2) { text-align: right; } } .card__content-table-header { font-weight: normal; font-size: 16px; line-height: 30px; color: #111111; } .card__content-table-body .table-row:nth-child(2n -1) { background: #F6F6F6; } .card__info-row, .card__info-row--first { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .card__info-row .block__article, .card__info-row--first .block__article { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .card__info-row--first { padding-bottom: 13px; border-bottom: 1px solid #D6D6D6; } .card__info-row--right { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .card__info-row .button--red, .card__info-row--first .button--red { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 2; } .card__info-column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } .card__content .card, .card__content .content .news-block .wrapper .new, .content .news-block .wrapper .card__content .new, .card__content .content .branches-block .agriculture, .content .branches-block .card__content .agriculture, .card__content .content .branches-block .construction, .content .branches-block .card__content .construction, .card__content .content .branches-block .aviation, .content .branches-block .card__content .aviation, .card__content .content .branches-block .plumbing, .content .branches-block .card__content .plumbing, .card__content .content .branches-block .industry, .content .branches-block .card__content .industry, .card__content .content .branches-block .auto-industry, .content .branches-block .card__content .auto-industry, .card__content .content .branches-block .electronics, .content .branches-block .card__content .electronics, .card__content .content .branches-block .lighting, .content .branches-block .card__content .lighting, .card__content .content .branches-block .electricity, .content .branches-block .card__content .electricity { display: -ms-grid; display: grid; -ms-grid-columns: minmax(110px, 115px) 2fr 1fr; grid-template-columns: minmax(110px, 115px) 2fr 1fr; grid-gap: 26px; } .card__content .card:not(:last-child), .card__content .content .news-block .wrapper .new:not(:last-child), .content .news-block .wrapper .card__content .new:not(:last-child), .card__content .content .branches-block .agriculture:not(:last-child), .content .branches-block .card__content .agriculture:not(:last-child), .card__content .content .branches-block .construction:not(:last-child), .content .branches-block .card__content .construction:not(:last-child), .card__content .content .branches-block .aviation:not(:last-child), .content .branches-block .card__content .aviation:not(:last-child), .card__content .content .branches-block .plumbing:not(:last-child), .content .branches-block .card__content .plumbing:not(:last-child), .card__content .content .branches-block .industry:not(:last-child), .content .branches-block .card__content .industry:not(:last-child), .card__content .content .branches-block .auto-industry:not(:last-child), .content .branches-block .card__content .auto-industry:not(:last-child), .card__content .content .branches-block .electronics:not(:last-child), .content .branches-block .card__content .electronics:not(:last-child), .card__content .content .branches-block .lighting:not(:last-child), .content .branches-block .card__content .lighting:not(:last-child), .card__content .content .branches-block .electricity:not(:last-child), .content .branches-block .card__content .electricity:not(:last-child) { padding-bottom: 24px; border-bottom: 1px solid #D6D6D6; } .card__content .card:not(:first-child), .card__content .content .news-block .wrapper .new:not(:first-child), .content .news-block .wrapper .card__content .new:not(:first-child), .card__content .content .branches-block .agriculture:not(:first-child), .content .branches-block .card__content .agriculture:not(:first-child), .card__content .content .branches-block .construction:not(:first-child), .content .branches-block .card__content .construction:not(:first-child), .card__content .content .branches-block .aviation:not(:first-child), .content .branches-block .card__content .aviation:not(:first-child), .card__content .content .branches-block .plumbing:not(:first-child), .content .branches-block .card__content .plumbing:not(:first-child), .card__content .content .branches-block .industry:not(:first-child), .content .branches-block .card__content .industry:not(:first-child), .card__content .content .branches-block .auto-industry:not(:first-child), .content .branches-block .card__content .auto-industry:not(:first-child), .card__content .content .branches-block .electronics:not(:first-child), .content .branches-block .card__content .electronics:not(:first-child), .card__content .content .branches-block .lighting:not(:first-child), .content .branches-block .card__content .lighting:not(:first-child), .card__content .content .branches-block .electricity:not(:first-child), .content .branches-block .card__content .electricity:not(:first-child) { padding-top: 24px; } @media screen and (max-width: 768px) { .card__content .card, .card__content .content .news-block .wrapper .new, .content .news-block .wrapper .card__content .new, .card__content .content .branches-block .agriculture, .content .branches-block .card__content .agriculture, .card__content .content .branches-block .construction, .content .branches-block .card__content .construction, .card__content .content .branches-block .aviation, .content .branches-block .card__content .aviation, .card__content .content .branches-block .plumbing, .content .branches-block .card__content .plumbing, .card__content .content .branches-block .industry, .content .branches-block .card__content .industry, .card__content .content .branches-block .auto-industry, .content .branches-block .card__content .auto-industry, .card__content .content .branches-block .electronics, .content .branches-block .card__content .electronics, .card__content .content .branches-block .lighting, .content .branches-block .card__content .lighting, .card__content .content .branches-block .electricity, .content .branches-block .card__content .electricity { -ms-grid-columns: minmax(110px, 115px) 2fr; grid-template-columns: minmax(110px, 115px) 2fr; } .card__content .card > div:nth-child(2), .card__content .content .news-block .wrapper .new > div:nth-child(2), .content .news-block .wrapper .card__content .new > div:nth-child(2), .card__content .content .branches-block .agriculture > div:nth-child(2), .content .branches-block .card__content .agriculture > div:nth-child(2), .card__content .content .branches-block .construction > div:nth-child(2), .content .branches-block .card__content .construction > div:nth-child(2), .card__content .content .branches-block .aviation > div:nth-child(2), .content .branches-block .card__content .aviation > div:nth-child(2), .card__content .content .branches-block .plumbing > div:nth-child(2), .content .branches-block .card__content .plumbing > div:nth-child(2), .card__content .content .branches-block .industry > div:nth-child(2), .content .branches-block .card__content .industry > div:nth-child(2), .card__content .content .branches-block .auto-industry > div:nth-child(2), .content .branches-block .card__content .auto-industry > div:nth-child(2), .card__content .content .branches-block .electronics > div:nth-child(2), .content .branches-block .card__content .electronics > div:nth-child(2), .card__content .content .branches-block .lighting > div:nth-child(2), .content .branches-block .card__content .lighting > div:nth-child(2), .card__content .content .branches-block .electricity > div:nth-child(2), .content .branches-block .card__content .electricity > div:nth-child(2), .card__content .card > div:nth-child(3), .card__content .content .news-block .wrapper .new > div:nth-child(3), .content .news-block .wrapper .card__content .new > div:nth-child(3), .card__content .content .branches-block .agriculture > div:nth-child(3), .content .branches-block .card__content .agriculture > div:nth-child(3), .card__content .content .branches-block .construction > div:nth-child(3), .content .branches-block .card__content .construction > div:nth-child(3), .card__content .content .branches-block .aviation > div:nth-child(3), .content .branches-block .card__content .aviation > div:nth-child(3), .card__content .content .branches-block .plumbing > div:nth-child(3), .content .branches-block .card__content .plumbing > div:nth-child(3), .card__content .content .branches-block .industry > div:nth-child(3), .content .branches-block .card__content .industry > div:nth-child(3), .card__content .content .branches-block .auto-industry > div:nth-child(3), .content .branches-block .card__content .auto-industry > div:nth-child(3), .card__content .content .branches-block .electronics > div:nth-child(3), .content .branches-block .card__content .electronics > div:nth-child(3), .card__content .content .branches-block .lighting > div:nth-child(3), .content .branches-block .card__content .lighting > div:nth-child(3), .card__content .content .branches-block .electricity > div:nth-child(3), .content .branches-block .card__content .electricity > div:nth-child(3) { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3; } } .card__content .block__image { max-width: 115px; } .card__content span.block__price-discount, .card__content span.block__price-old { padding-bottom: 4px; } .card__content .block__title { margin: 0; } .single-item__title { font-weight: bold; font-size: 36px; line-height: 38px; } @media screen and (max-width: 500px) { .single-item__title { font-size: 16px; line-height: 18px; } } @media screen and (max-width: 1024px) { .single-item__row--flex { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .single-item__row--flex .left-bar > [class^="banner-card"] { display: -webkit-box; display: -ms-flexbox; display: flex; } } .single-item__row--flex .title, .single-item__row--flex .single-item__title { margin-bottom: 0; } @media screen and (max-width: 500px) { .single-item__row--flex .title, .single-item__row--flex .single-item__title { padding-right: 50px; } } .single-item__row--flex .block .wrapper, .single-item__row--flex .content .new-items-block .wrapper, .content .single-item__row--flex .new-items-block .wrapper, .single-item__row--flex .content .hit-products-block .wrapper, .content .single-item__row--flex .hit-products-block .wrapper, .single-item__row--flex .content .news-block .wrapper, .content .single-item__row--flex .news-block .wrapper, .single-item__row--flex .content .branches-block .wrapper, .content .single-item__row--flex .branches-block .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .single-item__row--flex .block .wrapper, .single-item__row--flex .content .new-items-block .wrapper, .content .single-item__row--flex .new-items-block .wrapper, .single-item__row--flex .content .hit-products-block .wrapper, .content .single-item__row--flex .hit-products-block .wrapper, .single-item__row--flex .content .news-block .wrapper, .content .single-item__row--flex .news-block .wrapper, .single-item__row--flex .content .branches-block .wrapper, .content .single-item__row--flex .branches-block .wrapper { position: static; } } .single-item__row--flex .block .wrapper .slick-track, .single-item__row--flex .content .new-items-block .wrapper .slick-track, .content .single-item__row--flex .new-items-block .wrapper .slick-track, .single-item__row--flex .content .hit-products-block .wrapper .slick-track, .content .single-item__row--flex .hit-products-block .wrapper .slick-track, .single-item__row--flex .content .news-block .wrapper .slick-track, .content .single-item__row--flex .news-block .wrapper .slick-track, .single-item__row--flex .content .branches-block .wrapper .slick-track, .content .single-item__row--flex .branches-block .wrapper .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .single-item__row--flex .block .wrapper .card, .single-item__row--flex .content .new-items-block .wrapper .card, .content .single-item__row--flex .new-items-block .wrapper .card, .single-item__row--flex .content .hit-products-block .wrapper .card, .content .single-item__row--flex .hit-products-block .wrapper .card, .single-item__row--flex .content .news-block .wrapper .card, .content .single-item__row--flex .news-block .wrapper .card, .single-item__row--flex .content .branches-block .wrapper .card, .content .single-item__row--flex .branches-block .wrapper .card, .content .news-block .single-item__row--flex .block .wrapper .new, .content .news-block .single-item__row--flex .new-items-block .wrapper .new, .content .news-block .single-item__row--flex .hit-products-block .wrapper .new, .single-item__row--flex .content .news-block .wrapper .new, .content .single-item__row--flex .news-block .wrapper .new, .content .news-block .single-item__row--flex .branches-block .wrapper .new, .single-item__row--flex .block .wrapper .content .branches-block .agriculture, .content .branches-block .single-item__row--flex .block .wrapper .agriculture, .single-item__row--flex .content .new-items-block .wrapper .branches-block .agriculture, .content .single-item__row--flex .new-items-block .wrapper .branches-block .agriculture, .content .branches-block .single-item__row--flex .new-items-block .wrapper .agriculture, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .agriculture, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .agriculture, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .agriculture, .single-item__row--flex .content .news-block .wrapper .branches-block .agriculture, .content .single-item__row--flex .news-block .wrapper .branches-block .agriculture, .content .branches-block .single-item__row--flex .news-block .wrapper .agriculture, .single-item__row--flex .content .branches-block .wrapper .agriculture, .content .single-item__row--flex .branches-block .wrapper .agriculture, .single-item__row--flex .block .wrapper .content .branches-block .construction, .content .branches-block .single-item__row--flex .block .wrapper .construction, .single-item__row--flex .content .new-items-block .wrapper .branches-block .construction, .content .single-item__row--flex .new-items-block .wrapper .branches-block .construction, .content .branches-block .single-item__row--flex .new-items-block .wrapper .construction, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .construction, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .construction, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .construction, .single-item__row--flex .content .news-block .wrapper .branches-block .construction, .content .single-item__row--flex .news-block .wrapper .branches-block .construction, .content .branches-block .single-item__row--flex .news-block .wrapper .construction, .single-item__row--flex .content .branches-block .wrapper .construction, .content .single-item__row--flex .branches-block .wrapper .construction, .single-item__row--flex .block .wrapper .content .branches-block .aviation, .content .branches-block .single-item__row--flex .block .wrapper .aviation, .single-item__row--flex .content .new-items-block .wrapper .branches-block .aviation, .content .single-item__row--flex .new-items-block .wrapper .branches-block .aviation, .content .branches-block .single-item__row--flex .new-items-block .wrapper .aviation, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .aviation, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .aviation, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .aviation, .single-item__row--flex .content .news-block .wrapper .branches-block .aviation, .content .single-item__row--flex .news-block .wrapper .branches-block .aviation, .content .branches-block .single-item__row--flex .news-block .wrapper .aviation, .single-item__row--flex .content .branches-block .wrapper .aviation, .content .single-item__row--flex .branches-block .wrapper .aviation, .single-item__row--flex .block .wrapper .content .branches-block .plumbing, .content .branches-block .single-item__row--flex .block .wrapper .plumbing, .single-item__row--flex .content .new-items-block .wrapper .branches-block .plumbing, .content .single-item__row--flex .new-items-block .wrapper .branches-block .plumbing, .content .branches-block .single-item__row--flex .new-items-block .wrapper .plumbing, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .plumbing, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .plumbing, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .plumbing, .single-item__row--flex .content .news-block .wrapper .branches-block .plumbing, .content .single-item__row--flex .news-block .wrapper .branches-block .plumbing, .content .branches-block .single-item__row--flex .news-block .wrapper .plumbing, .single-item__row--flex .content .branches-block .wrapper .plumbing, .content .single-item__row--flex .branches-block .wrapper .plumbing, .single-item__row--flex .block .wrapper .content .branches-block .industry, .content .branches-block .single-item__row--flex .block .wrapper .industry, .single-item__row--flex .content .new-items-block .wrapper .branches-block .industry, .content .single-item__row--flex .new-items-block .wrapper .branches-block .industry, .content .branches-block .single-item__row--flex .new-items-block .wrapper .industry, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .industry, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .industry, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .industry, .single-item__row--flex .content .news-block .wrapper .branches-block .industry, .content .single-item__row--flex .news-block .wrapper .branches-block .industry, .content .branches-block .single-item__row--flex .news-block .wrapper .industry, .single-item__row--flex .content .branches-block .wrapper .industry, .content .single-item__row--flex .branches-block .wrapper .industry, .single-item__row--flex .block .wrapper .content .branches-block .auto-industry, .content .branches-block .single-item__row--flex .block .wrapper .auto-industry, .single-item__row--flex .content .new-items-block .wrapper .branches-block .auto-industry, .content .single-item__row--flex .new-items-block .wrapper .branches-block .auto-industry, .content .branches-block .single-item__row--flex .new-items-block .wrapper .auto-industry, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .auto-industry, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .auto-industry, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .auto-industry, .single-item__row--flex .content .news-block .wrapper .branches-block .auto-industry, .content .single-item__row--flex .news-block .wrapper .branches-block .auto-industry, .content .branches-block .single-item__row--flex .news-block .wrapper .auto-industry, .single-item__row--flex .content .branches-block .wrapper .auto-industry, .content .single-item__row--flex .branches-block .wrapper .auto-industry, .single-item__row--flex .block .wrapper .content .branches-block .electronics, .content .branches-block .single-item__row--flex .block .wrapper .electronics, .single-item__row--flex .content .new-items-block .wrapper .branches-block .electronics, .content .single-item__row--flex .new-items-block .wrapper .branches-block .electronics, .content .branches-block .single-item__row--flex .new-items-block .wrapper .electronics, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .electronics, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .electronics, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .electronics, .single-item__row--flex .content .news-block .wrapper .branches-block .electronics, .content .single-item__row--flex .news-block .wrapper .branches-block .electronics, .content .branches-block .single-item__row--flex .news-block .wrapper .electronics, .single-item__row--flex .content .branches-block .wrapper .electronics, .content .single-item__row--flex .branches-block .wrapper .electronics, .single-item__row--flex .block .wrapper .content .branches-block .lighting, .content .branches-block .single-item__row--flex .block .wrapper .lighting, .single-item__row--flex .content .new-items-block .wrapper .branches-block .lighting, .content .single-item__row--flex .new-items-block .wrapper .branches-block .lighting, .content .branches-block .single-item__row--flex .new-items-block .wrapper .lighting, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .lighting, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .lighting, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .lighting, .single-item__row--flex .content .news-block .wrapper .branches-block .lighting, .content .single-item__row--flex .news-block .wrapper .branches-block .lighting, .content .branches-block .single-item__row--flex .news-block .wrapper .lighting, .single-item__row--flex .content .branches-block .wrapper .lighting, .content .single-item__row--flex .branches-block .wrapper .lighting, .single-item__row--flex .block .wrapper .content .branches-block .electricity, .content .branches-block .single-item__row--flex .block .wrapper .electricity, .single-item__row--flex .content .new-items-block .wrapper .branches-block .electricity, .content .single-item__row--flex .new-items-block .wrapper .branches-block .electricity, .content .branches-block .single-item__row--flex .new-items-block .wrapper .electricity, .single-item__row--flex .content .hit-products-block .wrapper .branches-block .electricity, .content .single-item__row--flex .hit-products-block .wrapper .branches-block .electricity, .content .branches-block .single-item__row--flex .hit-products-block .wrapper .electricity, .single-item__row--flex .content .news-block .wrapper .branches-block .electricity, .content .single-item__row--flex .news-block .wrapper .branches-block .electricity, .content .branches-block .single-item__row--flex .news-block .wrapper .electricity, .single-item__row--flex .content .branches-block .wrapper .electricity, .content .single-item__row--flex .branches-block .wrapper .electricity { padding-right: 17px; padding-left: 3px; } .single-item__row--flex .block .wrapper .button-arrow--left, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--left, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--left, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--left, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--left, .single-item__row--flex .content .news-block .wrapper .button-arrow--left, .content .single-item__row--flex .news-block .wrapper .button-arrow--left, .single-item__row--flex .content .branches-block .wrapper .button-arrow--left, .content .single-item__row--flex .branches-block .wrapper .button-arrow--left { position: absolute; top: -51px; right: 39px; width: 10px; height: 27px; background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small.svg); } .single-item__row--flex .block .wrapper .button-arrow--left:hover, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--left:hover, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--left:hover, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--left:hover, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--left:hover, .single-item__row--flex .content .news-block .wrapper .button-arrow--left:hover, .content .single-item__row--flex .news-block .wrapper .button-arrow--left:hover, .single-item__row--flex .content .branches-block .wrapper .button-arrow--left:hover, .content .single-item__row--flex .branches-block .wrapper .button-arrow--left:hover { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--black.svg); } .single-item__row--flex .block .wrapper .button-arrow--left:disabled, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--left:disabled, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--left:disabled, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--left:disabled, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--left:disabled, .single-item__row--flex .content .news-block .wrapper .button-arrow--left:disabled, .content .single-item__row--flex .news-block .wrapper .button-arrow--left:disabled, .single-item__row--flex .content .branches-block .wrapper .button-arrow--left:disabled, .content .single-item__row--flex .branches-block .wrapper .button-arrow--left:disabled { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 768px) { .single-item__row--flex .block .wrapper .button-arrow--left, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--left, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--left, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--left, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--left, .single-item__row--flex .content .news-block .wrapper .button-arrow--left, .content .single-item__row--flex .news-block .wrapper .button-arrow--left, .single-item__row--flex .content .branches-block .wrapper .button-arrow--left, .content .single-item__row--flex .branches-block .wrapper .button-arrow--left { width: 7px; height: 19px; top: 20px; } } .single-item__row--flex .block .wrapper .button-arrow--right, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--right, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--right, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--right, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--right, .single-item__row--flex .content .news-block .wrapper .button-arrow--right, .content .single-item__row--flex .news-block .wrapper .button-arrow--right, .single-item__row--flex .content .branches-block .wrapper .button-arrow--right, .content .single-item__row--flex .branches-block .wrapper .button-arrow--right { position: absolute; top: -50px; right: 0px; width: 10px; height: 27px; background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small.svg); } .single-item__row--flex .block .wrapper .button-arrow--right:hover, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--right:hover, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--right:hover, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--right:hover, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--right:hover, .single-item__row--flex .content .news-block .wrapper .button-arrow--right:hover, .content .single-item__row--flex .news-block .wrapper .button-arrow--right:hover, .single-item__row--flex .content .branches-block .wrapper .button-arrow--right:hover, .content .single-item__row--flex .branches-block .wrapper .button-arrow--right:hover { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--black.svg); } .single-item__row--flex .block .wrapper .button-arrow--right:disabled, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--right:disabled, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--right:disabled, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--right:disabled, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--right:disabled, .single-item__row--flex .content .news-block .wrapper .button-arrow--right:disabled, .content .single-item__row--flex .news-block .wrapper .button-arrow--right:disabled, .single-item__row--flex .content .branches-block .wrapper .button-arrow--right:disabled, .content .single-item__row--flex .branches-block .wrapper .button-arrow--right:disabled { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 768px) { .single-item__row--flex .block .wrapper .button-arrow--right, .single-item__row--flex .content .new-items-block .wrapper .button-arrow--right, .content .single-item__row--flex .new-items-block .wrapper .button-arrow--right, .single-item__row--flex .content .hit-products-block .wrapper .button-arrow--right, .content .single-item__row--flex .hit-products-block .wrapper .button-arrow--right, .single-item__row--flex .content .news-block .wrapper .button-arrow--right, .content .single-item__row--flex .news-block .wrapper .button-arrow--right, .single-item__row--flex .content .branches-block .wrapper .button-arrow--right, .content .single-item__row--flex .branches-block .wrapper .button-arrow--right { width: 7px; height: 19px; top: 20px; right: 20px; } } .single-item-container .block__icons-row .block__icons-item--bottom { width: 41px; height: 33px; } .single-item-container .block__icons-row .block__icons-column .block__icons-item, .single-item-container .block__icons-row .block__icons-column .block__icons-item--bottom { width: 85px; height: 30px; } .single-item-container .block__icons-row .block__icons-column .block__icons-item:first-child, .single-item-container .block__icons-row .block__icons-column .block__icons-item--bottom:first-child { margin-top: 14px; } @media (max-width: 425px) { .single-item-container .block__icons-row .block__icons-column .block__icons-item, .single-item-container .block__icons-row .block__icons-column .block__icons-item--bottom { width: 57px; height: 20px; } } .single-item-container .card .block__image, .single-item-container .content .news-block .wrapper .new .block__image, .content .news-block .wrapper .single-item-container .new .block__image, .single-item-container .content .branches-block .agriculture .block__image, .content .branches-block .single-item-container .agriculture .block__image, .single-item-container .content .branches-block .construction .block__image, .content .branches-block .single-item-container .construction .block__image, .single-item-container .content .branches-block .aviation .block__image, .content .branches-block .single-item-container .aviation .block__image, .single-item-container .content .branches-block .plumbing .block__image, .content .branches-block .single-item-container .plumbing .block__image, .single-item-container .content .branches-block .industry .block__image, .content .branches-block .single-item-container .industry .block__image, .single-item-container .content .branches-block .auto-industry .block__image, .content .branches-block .single-item-container .auto-industry .block__image, .single-item-container .content .branches-block .electronics .block__image, .content .branches-block .single-item-container .electronics .block__image, .single-item-container .content .branches-block .lighting .block__image, .content .branches-block .single-item-container .lighting .block__image, .single-item-container .content .branches-block .electricity .block__image, .content .branches-block .single-item-container .electricity .block__image { border: 1px solid #D6D6D6; } @media screen and (max-width: 880px) { .single-item-container .card .block__image, .single-item-container .content .news-block .wrapper .new .block__image, .content .news-block .wrapper .single-item-container .new .block__image, .single-item-container .content .branches-block .agriculture .block__image, .content .branches-block .single-item-container .agriculture .block__image, .single-item-container .content .branches-block .construction .block__image, .content .branches-block .single-item-container .construction .block__image, .single-item-container .content .branches-block .aviation .block__image, .content .branches-block .single-item-container .aviation .block__image, .single-item-container .content .branches-block .plumbing .block__image, .content .branches-block .single-item-container .plumbing .block__image, .single-item-container .content .branches-block .industry .block__image, .content .branches-block .single-item-container .industry .block__image, .single-item-container .content .branches-block .auto-industry .block__image, .content .branches-block .single-item-container .auto-industry .block__image, .single-item-container .content .branches-block .electronics .block__image, .content .branches-block .single-item-container .electronics .block__image, .single-item-container .content .branches-block .lighting .block__image, .content .branches-block .single-item-container .lighting .block__image, .single-item-container .content .branches-block .electricity .block__image, .content .branches-block .single-item-container .electricity .block__image { max-height: 330px; } } @media screen and (max-width: 768px) { .single-item-container .card .block__image, .single-item-container .content .news-block .wrapper .new .block__image, .content .news-block .wrapper .single-item-container .new .block__image, .single-item-container .content .branches-block .agriculture .block__image, .content .branches-block .single-item-container .agriculture .block__image, .single-item-container .content .branches-block .construction .block__image, .content .branches-block .single-item-container .construction .block__image, .single-item-container .content .branches-block .aviation .block__image, .content .branches-block .single-item-container .aviation .block__image, .single-item-container .content .branches-block .plumbing .block__image, .content .branches-block .single-item-container .plumbing .block__image, .single-item-container .content .branches-block .industry .block__image, .content .branches-block .single-item-container .industry .block__image, .single-item-container .content .branches-block .auto-industry .block__image, .content .branches-block .single-item-container .auto-industry .block__image, .single-item-container .content .branches-block .electronics .block__image, .content .branches-block .single-item-container .electronics .block__image, .single-item-container .content .branches-block .lighting .block__image, .content .branches-block .single-item-container .lighting .block__image, .single-item-container .content .branches-block .electricity .block__image, .content .branches-block .single-item-container .electricity .block__image { max-height: 230px; height: -webkit-min-content; height: -moz-min-content; height: min-content; } } .single-item-container .card .block__image .image, .single-item-container .content .news-block .wrapper .new .block__image .image, .content .news-block .wrapper .single-item-container .new .block__image .image, .single-item-container .content .branches-block .agriculture .block__image .image, .content .branches-block .single-item-container .agriculture .block__image .image, .single-item-container .content .branches-block .construction .block__image .image, .content .branches-block .single-item-container .construction .block__image .image, .single-item-container .content .branches-block .aviation .block__image .image, .content .branches-block .single-item-container .aviation .block__image .image, .single-item-container .content .branches-block .plumbing .block__image .image, .content .branches-block .single-item-container .plumbing .block__image .image, .single-item-container .content .branches-block .industry .block__image .image, .content .branches-block .single-item-container .industry .block__image .image, .single-item-container .content .branches-block .auto-industry .block__image .image, .content .branches-block .single-item-container .auto-industry .block__image .image, .single-item-container .content .branches-block .electronics .block__image .image, .content .branches-block .single-item-container .electronics .block__image .image, .single-item-container .content .branches-block .lighting .block__image .image, .content .branches-block .single-item-container .lighting .block__image .image, .single-item-container .content .branches-block .electricity .block__image .image, .content .branches-block .single-item-container .electricity .block__image .image { display: block; width: 100%; max-height: 370px; -o-object-fit: cover; object-fit: cover; } @media screen and (max-width: 768px) { .single-item-container .card .block__image .image, .single-item-container .content .news-block .wrapper .new .block__image .image, .content .news-block .wrapper .single-item-container .new .block__image .image, .single-item-container .content .branches-block .agriculture .block__image .image, .content .branches-block .single-item-container .agriculture .block__image .image, .single-item-container .content .branches-block .construction .block__image .image, .content .branches-block .single-item-container .construction .block__image .image, .single-item-container .content .branches-block .aviation .block__image .image, .content .branches-block .single-item-container .aviation .block__image .image, .single-item-container .content .branches-block .plumbing .block__image .image, .content .branches-block .single-item-container .plumbing .block__image .image, .single-item-container .content .branches-block .industry .block__image .image, .content .branches-block .single-item-container .industry .block__image .image, .single-item-container .content .branches-block .auto-industry .block__image .image, .content .branches-block .single-item-container .auto-industry .block__image .image, .single-item-container .content .branches-block .electronics .block__image .image, .content .branches-block .single-item-container .electronics .block__image .image, .single-item-container .content .branches-block .lighting .block__image .image, .content .branches-block .single-item-container .lighting .block__image .image, .single-item-container .content .branches-block .electricity .block__image .image, .content .branches-block .single-item-container .electricity .block__image .image { max-height: 230px; } } .single-item__column .card__info .block__price { padding-top: 40px; } .single-item__column .card__info .block__price:not(:nth-child(2)) { padding-top: 14px; } @media screen and (max-width: 768px) { .single-item__column .card__info-row .button--red, .single-item__column .card__info-row--first .button--red { padding: 15px 45px 15px 18px; -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; width: 192px; } } .single-item__column .block__price-desktop { font-size: 14px; line-height: 16px; } @media screen and (max-width: 768px) { .single-item__column .block__price-desktop { display: inline-block; } } @media screen and (max-width: 768px) { .single-item__column .block__price-mobile { display: none; } } .single-item__column .block__price-discount, .single-item__column .block__price-old { font-weight: bold; font-size: 36px; line-height: 38px; color: #111111; } .single-item__column .block__price-old { font-weight: normal; font-size: 18px; line-height: 14px; padding-top: 14px; padding-bottom: 23px; } .single-item__column .block__image .button-arrow--left, .single-item__column .block__image .button-arrow--right { position: absolute; z-index: 1; top: 50%; left: 24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .single-item__column .block__image .button-arrow--right { left: unset; right: 24px; -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } .modal-wrapper.modal-wrapper--active .block__image { max-height: 435px; display: block; } .modal-wrapper.modal-wrapper--active .block__image .slider-for .image { max-height: 435px; } @media (max-width: 880px) { .modal-wrapper.modal-wrapper--active .block__image { max-height: 200px; } } .modal-wrapper.modal-wrapper--active .block__image .slider-for iframe { height: 100%; } .modal-wrapper.modal-wrapper--active .button-arrow--left, .modal-wrapper.modal-wrapper--active .button-arrow--right { position: absolute; z-index: 1; top: 50%; left: 24px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } .modal-wrapper.modal-wrapper--active .button-arrow--left:hover, .modal-wrapper.modal-wrapper--active .button-arrow--right:hover { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--black.svg); } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .button-arrow--left, .modal-wrapper.modal-wrapper--active .button-arrow--right { display: none; } } .modal-wrapper.modal-wrapper--active .button-arrow--right { left: unset; right: 24px; -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } .modal-wrapper.modal-wrapper--active .card__previews { margin: 16px 37px 0 37px; } @media screen and (max-width: 768px) { .modal-wrapper.modal-wrapper--active .card__previews { visibility: visible; position: relative; } } .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--left { left: -15px; } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--left { display: block; } } .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--right { right: -15px; } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--right { display: block; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__info-row--first, .modal-wrapper.modal-wrapper--active .block__price, .modal-wrapper.modal-wrapper--active .block__navigation { display: none; } } .modal-wrapper.modal-wrapper--active .card__info { padding-top: 71px; padding-right: 21px; } @media screen and (max-width: 768px) { .modal-wrapper.modal-wrapper--active .card__info { padding-right: 0; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__info-row--center { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__info-row .button--red, .modal-wrapper.modal-wrapper--active .card__info-row--first .button--red { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; } } .left-bar { !margin-top: 30px; } .content { margin-top: 0px; } @media (max-width: 1340px) { .content { margin: 30px 60px 40px 30px; } } @media (max-width: 1024px) { .content { margin: 40px 0 40px 0; } } @media (max-width: 425px) { .content { margin: 20px 0; } } .content .slider { width: 100%; !height: 315px; height: auto !important; position: relative; display: block; } @media (max-width: 425px) { .content .slider { !height: 121px; height: auto !important; } } .content .slider-wrapper { !width: 100%; height: 340px; display: block; position: relative; overflow: hidden; margin-bottom:15px; top:20px; } .content .slider-wrapper. slick-cloned{ display:none} @media (max-width: 1024px) { .content .slider-wrapper { height: 275px; !height: auto; margin-bottom:0; display:inline-block; } } @media (max-width: 425px) { .content .slider-wrapper { height: 145px; !height: auto; margin-bottom:15px; display:inline-block; } } .content .slider__button { position: absolute; right: 54px; bottom: 39px; } .content .slick-slide .slider__button { display:none; } .content .slick-slide.slick-active .slider__button { display:block; } @media (max-width: 425px) { .content .slider__button { right: 13px; bottom: 13px; } } .content .slider__item { visibility:hidden; position: relative; } .content .slider__item.slick-active { display: -webkit-box; display: -ms-flexbox; display: flex; visibility:visible; } .content .slider__image { width: 100%; height: 100%; -o-object-fit: cover; object-fit: cover; } .content .slider-progress { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; padding: 28px 0 0; background-color:#fff; } .content .slider-progress .progress { max-width: 342px; width: 100%; height: 3px; background: #AFAFAF; display: block; } @media (max-width: 425px) { .content .slider-progress .progress { width: 138px; } } .content .slider-progress .progress__active { height: 100%; width: 0%; display: block; background: #EE021D; } .content .slider-progress .progress__active--show { width: 100%; -webkit-transition: all linear var(--delay); transition: all linear var(--delay); } @media (max-width: 425px) { .content .slider .slick-list { !height: 121px; !height: auto !important; } } .content .slider .slick-slide { height: 312px; } @media (max-width: 1024px) { .content .slider .slick-slide { height: 251px; } } @media (max-width: 425px) { .content .slider .slick-slide { height: 114px; !height: auto !important; } } .content .slider .slick-slide img { width: 100%; height: 100%; } .content .slider .button-arrow--left { position: absolute; z-index: 1; top: 50%; left: 31px; -webkit-transform: translateY(-50%); transform: translateY(-50%); } @media (max-width: 425px) { .content .slider .button-arrow--left { width: 11px; height: 30px; left: 9px; } } .content .slider .button-arrow--right { position: absolute; z-index: 1; top: 50%; right: 31px; -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } @media (max-width: 425px) { .content .slider .button-arrow--right { width: 11px; height: 30px; right: 9px; } } .content .slick-track:before, .content .slick-track:after { display: none; content: none; } .content .new-items-block, .content .hit-products-block, .content .news-block { width: 100%; overflow: hidden; } .content .new-items-block .wrapper, .content .hit-products-block .wrapper, .content .news-block .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } .content .new-items-block .wrapper .item, .content .hit-products-block .wrapper .item, .content .news-block .wrapper .item { padding-right: 20px; } .content .new-items-block .wrapper .slick-arrow, .content .hit-products-block .wrapper .slick-arrow, .content .news-block .wrapper .slick-arrow { position: absolute; } .content .new-items-block .wrapper .slick-track, .content .hit-products-block .wrapper .slick-track, .content .news-block .wrapper .slick-track { display: -webkit-box; display: -ms-flexbox; display: flex; } .content .new-items-block .wrapper .button-arrow--left, .content .hit-products-block .wrapper .button-arrow--left, .content .news-block .wrapper .button-arrow--left { top: -51px; right: 39px; width: 10px; height: 27px; position: absolute !important; /*background-image: url(/local/templates/main/assets/image/icons/arrow_small.svg) !important;*/ } .content .new-items-block .wrapper .button-arrow--left:hover, .content .hit-products-block .wrapper .button-arrow--left:hover, .content .news-block .wrapper .button-arrow--left:hover { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--black.svg); } .content .new-items-block .wrapper .button-arrow--left:disabled, .content .hit-products-block .wrapper .button-arrow--left:disabled, .content .news-block .wrapper .button-arrow--left:disabled { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 425px) { .content .new-items-block .wrapper .button-arrow--left, .content .hit-products-block .wrapper .button-arrow--left, .content .news-block .wrapper .button-arrow--left { width: 7px; height: 19px; top: -34px; } } .content .new-items-block .wrapper .button-arrow--right, .content .hit-products-block .wrapper .button-arrow--right, .content .news-block .wrapper .button-arrow--right { top: -50px; right: 0px; width: 10px; height: 27px; /*background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small.svg);*/ } .content .new-items-block .wrapper .button-arrow--right:hover, .content .hit-products-block .wrapper .button-arrow--right:hover, .content .news-block .wrapper .button-arrow--right:hover { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--black.svg); } .content .new-items-block .wrapper .button-arrow--right:disabled, .content .hit-products-block .wrapper .button-arrow--right:disabled, .content .news-block .wrapper .button-arrow--right:disabled { background-image: url(/local/templates/main/css/main/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 425px) { .content .new-items-block .wrapper .button-arrow--right, .content .hit-products-block .wrapper .button-arrow--right, .content .news-block .wrapper .button-arrow--right { width: 7px; height: 19px; top: -34px; } } .content .news-block .wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; } @media (max-width: 425px) { .content .branches-block .block__image { min-width: 110px; } .content .branches-block .block__title { margin-bottom: 0; } } .content .branches-block .item { display: block; } @media (max-width: 740px) { .content .branches-block .item:nth-child(2n -1) { -ms-grid-column: 1; -ms-grid-column-span: 1; grid-column: 1/span 1; } .content .branches-block .item:nth-child(2n) { -ms-grid-column: 2; -ms-grid-column-span: 1; grid-column: 2/span 1; } } .content .branches-block .agriculture, .content .branches-block .construction, .content .branches-block .aviation, .content .branches-block .plumbing, .content .branches-block .industry, .content .branches-block .auto-industry, .content .branches-block .electronics, .content .branches-block .lighting, .content .branches-block .electricity { cursor: pointer; display: block; } .content .branches-block .agriculture .block__image, .content .branches-block .construction .block__image, .content .branches-block .aviation .block__image, .content .branches-block .plumbing .block__image, .content .branches-block .industry .block__image, .content .branches-block .auto-industry .block__image, .content .branches-block .electronics .block__image, .content .branches-block .lighting .block__image, .content .branches-block .electricity .block__image { position: relative; display: block; text-decoration: none; } .content .branches-block .agriculture .block__image::before, .content .branches-block .construction .block__image::before, .content .branches-block .aviation .block__image::before, .content .branches-block .plumbing .block__image::before, .content .branches-block .industry .block__image::before, .content .branches-block .auto-industry .block__image::before, .content .branches-block .electronics .block__image::before, .content .branches-block .lighting .block__image::before, .content .branches-block .electricity .block__image::before { content: ''; position: absolute; width: 77px; height: 55px; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Сельское хозяйство.png"); background-size: contain; background-repeat: no-repeat; } @media (max-width: 425px) { .content .branches-block .agriculture .block__image::before, .content .branches-block .construction .block__image::before, .content .branches-block .aviation .block__image::before, .content .branches-block .plumbing .block__image::before, .content .branches-block .industry .block__image::before, .content .branches-block .auto-industry .block__image::before, .content .branches-block .electronics .block__image::before, .content .branches-block .lighting .block__image::before, .content .branches-block .electricity .block__image::before { width: 55px; height: 39px; } } .content .branches-block .construction .block__image::before { width: 86px; height: 39px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Строительство.png"); } @media (max-width: 425px) { .content .branches-block .construction .block__image::before { width: 60px; height: 27px; } } .content .branches-block .aviation .block__image::before { width: 63px; height: 63px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Авиация.png"); } @media (max-width: 425px) { .content .branches-block .aviation .block__image::before { width: 43px; height: 43px; } } .content .branches-block .plumbing .block__image::before { width: 65px; height: 71px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Сантехника.png"); } @media (max-width: 425px) { .content .branches-block .plumbing .block__image::before { width: 47px; height: 51px; } } .content .branches-block .industry .block__image::before { width: 68px; height: 73px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Промышленность.png"); } @media (max-width: 425px) { .content .branches-block .industry .block__image::before { width: 38px; height: 41px; } } .content .branches-block .auto-industry .block__image::before { width: 69px; height: 53px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Автопромышленность.png"); } @media (max-width: 425px) { .content .branches-block .auto-industry .block__image::before { width: 49px; height: 37px; } } .content .branches-block .electronics .block__image::before { width: 80px; height: 80px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Электроника.png"); } @media (max-width: 425px) { .content .branches-block .electronics .block__image::before { width: 47px; height: 47px; } } .content .branches-block .lighting .block__image::before { width: 78px; height: 78px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Освещение.png"); } @media (max-width: 425px) { .content .branches-block .lighting .block__image::before { width: 54px; height: 54px; } } .content .branches-block .electricity .block__image::before { width: 78px; height: 43px; background-image: url("/local/templates/main/css/main/../../assets/image/branch-icon/Электричество.png"); } @media (max-width: 425px) { .content .branches-block .electricity .block__image::before { width: 45px; height: 25px; } } /*# sourceMappingURL=main.css.map */ /* End */ /* Start:/local/templates/main/css/card/card.css?1711632262236192*/ .block, .block--small, .block--without-border { display: block; width: 100%; background: -webkit-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: -o-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: linear-gradient(109.59deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); border: 1px solid #d6d6d6; margin-bottom: 33px; padding: 30px; text-decoration: none; position: relative; } .block--small { padding: 11px 21px; margin-bottom: 19px; } .block--without-border { padding: 0; border: 0; background: transparent; } .block__title { display: inline-block; font-weight: bold; font-size: 20px; line-height: 22px; color: #111111; margin: 4px 0 15px; width: 100%; } @media (max-width: 425px) { .block__title { font-size: 14px; line-height: 16px; } } .block__title-arrow { display: inline-block; width: 9px; height: 14px; background: url(/local/templates/main/css/card/../../assets/image/icons/arrow_catalog_right/hover.png); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; background-position: center; } .block__article, .block__weight { display: inline-block; font-size: 14px; line-height: 18px; color: #afafaf; position: relative; padding: 8px 20px 6px 0; } @media (max-width: 425px) { .block__article, .block__weight { font-size: 10px; line-height: 12px; } } .block__article::before, .block__weight::before { content: ""; right: 0; width: 13px; height: 13px; display: block; position: absolute; background-image: url("/local/templates/main/css/card/../../assets/image/icons/copy_icon/normal.png"); } .block__image { min-width: 110px; max-width: 100%; position: relative; display: block; background-color: white; } .block__icons { top: 0; width: 100%; right:0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .custom_block__icons { bottom: 0; left:0; !width: 100%; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: absolute; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; } .block__icons-row { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 5px; } .block__icons-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; position: relative; z-index: 1; } .block__icons-item, .block__icons-item--bottom { margin-bottom: 6px; position: relative; left: -5px; width: 70px; height: 25px; } @media (max-width: 580px) { .block__icons-item, .block__icons-item--bottom { width: 56px; height: 17px; left: -4px; } } .block__icons-item--bottom { width: 24px; height: 20px; left: 12px; margin-bottom: 10px; } .block__icons .icons-row { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; padding: 9px 10px 9px 0; } .block__icons .icons-row .libra-icon, .block__icons .icons-row .star-icon, .block__icons .icons-row .zoom-icon, .block__icons .icons-row .close-icon { fill: #afafaf; -webkit-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s; cursor: pointer; width: 22px; height: 22px; margin: 0 0 0 13px; } @media (max-width: 580px) { .block__icons .icons-row .libra-icon, .block__icons .icons-row .star-icon, .block__icons .icons-row .zoom-icon, .block__icons .icons-row .close-icon { width: 15px; height: 15px; margin: 0 0 0 5px; } } .block__icons .icons-row .libra-icon:hover, .block__icons .icons-row .star-icon:hover, .block__icons .icons-row .zoom-icon:hover, .block__icons .icons-row .close-icon:hover { fill: #ee021d; } .block__icons .icons-row .star-icon { width: 18px; height: 18px; } @media (max-width: 580px) { .block__icons .icons-row .star-icon { width: 12px; height: 12px; } } .block__icons .icons-row .zoom-icon { width: 33px; height: 33px; fill: #afafaf; } .block__icons .icons-row .close-icon { width: 22px; height: 22px; } .block__price { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 5px; width: 100%; padding-bottom: 11px; font-size: 12px; line-height: 13px; color: #111111; } .wrapper--compare .block__price { height: 65px; } .block__price-desktop { font-weight: normal; font-size: 12px; line-height: 14px; color: #111111; } @media (max-width: 1024px) { .block__price-desktop { display: none; } } .block__price-mobile { display: none; font-weight: normal; font-size: 12px; line-height: 14px; color: #111111; } @media (max-width: 1024px) { .block__price-mobile { display: inline-block; } } .block__price-text { font-weight: normal; font-size: 12px; line-height: 13px; color: #111111; } .block__price-value { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .block__price-discount, .block__price-old { font-weight: bold; font-size: 20px; line-height: 22px; color: #ee021d; text-align: right; } @media (max-width: 580px) { .block__price-discount, .block__price-old { font-size: 14px; line-height: 16px; } } .block__price-old { font-weight: normal; color: #111111; text-decoration: line-through; } .block__price-date-end, .block__price-date-end .date-value { font-size: 12px; line-height: 14px; color: #ee021d; padding-left: 19px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -webkit-flex-direction: row; -ms-flex-direction: row; flex-direction: row; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; position: relative; } .block__price-date-end::before, .block__price-date-end .date-value::before { content: ""; display: block; position: absolute; width: 13px; height: 13px; left: 0; top: 1px; background-image: url(/local/templates/main/css/card/../../assets/image/icons/attention_icon.svg); } .block__price-date-end .date-value { padding-left: 0; } .block__price-date-end .date-value::before { content: unset; } .block__text, .block__text--bold, .block__text--for-brand { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 18px; line-height: 24px; color: #111111; } .block__text--for-brand .block__text { display: inline-block; } .block__text:not(:first-child), .block__text--bold:not(:first-child), .block__text--for-brand:not(:first-child) { margin-top: 14px; } .block__text--bold { font-weight: bold; font-size: 20px; line-height: 22px; } @media screen and (max-width: 600px) { .block__text--for-brand { -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } } .block__in-stock { display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; font-size: 14px; line-height: 14px; position: relative; padding: 8px 0 6px 30px; } .block__in-stock::before { content: ""; display: block; position: absolute; width: 22px; height: 22px; left: 0; top: 4px; background-image: url(/local/templates/main/css/card/../../assets/image/icons/availability_sticker.svg); } .block__navigation { padding: 17px 25px; margin-top: 44px; background: #f6f6f6; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; -ms-grid-rows: 1fr 1fr; grid-template-rows: 1fr 1fr; grid-gap: 20px; } .block__navigation-compare, .block__navigation-favorites, .block__navigation-print { position: relative; padding: 0 0 0 34px; display: -webkit-inline-box; display: -webkit-inline-flex; display: -ms-inline-flexbox; display: inline-flex; font-size: 14px; line-height: 14px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .block__navigation-compare::before, .block__navigation-favorites::before, .block__navigation-print::before { content: ""; position: absolute; background-image: url(/local/templates/main/css/card/../../assets/image/icons/comparison_icon.svg); width: 25px; height: 25px; left: 0; } .block__navigation-favorites::before { content: ""; position: absolute; background-image: url(/local/templates/main/css/card/../../assets/image/icons/favorite_icon.svg); width: 18px; height: 18px; } .block__navigation-print::before { content: ""; position: absolute; background-image: url(/local/templates/main/css/card/../../assets/image/icons/print_icon.svg); width: 21px; height: 23px; } .block__weight { padding: 8px 0 6px 24px; font-size: 14px; line-height: 18px; color: #646263; } .block__weight::before { background-image: url('data:image/svg+xml;charset=utf-8, '); right: unset; left: 0; width: 17px; height: 19px; } .block .title, .block--small .title, .block--without-border .title, .block .single-item__title, .block--small .single-item__title, .block--without-border .single-item__title { font-weight: bold; font-size: 36px; line-height: 36px; color: #111111; padding-bottom: 14px; } .block--without-border .block__text{display:block} @media (max-width: 425px) { .block .title, .block--small .title, .block--without-border .title, .block .single-item__title, .block--small .single-item__title, .block--without-border .single-item__title { font-size: 16px; line-height: 18px; } } .block .title__more, .block--small .title__more, .block--without-border .title__more { font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #ee021d; text-decoration: none; padding-left: 20px; } @media (max-width: 425px) { .block .title__more, .block--small .title__more, .block--without-border .title__more { font-size: 14px; line-height: 18px; } } .block .title__more:visited, .block--small .title__more:visited, .block--without-border .title__more:visited { color: #ee021d; } .block .wrapper, .block--small .wrapper, .block--without-border .wrapper, .block .wrapper--column, .block--small .wrapper--column, .block--without-border .wrapper--column, .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare, .block .wrapper--overflow, .block--small .wrapper--overflow, .block--without-border .wrapper--overflow { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; max-width: 100%; min-width: 240px; position: relative; } .block .sale_wrapper { -ms-grid-columns: 1fr 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr 1fr; } .block .wrapper2 { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr 1fr; grid-gap: 30px; max-width: 100%; min-width: 240px; position: relative; } .block .wrapper--column, .block--small .wrapper--column, .block--without-border .wrapper--column { -ms-grid-columns: 1fr; grid-template-columns: 1fr; grid-gap: 0; } .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare { grid-gap: 43px; -ms-grid-columns: minmax(235px, 1fr) 4fr; grid-template-columns: minmax(235px, 1fr) 4fr; overflow: hidden; } .block .wrapper--overflow, .block--small .wrapper--overflow, .block--without-border .wrapper--overflow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; width: 100%; position: relative; } .block .wrapper--overflow .item, .block--small .wrapper--overflow .item, .block--without-border .wrapper--overflow .item { max-width: 223px; } .block .wrapper--overflow .item:not(:last-child), .block--small .wrapper--overflow .item:not(:last-child), .block--without-border .wrapper--overflow .item:not(:last-child) { padding-right: 20px; } .block .separator, .block--small .separator, .block--without-border .separator { background: #afafaf; opacity: 0.4; height: 1px; width: 100%; margin: 28px 0; } .block .image, .block--small .image, .block--without-border .image { display: block; min-width: 110px; max-height: 192px; width: 100%; height: 100%; -o-object-fit: contain; object-fit: contain; } .block__text--for-brand .image { min-width: 160px; max-width: 160px; margin-right: 20px; } .compare__titles { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; margin-bottom: 30px; } .compare__titles-list { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; padding-top: 26px; } .compare__title { font-weight: bold; font-size: 18px; line-height: 24px; padding: 8px 0; /*min-height: 64px;*/ } .compare__titles-list{margin-bottom:30px;} .compare__titles-list .compare__title { white-space:nowrap; overflow:hidden; text-overflow:ellipsis; cursor:help; } .card, .card--row, .card-brand, .card-info, .card-brochure { min-width: 195px; max-width: 100%; } .card-info { min-width: 100%; } .card .block__title, .card--row .block__title, .card-brand .block__title, .card-info .block__title, .card-brochure .block__title { height: 67px; } .card .button--red, .card--row .button--red, .card-brand .button--red, .card-info .button--red, .card-brochure .button--red { width: 100%; } .card__previews { max-height: 83px; min-height: 83px; height: 100%; padding: 0 0 0 15px; margin-top: 16px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; position: relative; background: #fff; } @media screen and (max-width: 580px) { *, .block__text, .block__text *, .block__text--bold, .block__text--for-brand { font-size: 14px; line-height: 18px; } .card-brand{min-width:100%} } @media screen and (max-width: 880px) { .card__previews { max-height: 50px; min-height: 50px; } } @media screen and (max-width: 768px) { .card__previews { visibility: hidden; position: absolute; } } .card__previews .button-arrow--left { position: absolute; /*background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small.svg);*/ width: 10px; height: 27px; left: 0; top: 50%; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .card__previews .button-arrow--right { position: absolute; /*background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small.svg);*/ width: 10px; height: 27px; right: 0; top: 12px; -webkit-transform: rotateZ(180deg) translateY(-50%); -ms-transform: rotate(180deg) translateY(-50%); transform: rotateZ(180deg) translateY(-50%); } @media screen and (max-width: 880px) { .card__previews .button-arrow--right { top: 2px; } } @media screen and (max-width: 980px) { .card__previews .slick-list { margin-right: 15px; } } .card__previews-item { position: relative; } .card__previews-item--video { position: relative; } .slick-slider .slick-list{ width: 100%; } .slick-slider .slick-track{ margin-left: 0; } .card__previews-item--video::before { content: ""; position: absolute; width: 35px; height: 35px; display: block; background: url(/local/templates/main/css/card/../../assets/image/icons/Play_preview.svg); -webkit-background-size: contain; background-size: contain; top: 50%; left: 45px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } @media screen and (max-width: 880px) { .card__previews-item--video::before { width: 27px; height: 27px; top: 50%; left: 23px; } } .card__previews-item.slick-slide .card__previews-image { border: 1px solid #d6d6d6; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 1140px) { .card__previews-item.slick-slide .card__previews-image { max-width: 110px; min-width: 110px; width: 100%; } } @media screen and (max-width: 1024px) { .card__previews-item.slick-slide .card__previews-image { max-width: 123px; } } @media screen and (max-width: 980px) { .card__previews-item.slick-slide .card__previews-image { max-width: 110px; } } @media screen and (max-width: 880px) { .card__previews-item.slick-slide .card__previews-image { max-width: 76px; max-height: 50px; min-height: 50px; } } .card__previews-item.slick-slide.slick-current.slick-active .card__previews-image { border-color: #ee021d; } .card__description { padding: 0; margin-bottom: 33px; overflow: hidden; display: block; min-height:48px; } .card__tabs { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: nowrap; -ms-flex-wrap: nowrap; flex-wrap: nowrap; position: relative; -webkit-transition: -webkit-transform 0.2s; transition: -webkit-transform 0.2s; -o-transition: transform 0.2s; transition: transform 0.2s; transition: transform 0.2s, -webkit-transform 0.2s; } @media screen and (max-width: 767px) { .card__tabs { padding-left: 45px; padding-right: 45px; } } .card__tabs-content { padding: 25px; background: #ffffff; border: 1px solid #d6d6d6; } .card__tab, .card__tab-left, .card__tab-right { font-weight: normal; font-size: 16px; line-height: 14px; color: #111111; padding: 12px 25px; background: -webkit-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: -o-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: linear-gradient(109.59deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); border: 1px solid #d6d6d6; cursor: pointer; border-bottom: 0px; } .card__tab:not(:last-child), .card__tab-left:not(:last-child), .card__tab-right:not(:last-child) { margin-right: 6px; } @media screen and (max-width: 880px) { .card__tab, .card__tab-left, .card__tab-right { padding: 12px 12px; } } @media screen and (max-width: 767px) { .card__tab, .card__tab-left, .card__tab-right { border: 0; } .card__tab:not(:last-child), .card__tab-left:not(:last-child), .card__tab-right:not(:last-child) { margin-right: 0; } } .card__tab--active { background: #ffffff; font-weight: bold; position: relative; } @media screen and (max-width: 767px) { .card__tab--active { border: 1px solid #d6d6d6; } } .card__tab--active::before { content: ""; position: absolute; bottom: -2px; left: 0; width: 100%; height: 3px; display: block; background: #ffffff; } .card__tab-left { display: none; width: 40px; min-height: 39px; position: absolute; background: -webkit-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: -o-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: linear-gradient(109.59deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); padding: 0; left: 0; z-index: 1; border: 1px solid #d6d6d6; border-bottom: 0; } .card__tab-left::before { content: ""; position: absolute; display: block; background: url(/local/templates/main/css/card/../../assets/image/arrow_left_block/disabled.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; height: 19px; width: 9px; -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); top: 10px; left: 14px; } .card__tab-left:focus::before { background: url(/local/templates/main/css/card/../../assets/image/arrow_right_block/normal.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; width: 9px; -webkit-transform: rotateZ(180deg); -ms-transform: rotate(180deg); transform: rotateZ(180deg); top: 10px; left: 14px; } @media screen and (max-width: 767px) { .card__tab-left { display: block; } } .card__tab-right { display: none; width: 40px; min-height: 39px; position: absolute; background: -webkit-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: -o-linear-gradient(340.41deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); background: linear-gradient(109.59deg, #f6f6f6 0%, rgba(250, 250, 250, 0.7) 100%); padding: 0; right: 0; top: 0; border: 1px solid #d6d6d6; border-bottom: 0; } .card__tab-right:not(:last-child) { margin-right: 0; } .card__tab-right::before { content: ""; position: absolute; display: block; background: url(/local/templates/main/css/card/../../assets/image/arrow_left_block/disabled.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; height: 19px; width: 9px; top: 10px; left: 14px; } .card__tab-right:focus::before { background: url(/local/templates/main/css/card/../../assets/image/arrow_right_block/normal.svg); -webkit-background-size: contain; background-size: contain; background-repeat: no-repeat; width: 9px; top: 10px; left: 14px; } @media screen and (max-width: 767px) { .card__tab-right { display: block; } } .card__content { display: none; } .card__content-row { display: flex; } .card__content-column { display: flex; flex-direction: column; } .card__content-row--align-right { display: flex; justify-content: flex-end; } .card__content-row--align-right .title__more { font-style: normal; font-weight: normal; font-size: 18px; line-height: 24px; color: #ee021d; text-decoration: none; padding-left: 20px; } .card__content--active { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card__content span:not(:last-child) { padding-bottom: 14px; } .card__content--table { !margin: 0 -25px; } .card__content-table .table-row { padding: 0 25px; display: -ms-grid; display: grid; -ms-grid-columns: 1fr 2fr; grid-template-columns: 1fr 2fr; } .reviews__item { width: 100%; display: flex; flex-direction: column; padding-top: 17px; } .reviews__item-header { width: 100%; display: flex; flex-direction: row; align-items: center; justify-content: space-between; background: #F6F6F6; padding: 14px; } .reviews__item-description { padding: 14px; } .reviews__item-header .column { display: flex; flex-direction: row; } .reviews__item-header-description { display: flex; flex-direction: row; font-weight: bold; font-size: 16px; line-height: 18px; } .card__content .reviews__item-header-description span { padding-bottom: 0; padding-right: 29px; } .reviews__item-header-rating { display: flex; flex-direction: row; padding-right: 69px; } .reviews__item-header-rating .star-icon { fill: #afafaf; } .reviews__item-header-rating .star-icon--active { fill: #EE021D; } .reviews__item-header-date { font-size: 14px; line-height: 18px; } @media screen and (max-width: 500px) { .card__content-table .table-row { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; padding: 0 6px; } } .card__content-table .table-cell { padding: 10px 0; } @media screen and (max-width: 500px) { .card__content-table .table-cell:nth-child(2) { text-align: right; } } .card__content-table-header { font-weight: normal; font-size: 16px; line-height: 30px; color: #111111; } .card__content-table-body .table-row:nth-child(2n -1) { background: #f6f6f6; } .card__info-row, .card__info-row--first { display: -ms-grid; display: grid; -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 10px; } .card__info-row .block__article, .card__info-row--first .block__article, .card__info-row .block__weight, .card__info-row--first .block__weight { width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; } .card__info-row--first { padding-bottom: 13px; border-bottom: 1px solid #d6d6d6; } .card__info-row--right { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .card__info-row .button--red, .card__info-row--first .button--red { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 2; } .card__info-column { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -webkit-justify-content: flex-end; -ms-flex-pack: end; justify-content: flex-end; } .card__compare { display: -ms-grid; display: grid; -ms-grid-columns: 1fr; grid-template-columns: 1fr; padding-top: 26px; } @media screen and (max-width: 570px) { .card__compare { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 17px; } } .card__compare-column--desktop { display: -ms-grid; display: grid; } .card__compare-column--mobile { display: none; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } @media screen and (max-width: 570px) { .card__compare-column--mobile { display: -ms-grid; display: grid; } } .card__compare-item { font-weight: normal; font-size: 18px; line-height: 24px; padding: 8px 0; white-space:nowrap; overflow:hidden; text-overflow: ellipsis; cursor:help; } .card__compare-item:not(:last-child) { border-bottom: 1px solid rgba(175, 175, 175, 0.4); } @media screen and (max-width: 570px) { .card__compare-item { padding: 5px 0; font-size: 14px; line-height: 18px; } } .card--row:not(:last-child) { border-bottom: 1px solid #d6d6d6; padding: 5px 0; } .card--row .small_prev_img{border:1px solid #d6d6d6; width:70px; height:55px; display:block; float:left;background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#fff;margin-right:10px;} .card--row .product_info_line{display:table-cell} .card--row .product_info_line .block__article{padding:0px 20px 6px 0} .card--row:last-child {margin-top:5px;} .card--row .block__title { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; margin: 0; font-weight: normal; font-size: 18px; line-height: 24px; } .card-brand .block__title, .card-info .block__title, .card-brochure .block__title { margin: 15px 0; max-height: 67px; height: auto; } .card-brand .card__description, .card-info .card__description, .card-brochure .card__description { max-height: 125px; !display: inline-block; margin-bottom: 15px; overflow: hidden; -o-text-overflow: ellipsis; text-overflow: ellipsis; } @media screen and (max-width: 570px) { .card-brand .card__description, .card-info .card__description, .card-brochure .card__description { font-size: 14px; line-height: 18px; max-height: 54px; } } .card-brand .block__image, .card-info .block__image, .card-brochure .block__image { min-height: 110px; max-height: 136px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; } @media screen and (max-width: 570px) { .card-brand .button, .card-info .button, .card-brochure .button { width: 100%; } } .card-info .block__image { max-height: 192px; } .card-brochure { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; } .card-brochure .block__image { min-height: 110px; max-height: 270px; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; background: #fff; } .card-brochure .block__image .image { height: 100%; min-height: 110px; max-height: 270px; -o-object-fit: cover; object-fit: cover; } .card-brochure .block__title { height: 100%; margin: 5px 0 15px; min-height: 67px; overflow: hidden; } @media screen and (max-width: 1300px) { .card-brochure .button { min-width: 177px; } } @media screen and (max-width: 1024px) { .card-brochure .button { min-width: auto; } } .card__content .card, .card__content .card--row, .card__content .card-brand, .card__content .card-info, .card__content .card-brochure { display: -ms-grid; display: grid; -ms-grid-columns: minmax(110px, 115px) 2fr 1fr; grid-template-columns: minmax(110px, 115px) 2fr 1fr; grid-gap: 26px; } .card__content .card:not(:last-child), .card__content .card--row:not(:last-child), .card__content .card-brand:not(:last-child), .card__content .card-info:not(:last-child), .card__content .card-brochure:not(:last-child) { padding-bottom: 24px; border-bottom: 1px solid #d6d6d6; } .card__content .card:not(:first-child), .card__content .card--row:not(:first-child), .card__content .card-brand:not(:first-child), .card__content .card-info:not(:first-child), .card__content .card-brochure:not(:first-child) { padding-top: 24px; } @media screen and (max-width: 768px) { .card__content .card, .card__content .card--row, .card__content .card-brand, .card__content .card-info, .card__content .card-brochure { -ms-grid-columns: minmax(110px, 115px) 2fr; grid-template-columns: minmax(110px, 115px) 2fr; } .card__content .card > div:nth-child(2), .card__content .card--row > div:nth-child(2), .card__content .card-brand > div:nth-child(2), .card__content .card-info > div:nth-child(2), .card__content .card-brochure > div:nth-child(2), .card__content .card > div:nth-child(3), .card__content .card--row > div:nth-child(3), .card__content .card-brand > div:nth-child(3), .card__content .card-info > div:nth-child(3), .card__content .card-brochure > div:nth-child(3) { -ms-grid-column: 2; grid-column-start: 2; grid-column-end: 3; } } .card__content .block__image { max-width: 115px; } .card__content span.block__price-discount, .card__content span.block__price-old { padding-bottom: 4px; } .card__content .block__title { margin: 0; } .single-item__title { font-weight: bold; font-size: 36px; line-height: 38px; } @media screen and (max-width: 500px) { .single-item__title { font-size: 16px; line-height: 18px; } } @media screen and (max-width: 1024px) { .single-item__row--flex { -webkit-box-orient: vertical; -webkit-box-direction: reverse; -webkit-flex-direction: column-reverse; -ms-flex-direction: column-reverse; flex-direction: column-reverse; } .single-item__row--flex .left-bar > [class^="banner-card"] { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .single-item__row--flex .left-bar > [class^="banner-card"]:first-child { margin-top: 0; } } .single-item__row--flex .title, .single-item__row--flex .single-item__title { margin-bottom: 0; } @media screen and (max-width: 500px) { .single-item__row--flex .title, .single-item__row--flex .single-item__title { padding-right: 50px; } } .single-item__row--flex .block .wrapper, .single-item__row--flex .block--small .wrapper, .single-item__row--flex .block--without-border .wrapper, .single-item__row--flex .block .wrapper--column, .single-item__row--flex .block--small .wrapper--column, .single-item__row--flex .block--without-border .wrapper--column, .single-item__row--flex .block .wrapper--compare, .single-item__row--flex .block--small .wrapper--compare, .single-item__row--flex .block--without-border .wrapper--compare, .single-item__row--flex .block .wrapper--overflow, .single-item__row--flex .block--small .wrapper--overflow, .single-item__row--flex .block--without-border .wrapper--overflow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .single-item__row--flex .block .wrapper, .single-item__row--flex .block--small .wrapper, .single-item__row--flex .block--without-border .wrapper, .single-item__row--flex .block .wrapper--column, .single-item__row--flex .block--small .wrapper--column, .single-item__row--flex .block--without-border .wrapper--column, .single-item__row--flex .block .wrapper--compare, .single-item__row--flex .block--small .wrapper--compare, .single-item__row--flex .block--without-border .wrapper--compare, .single-item__row--flex .block .wrapper--overflow, .single-item__row--flex .block--small .wrapper--overflow, .single-item__row--flex .block--without-border .wrapper--overflow { position: static; } } .single-item__row--flex .block .wrapper .slick-track, .single-item__row--flex .block--small .wrapper .slick-track, .single-item__row--flex .block--without-border .wrapper .slick-track, .single-item__row--flex .block .wrapper--column .slick-track, .single-item__row--flex .block--small .wrapper--column .slick-track, .single-item__row--flex .block--without-border .wrapper--column .slick-track, .single-item__row--flex .block .wrapper--compare .slick-track, .single-item__row--flex .block--small .wrapper--compare .slick-track, .single-item__row--flex .block--without-border .wrapper--compare .slick-track, .single-item__row--flex .block .wrapper--overflow .slick-track, .single-item__row--flex .block--small .wrapper--overflow .slick-track, .single-item__row--flex .block--without-border .wrapper--overflow .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .single-item__row--flex .block .wrapper .card, .single-item__row--flex .block--small .wrapper .card, .single-item__row--flex .block--without-border .wrapper .card, .single-item__row--flex .block .wrapper--column .card, .single-item__row--flex .block--small .block .wrapper--column .card, .block .single-item__row--flex .block--small .wrapper--column .card, .single-item__row--flex .block--without-border .block .wrapper--column .card, .block .single-item__row--flex .block--without-border .wrapper--column .card, .single-item__row--flex .block .block--small .wrapper--column .card, .block--small .single-item__row--flex .block .wrapper--column .card, .single-item__row--flex .block--small .wrapper--column .card, .single-item__row--flex .block--without-border .block--small .wrapper--column .card, .block--small .single-item__row--flex .block--without-border .wrapper--column .card, .single-item__row--flex .block .block--without-border .wrapper--column .card, .block--without-border .single-item__row--flex .block .wrapper--column .card, .single-item__row--flex .block--small .block--without-border .wrapper--column .card, .block--without-border .single-item__row--flex .block--small .wrapper--column .card, .single-item__row--flex .block--without-border .wrapper--column .card, .single-item__row--flex .block .wrapper--compare .card, .single-item__row--flex .block--small .block .wrapper--compare .card, .block .single-item__row--flex .block--small .wrapper--compare .card, .single-item__row--flex .block--without-border .block .wrapper--compare .card, .block .single-item__row--flex .block--without-border .wrapper--compare .card, .single-item__row--flex .block .block--small .wrapper--compare .card, .block--small .single-item__row--flex .block .wrapper--compare .card, .single-item__row--flex .block--small .wrapper--compare .card, .single-item__row--flex .block--without-border .block--small .wrapper--compare .card, .block--small .single-item__row--flex .block--without-border .wrapper--compare .card, .single-item__row--flex .block .block--without-border .wrapper--compare .card, .block--without-border .single-item__row--flex .block .wrapper--compare .card, .single-item__row--flex .block--small .block--without-border .wrapper--compare .card, .block--without-border .single-item__row--flex .block--small .wrapper--compare .card, .single-item__row--flex .block--without-border .wrapper--compare .card, .single-item__row--flex .block .wrapper--overflow .card, .single-item__row--flex .block--small .block .wrapper--overflow .card, .block .single-item__row--flex .block--small .wrapper--overflow .card, .single-item__row--flex .block--without-border .block .wrapper--overflow .card, .block .single-item__row--flex .block--without-border .wrapper--overflow .card, .single-item__row--flex .block .block--small .wrapper--overflow .card, .block--small .single-item__row--flex .block .wrapper--overflow .card, .single-item__row--flex .block--small .wrapper--overflow .card, .single-item__row--flex .block--without-border .block--small .wrapper--overflow .card, .block--small .single-item__row--flex .block--without-border .wrapper--overflow .card, .single-item__row--flex .block .block--without-border .wrapper--overflow .card, .block--without-border .single-item__row--flex .block .wrapper--overflow .card, .single-item__row--flex .block--small .block--without-border .wrapper--overflow .card, .block--without-border .single-item__row--flex .block--small .wrapper--overflow .card, .single-item__row--flex .block--without-border .wrapper--overflow .card, .single-item__row--flex .block .wrapper .card--row, .single-item__row--flex .block--small .wrapper .card--row, .single-item__row--flex .block--without-border .wrapper .card--row, .single-item__row--flex .block .wrapper--column .card--row, .single-item__row--flex .block--small .block .wrapper--column .card--row, .block .single-item__row--flex .block--small .wrapper--column .card--row, .single-item__row--flex .block--without-border .block .wrapper--column .card--row, .block .single-item__row--flex .block--without-border .wrapper--column .card--row, .single-item__row--flex .block .block--small .wrapper--column .card--row, .block--small .single-item__row--flex .block .wrapper--column .card--row, .single-item__row--flex .block--small .wrapper--column .card--row, .single-item__row--flex .block--without-border .block--small .wrapper--column .card--row, .block--small .single-item__row--flex .block--without-border .wrapper--column .card--row, .single-item__row--flex .block .block--without-border .wrapper--column .card--row, .block--without-border .single-item__row--flex .block .wrapper--column .card--row, .single-item__row--flex .block--small .block--without-border .wrapper--column .card--row, .block--without-border .single-item__row--flex .block--small .wrapper--column .card--row, .single-item__row--flex .block--without-border .wrapper--column .card--row, .single-item__row--flex .block .wrapper--compare .card--row, .single-item__row--flex .block--small .block .wrapper--compare .card--row, .block .single-item__row--flex .block--small .wrapper--compare .card--row, .single-item__row--flex .block--without-border .block .wrapper--compare .card--row, .block .single-item__row--flex .block--without-border .wrapper--compare .card--row, .single-item__row--flex .block .block--small .wrapper--compare .card--row, .block--small .single-item__row--flex .block .wrapper--compare .card--row, .single-item__row--flex .block--small .wrapper--compare .card--row, .single-item__row--flex .block--without-border .block--small .wrapper--compare .card--row, .block--small .single-item__row--flex .block--without-border .wrapper--compare .card--row, .single-item__row--flex .block .block--without-border .wrapper--compare .card--row, .block--without-border .single-item__row--flex .block .wrapper--compare .card--row, .single-item__row--flex .block--small .block--without-border .wrapper--compare .card--row, .block--without-border .single-item__row--flex .block--small .wrapper--compare .card--row, .single-item__row--flex .block--without-border .wrapper--compare .card--row, .single-item__row--flex .block .wrapper--overflow .card--row, .single-item__row--flex .block--small .block .wrapper--overflow .card--row, .block .single-item__row--flex .block--small .wrapper--overflow .card--row, .single-item__row--flex .block--without-border .block .wrapper--overflow .card--row, .block .single-item__row--flex .block--without-border .wrapper--overflow .card--row, .single-item__row--flex .block .block--small .wrapper--overflow .card--row, .block--small .single-item__row--flex .block .wrapper--overflow .card--row, .single-item__row--flex .block--small .wrapper--overflow .card--row, .single-item__row--flex .block--without-border .block--small .wrapper--overflow .card--row, .block--small .single-item__row--flex .block--without-border .wrapper--overflow .card--row, .single-item__row--flex .block .block--without-border .wrapper--overflow .card--row, .block--without-border .single-item__row--flex .block .wrapper--overflow .card--row, .single-item__row--flex .block--small .block--without-border .wrapper--overflow .card--row, .block--without-border .single-item__row--flex .block--small .wrapper--overflow .card--row, .single-item__row--flex .block--without-border .wrapper--overflow .card--row, .single-item__row--flex .block .wrapper .card-brand, .single-item__row--flex .block--small .wrapper .card-brand, .single-item__row--flex .block--without-border .wrapper .card-brand, .single-item__row--flex .block .wrapper--column .card-brand, .single-item__row--flex .block--small .block .wrapper--column .card-brand, .block .single-item__row--flex .block--small .wrapper--column .card-brand, .single-item__row--flex .block--without-border .block .wrapper--column .card-brand, .block .single-item__row--flex .block--without-border .wrapper--column .card-brand, .single-item__row--flex .block .block--small .wrapper--column .card-brand, .block--small .single-item__row--flex .block .wrapper--column .card-brand, .single-item__row--flex .block--small .wrapper--column .card-brand, .single-item__row--flex .block--without-border .block--small .wrapper--column .card-brand, .block--small .single-item__row--flex .block--without-border .wrapper--column .card-brand, .single-item__row--flex .block .block--without-border .wrapper--column .card-brand, .block--without-border .single-item__row--flex .block .wrapper--column .card-brand, .single-item__row--flex .block--small .block--without-border .wrapper--column .card-brand, .block--without-border .single-item__row--flex .block--small .wrapper--column .card-brand, .single-item__row--flex .block--without-border .wrapper--column .card-brand, .single-item__row--flex .block .wrapper--compare .card-brand, .single-item__row--flex .block--small .block .wrapper--compare .card-brand, .block .single-item__row--flex .block--small .wrapper--compare .card-brand, .single-item__row--flex .block--without-border .block .wrapper--compare .card-brand, .block .single-item__row--flex .block--without-border .wrapper--compare .card-brand, .single-item__row--flex .block .block--small .wrapper--compare .card-brand, .block--small .single-item__row--flex .block .wrapper--compare .card-brand, .single-item__row--flex .block--small .wrapper--compare .card-brand, .single-item__row--flex .block--without-border .block--small .wrapper--compare .card-brand, .block--small .single-item__row--flex .block--without-border .wrapper--compare .card-brand, .single-item__row--flex .block .block--without-border .wrapper--compare .card-brand, .block--without-border .single-item__row--flex .block .wrapper--compare .card-brand, .single-item__row--flex .block--small .block--without-border .wrapper--compare .card-brand, .block--without-border .single-item__row--flex .block--small .wrapper--compare .card-brand, .single-item__row--flex .block--without-border .wrapper--compare .card-brand, .single-item__row--flex .block .wrapper--overflow .card-brand, .single-item__row--flex .block--small .block .wrapper--overflow .card-brand, .block .single-item__row--flex .block--small .wrapper--overflow .card-brand, .single-item__row--flex .block--without-border .block .wrapper--overflow .card-brand, .block .single-item__row--flex .block--without-border .wrapper--overflow .card-brand, .single-item__row--flex .block .block--small .wrapper--overflow .card-brand, .block--small .single-item__row--flex .block .wrapper--overflow .card-brand, .single-item__row--flex .block--small .wrapper--overflow .card-brand, .single-item__row--flex .block--without-border .block--small .wrapper--overflow .card-brand, .block--small .single-item__row--flex .block--without-border .wrapper--overflow .card-brand, .single-item__row--flex .block .block--without-border .wrapper--overflow .card-brand, .block--without-border .single-item__row--flex .block .wrapper--overflow .card-brand, .single-item__row--flex .block--small .block--without-border .wrapper--overflow .card-brand, .block--without-border .single-item__row--flex .block--small .wrapper--overflow .card-brand, .single-item__row--flex .block--without-border .wrapper--overflow .card-brand, .single-item__row--flex .block .wrapper .card-info, .single-item__row--flex .block--small .wrapper .card-info, .single-item__row--flex .block--without-border .wrapper .card-info, .single-item__row--flex .block .wrapper--column .card-info, .single-item__row--flex .block--small .block .wrapper--column .card-info, .block .single-item__row--flex .block--small .wrapper--column .card-info, .single-item__row--flex .block--without-border .block .wrapper--column .card-info, .block .single-item__row--flex .block--without-border .wrapper--column .card-info, .single-item__row--flex .block .block--small .wrapper--column .card-info, .block--small .single-item__row--flex .block .wrapper--column .card-info, .single-item__row--flex .block--small .wrapper--column .card-info, .single-item__row--flex .block--without-border .block--small .wrapper--column .card-info, .block--small .single-item__row--flex .block--without-border .wrapper--column .card-info, .single-item__row--flex .block .block--without-border .wrapper--column .card-info, .block--without-border .single-item__row--flex .block .wrapper--column .card-info, .single-item__row--flex .block--small .block--without-border .wrapper--column .card-info, .block--without-border .single-item__row--flex .block--small .wrapper--column .card-info, .single-item__row--flex .block--without-border .wrapper--column .card-info, .single-item__row--flex .block .wrapper--compare .card-info, .single-item__row--flex .block--small .block .wrapper--compare .card-info, .block .single-item__row--flex .block--small .wrapper--compare .card-info, .single-item__row--flex .block--without-border .block .wrapper--compare .card-info, .block .single-item__row--flex .block--without-border .wrapper--compare .card-info, .single-item__row--flex .block .block--small .wrapper--compare .card-info, .block--small .single-item__row--flex .block .wrapper--compare .card-info, .single-item__row--flex .block--small .wrapper--compare .card-info, .single-item__row--flex .block--without-border .block--small .wrapper--compare .card-info, .block--small .single-item__row--flex .block--without-border .wrapper--compare .card-info, .single-item__row--flex .block .block--without-border .wrapper--compare .card-info, .block--without-border .single-item__row--flex .block .wrapper--compare .card-info, .single-item__row--flex .block--small .block--without-border .wrapper--compare .card-info, .block--without-border .single-item__row--flex .block--small .wrapper--compare .card-info, .single-item__row--flex .block--without-border .wrapper--compare .card-info, .single-item__row--flex .block .wrapper--overflow .card-info, .single-item__row--flex .block--small .block .wrapper--overflow .card-info, .block .single-item__row--flex .block--small .wrapper--overflow .card-info, .single-item__row--flex .block--without-border .block .wrapper--overflow .card-info, .block .single-item__row--flex .block--without-border .wrapper--overflow .card-info, .single-item__row--flex .block .block--small .wrapper--overflow .card-info, .block--small .single-item__row--flex .block .wrapper--overflow .card-info, .single-item__row--flex .block--small .wrapper--overflow .card-info, .single-item__row--flex .block--without-border .block--small .wrapper--overflow .card-info, .block--small .single-item__row--flex .block--without-border .wrapper--overflow .card-info, .single-item__row--flex .block .block--without-border .wrapper--overflow .card-info, .block--without-border .single-item__row--flex .block .wrapper--overflow .card-info, .single-item__row--flex .block--small .block--without-border .wrapper--overflow .card-info, .block--without-border .single-item__row--flex .block--small .wrapper--overflow .card-info, .single-item__row--flex .block--without-border .wrapper--overflow .card-info, .single-item__row--flex .block .wrapper .card-brochure, .single-item__row--flex .block--small .wrapper .card-brochure, .single-item__row--flex .block--without-border .wrapper .card-brochure, .single-item__row--flex .block .wrapper--column .card-brochure, .single-item__row--flex .block--small .block .wrapper--column .card-brochure, .block .single-item__row--flex .block--small .wrapper--column .card-brochure, .single-item__row--flex .block--without-border .block .wrapper--column .card-brochure, .block .single-item__row--flex .block--without-border .wrapper--column .card-brochure, .single-item__row--flex .block .block--small .wrapper--column .card-brochure, .block--small .single-item__row--flex .block .wrapper--column .card-brochure, .single-item__row--flex .block--small .wrapper--column .card-brochure, .single-item__row--flex .block--without-border .block--small .wrapper--column .card-brochure, .block--small .single-item__row--flex .block--without-border .wrapper--column .card-brochure, .single-item__row--flex .block .block--without-border .wrapper--column .card-brochure, .block--without-border .single-item__row--flex .block .wrapper--column .card-brochure, .single-item__row--flex .block--small .block--without-border .wrapper--column .card-brochure, .block--without-border .single-item__row--flex .block--small .wrapper--column .card-brochure, .single-item__row--flex .block--without-border .wrapper--column .card-brochure, .single-item__row--flex .block .wrapper--compare .card-brochure, .single-item__row--flex .block--small .block .wrapper--compare .card-brochure, .block .single-item__row--flex .block--small .wrapper--compare .card-brochure, .single-item__row--flex .block--without-border .block .wrapper--compare .card-brochure, .block .single-item__row--flex .block--without-border .wrapper--compare .card-brochure, .single-item__row--flex .block .block--small .wrapper--compare .card-brochure, .block--small .single-item__row--flex .block .wrapper--compare .card-brochure, .single-item__row--flex .block--small .wrapper--compare .card-brochure, .single-item__row--flex .block--without-border .block--small .wrapper--compare .card-brochure, .block--small .single-item__row--flex .block--without-border .wrapper--compare .card-brochure, .single-item__row--flex .block .block--without-border .wrapper--compare .card-brochure, .block--without-border .single-item__row--flex .block .wrapper--compare .card-brochure, .single-item__row--flex .block--small .block--without-border .wrapper--compare .card-brochure, .block--without-border .single-item__row--flex .block--small .wrapper--compare .card-brochure, .single-item__row--flex .block--without-border .wrapper--compare .card-brochure, .single-item__row--flex .block .wrapper--overflow .card-brochure, .single-item__row--flex .block--small .block .wrapper--overflow .card-brochure, .block .single-item__row--flex .block--small .wrapper--overflow .card-brochure, .single-item__row--flex .block--without-border .block .wrapper--overflow .card-brochure, .block .single-item__row--flex .block--without-border .wrapper--overflow .card-brochure, .single-item__row--flex .block .block--small .wrapper--overflow .card-brochure, .block--small .single-item__row--flex .block .wrapper--overflow .card-brochure, .single-item__row--flex .block--small .wrapper--overflow .card-brochure, .single-item__row--flex .block--without-border .block--small .wrapper--overflow .card-brochure, .block--small .single-item__row--flex .block--without-border .wrapper--overflow .card-brochure, .single-item__row--flex .block .block--without-border .wrapper--overflow .card-brochure, .block--without-border .single-item__row--flex .block .wrapper--overflow .card-brochure, .single-item__row--flex .block--small .block--without-border .wrapper--overflow .card-brochure, .block--without-border .single-item__row--flex .block--small .wrapper--overflow .card-brochure, .single-item__row--flex .block--without-border .wrapper--overflow .card-brochure { padding-right: 17px; padding-left: 3px; } .single-item__row--flex .block .wrapper .button-arrow--left, .single-item__row--flex .block--small .wrapper .button-arrow--left, .single-item__row--flex .block--without-border .wrapper .button-arrow--left, .single-item__row--flex .block .wrapper--column .button-arrow--left, .single-item__row--flex .block--small .wrapper--column .button-arrow--left, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--left, .single-item__row--flex .block .wrapper--compare .button-arrow--left, .single-item__row--flex .block--small .wrapper--compare .button-arrow--left, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--left, .single-item__row--flex .block .wrapper--overflow .button-arrow--left, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--left, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--left { position: absolute; top: -51px; right: 39px; width: 10px; height: 27px; background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small.svg); } .single-item__row--flex .block .wrapper .button-arrow--left:hover, .single-item__row--flex .block--small .wrapper .button-arrow--left:hover, .single-item__row--flex .block--without-border .wrapper .button-arrow--left:hover, .single-item__row--flex .block .wrapper--column .button-arrow--left:hover, .single-item__row--flex .block--small .wrapper--column .button-arrow--left:hover, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--left:hover, .single-item__row--flex .block .wrapper--compare .button-arrow--left:hover, .single-item__row--flex .block--small .wrapper--compare .button-arrow--left:hover, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--left:hover, .single-item__row--flex .block .wrapper--overflow .button-arrow--left:hover, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--left:hover, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--left:hover { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--black.svg); } .single-item__row--flex .block .wrapper .button-arrow--left:disabled, .single-item__row--flex .block--small .wrapper .button-arrow--left:disabled, .single-item__row--flex .block--without-border .wrapper .button-arrow--left:disabled, .single-item__row--flex .block .wrapper--column .button-arrow--left:disabled, .single-item__row--flex .block--small .wrapper--column .button-arrow--left:disabled, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--left:disabled, .single-item__row--flex .block .wrapper--compare .button-arrow--left:disabled, .single-item__row--flex .block--small .wrapper--compare .button-arrow--left:disabled, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--left:disabled, .single-item__row--flex .block .wrapper--overflow .button-arrow--left:disabled, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--left:disabled, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--left:disabled { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 768px) { .single-item__row--flex .block .wrapper .button-arrow--left, .single-item__row--flex .block--small .wrapper .button-arrow--left, .single-item__row--flex .block--without-border .wrapper .button-arrow--left, .single-item__row--flex .block .wrapper--column .button-arrow--left, .single-item__row--flex .block--small .wrapper--column .button-arrow--left, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--left, .single-item__row--flex .block .wrapper--compare .button-arrow--left, .single-item__row--flex .block--small .wrapper--compare .button-arrow--left, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--left, .single-item__row--flex .block .wrapper--overflow .button-arrow--left, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--left, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--left { width: 7px; height: 19px; top: 20px; } } .single-item__row--flex .block .wrapper .button-arrow--right, .single-item__row--flex .block--small .wrapper .button-arrow--right, .single-item__row--flex .block--without-border .wrapper .button-arrow--right, .single-item__row--flex .block .wrapper--column .button-arrow--right, .single-item__row--flex .block--small .wrapper--column .button-arrow--right, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--right, .single-item__row--flex .block .wrapper--compare .button-arrow--right, .single-item__row--flex .block--small .wrapper--compare .button-arrow--right, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--right, .single-item__row--flex .block .wrapper--overflow .button-arrow--right, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--right, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--right { position: absolute; top: -50px; right: 0px; width: 10px; height: 27px; background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small.svg); } .single-item__row--flex .block .wrapper .button-arrow--right:hover, .single-item__row--flex .block--small .wrapper .button-arrow--right:hover, .single-item__row--flex .block--without-border .wrapper .button-arrow--right:hover, .single-item__row--flex .block .wrapper--column .button-arrow--right:hover, .single-item__row--flex .block--small .wrapper--column .button-arrow--right:hover, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--right:hover, .single-item__row--flex .block .wrapper--compare .button-arrow--right:hover, .single-item__row--flex .block--small .wrapper--compare .button-arrow--right:hover, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--right:hover, .single-item__row--flex .block .wrapper--overflow .button-arrow--right:hover, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--right:hover, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--right:hover { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--black.svg); } .single-item__row--flex .block .wrapper .button-arrow--right:disabled, .single-item__row--flex .block--small .wrapper .button-arrow--right:disabled, .single-item__row--flex .block--without-border .wrapper .button-arrow--right:disabled, .single-item__row--flex .block .wrapper--column .button-arrow--right:disabled, .single-item__row--flex .block--small .wrapper--column .button-arrow--right:disabled, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--right:disabled, .single-item__row--flex .block .wrapper--compare .button-arrow--right:disabled, .single-item__row--flex .block--small .wrapper--compare .button-arrow--right:disabled, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--right:disabled, .single-item__row--flex .block .wrapper--overflow .button-arrow--right:disabled, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--right:disabled, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--right:disabled { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 768px) { .single-item__row--flex .block .wrapper .button-arrow--right, .single-item__row--flex .block--small .wrapper .button-arrow--right, .single-item__row--flex .block--without-border .wrapper .button-arrow--right, .single-item__row--flex .block .wrapper--column .button-arrow--right, .single-item__row--flex .block--small .wrapper--column .button-arrow--right, .single-item__row--flex .block--without-border .wrapper--column .button-arrow--right, .single-item__row--flex .block .wrapper--compare .button-arrow--right, .single-item__row--flex .block--small .wrapper--compare .button-arrow--right, .single-item__row--flex .block--without-border .wrapper--compare .button-arrow--right, .single-item__row--flex .block .wrapper--overflow .button-arrow--right, .single-item__row--flex .block--small .wrapper--overflow .button-arrow--right, .single-item__row--flex .block--without-border .wrapper--overflow .button-arrow--right { width: 7px; height: 19px; top: 20px; right: 20px; } } .single-item-container .block__icons-row .block__icons-item--bottom { width: 41px; height: 33px; } .single-item-container .block__icons-row .block__icons-column .block__icons-item, .single-item-container .block__icons-row .block__icons-column .block__icons-item--bottom { width: 85px; height: 30px; } .single-item-container .block__icons-row .block__icons-column .block__icons-item:first-child, .single-item-container .block__icons-row .block__icons-column .block__icons-item--bottom:first-child { margin-top: 14px; } @media (max-width: 425px) { .single-item-container .block__icons-row .block__icons-column .block__icons-item, .single-item-container .block__icons-row .block__icons-column .block__icons-item--bottom { width: 57px; height: 20px; } } .single-item-container .card .block__image, .single-item-container .card--row .block__image, .single-item-container .card-brand .block__image, .single-item-container .card-info .block__image, .single-item-container .card-brochure .block__image { border: 1px solid #d6d6d6; } @media screen and (max-width: 880px) { .single-item-container .card .block__image, .single-item-container .card--row .block__image, .single-item-container .card-brand .block__image, .single-item-container .card-info .block__image, .single-item-container .card-brochure .block__image { max-height: 330px; } } /*@media screen and (max-width: 768px) {*/ /* .single-item-container .card .block__image, .single-item-container .card--row .block__image, .single-item-container .card-brand .block__image, .single-item-container .card-info .block__image, .single-item-container .card-brochure .block__image {*/ /* max-height: 230px;*/ /* height: -webkit-min-content;*/ /* height: -moz-min-content;*/ /* height: min-content;*/ /* }*/ /*}*/ .single-item-container .card .block__image .image, .single-item-container .card--row .block__image .image, .single-item-container .card-brand .block__image .image, .single-item-container .card-info .block__image .image, .single-item-container .card-brochure .block__image .image { display: block; !width: 100%; !max-height: 370px; -o-object-fit: contain; object-fit: contain; padding:0 10px; } div[data-id="spare-parts"] .block__image .image {width: 100%;} .onlyYou .image { !width: auto!important; margin: 0px auto; width:100%; height:100%; max-height:100%; max-width:100%; } .onlyYou iframe { display: block; margin: 0px auto; } @media screen and (max-width: 768px) { .single-item-container .card .block__image .image, .single-item-container .card--row .block__image .image, .single-item-container .card-brand .block__image .image, .single-item-container .card-info .block__image .image, .single-item-container .card-brochure .block__image .image { max-height: 230px; } .slick-slide{ min-height:100%} } .single-item__column .card__info .block__price { padding-top: 40px; } .single-item__column .card__info .block__price:not(:nth-child(2)) { padding-top: 14px; } @media screen and (max-width: 768px) { .single-item__column .card__info-row .button--red, .single-item__column .card__info-row--first .button--red { padding: 15px 45px 15px 18px; -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; width: 192px; } } .single-item__column .block__price-desktop { font-size: 14px; line-height: 16px; } @media screen and (max-width: 768px) { .single-item__column .block__price-desktop { display: inline-block; } } @media screen and (max-width: 768px) { .single-item__column .block__price-mobile { display: none; } } .single-item__column .block__price-discount, .single-item__column .block__price-old { font-weight: bold; font-size: 36px; line-height: 38px; color: #111111; } .single-item__column .block__price-old { font-weight: normal; font-size: 18px; line-height: 14px; padding-top: 14px; padding-bottom: 23px; } .single-item__column .block__image .button-arrow--left, .single-item__column .block__image .button-arrow--right { position: absolute; z-index: 1; top: 50%; left: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .single-item__column .block__image .button-arrow--right { left: unset; right: 24px; -webkit-transform: translateY(-50%) rotateZ(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotateZ(180deg); } .block.block--with-slider .title, .block--with-slider.block--small .title, .block--with-slider.block--without-border .title, .block.block--with-slider .single-item__title, .block--with-slider.block--small .single-item__title, .block--with-slider.block--without-border .single-item__title { max-width: -webkit-calc(100% - 25px); max-width: calc(100% - 25px); margin-bottom: 0; } .block.block--with-slider .wrapper, .block--with-slider.block--small .wrapper, .block--with-slider.block--without-border .wrapper, .block.block--with-slider .wrapper--column, .block--with-slider.block--small .wrapper--column, .block--with-slider.block--without-border .wrapper--column, .block.block--with-slider .wrapper--compare, .block--with-slider.block--small .wrapper--compare, .block--with-slider.block--without-border .wrapper--compare, .block.block--with-slider .wrapper--overflow, .block--with-slider.block--small .wrapper--overflow, .block--with-slider.block--without-border .wrapper--overflow { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } @media screen and (max-width: 768px) { .block.block--with-slider .wrapper, .block--with-slider.block--small .wrapper, .block--with-slider.block--without-border .wrapper, .block.block--with-slider .wrapper--column, .block--with-slider.block--small .wrapper--column, .block--with-slider.block--without-border .wrapper--column, .block.block--with-slider .wrapper--compare, .block--with-slider.block--small .wrapper--compare, .block--with-slider.block--without-border .wrapper--compare, .block.block--with-slider .wrapper--overflow, .block--with-slider.block--small .wrapper--overflow, .block--with-slider.block--without-border .wrapper--overflow { position: static; } } .block.block--with-slider .wrapper .slick-track, .block--with-slider.block--small .wrapper .slick-track, .block--with-slider.block--without-border .wrapper .slick-track, .block.block--with-slider .wrapper--column .slick-track, .block--with-slider.block--small .wrapper--column .slick-track, .block--with-slider.block--without-border .wrapper--column .slick-track, .block.block--with-slider .wrapper--compare .slick-track, .block--with-slider.block--small .wrapper--compare .slick-track, .block--with-slider.block--without-border .wrapper--compare .slick-track, .block.block--with-slider .wrapper--overflow .slick-track, .block--with-slider.block--small .wrapper--overflow .slick-track, .block--with-slider.block--without-border .wrapper--overflow .slick-track { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; } .block.block--with-slider .wrapper .card, .block--with-slider.block--small .wrapper .card, .block--with-slider.block--without-border .wrapper .card, .block.block--with-slider .wrapper--column .card, .block--with-slider.block--small .block .wrapper--column .card, .block .block--with-slider.block--small .wrapper--column .card, .block--with-slider.block--without-border .block .wrapper--column .card, .block .block--with-slider.block--without-border .wrapper--column .card, .block.block--with-slider .block--small .wrapper--column .card, .block--small .block.block--with-slider .wrapper--column .card, .block--with-slider.block--small .wrapper--column .card, .block--with-slider.block--without-border .block--small .wrapper--column .card, .block--small .block--with-slider.block--without-border .wrapper--column .card, .block.block--with-slider .block--without-border .wrapper--column .card, .block--without-border .block.block--with-slider .wrapper--column .card, .block--with-slider.block--small .block--without-border .wrapper--column .card, .block--without-border .block--with-slider.block--small .wrapper--column .card, .block--with-slider.block--without-border .wrapper--column .card, .block.block--with-slider .wrapper--compare .card, .block--with-slider.block--small .block .wrapper--compare .card, .block .block--with-slider.block--small .wrapper--compare .card, .block--with-slider.block--without-border .block .wrapper--compare .card, .block .block--with-slider.block--without-border .wrapper--compare .card, .block.block--with-slider .block--small .wrapper--compare .card, .block--small .block.block--with-slider .wrapper--compare .card, .block--with-slider.block--small .wrapper--compare .card, .block--with-slider.block--without-border .block--small .wrapper--compare .card, .block--small .block--with-slider.block--without-border .wrapper--compare .card, .block.block--with-slider .block--without-border .wrapper--compare .card, .block--without-border .block.block--with-slider .wrapper--compare .card, .block--with-slider.block--small .block--without-border .wrapper--compare .card, .block--without-border .block--with-slider.block--small .wrapper--compare .card, .block--with-slider.block--without-border .wrapper--compare .card, .block.block--with-slider .wrapper--overflow .card, .block--with-slider.block--small .block .wrapper--overflow .card, .block .block--with-slider.block--small .wrapper--overflow .card, .block--with-slider.block--without-border .block .wrapper--overflow .card, .block .block--with-slider.block--without-border .wrapper--overflow .card, .block.block--with-slider .block--small .wrapper--overflow .card, .block--small .block.block--with-slider .wrapper--overflow .card, .block--with-slider.block--small .wrapper--overflow .card, .block--with-slider.block--without-border .block--small .wrapper--overflow .card, .block--small .block--with-slider.block--without-border .wrapper--overflow .card, .block.block--with-slider .block--without-border .wrapper--overflow .card, .block--without-border .block.block--with-slider .wrapper--overflow .card, .block--with-slider.block--small .block--without-border .wrapper--overflow .card, .block--without-border .block--with-slider.block--small .wrapper--overflow .card, .block--with-slider.block--without-border .wrapper--overflow .card, .block.block--with-slider .wrapper .card--row, .block--with-slider.block--small .wrapper .card--row, .block--with-slider.block--without-border .wrapper .card--row, .block.block--with-slider .wrapper--column .card--row, .block--with-slider.block--small .block .wrapper--column .card--row, .block .block--with-slider.block--small .wrapper--column .card--row, .block--with-slider.block--without-border .block .wrapper--column .card--row, .block .block--with-slider.block--without-border .wrapper--column .card--row, .block.block--with-slider .block--small .wrapper--column .card--row, .block--small .block.block--with-slider .wrapper--column .card--row, .block--with-slider.block--small .wrapper--column .card--row, .block--with-slider.block--without-border .block--small .wrapper--column .card--row, .block--small .block--with-slider.block--without-border .wrapper--column .card--row, .block.block--with-slider .block--without-border .wrapper--column .card--row, .block--without-border .block.block--with-slider .wrapper--column .card--row, .block--with-slider.block--small .block--without-border .wrapper--column .card--row, .block--without-border .block--with-slider.block--small .wrapper--column .card--row, .block--with-slider.block--without-border .wrapper--column .card--row, .block.block--with-slider .wrapper--compare .card--row, .block--with-slider.block--small .block .wrapper--compare .card--row, .block .block--with-slider.block--small .wrapper--compare .card--row, .block--with-slider.block--without-border .block .wrapper--compare .card--row, .block .block--with-slider.block--without-border .wrapper--compare .card--row, .block.block--with-slider .block--small .wrapper--compare .card--row, .block--small .block.block--with-slider .wrapper--compare .card--row, .block--with-slider.block--small .wrapper--compare .card--row, .block--with-slider.block--without-border .block--small .wrapper--compare .card--row, .block--small .block--with-slider.block--without-border .wrapper--compare .card--row, .block.block--with-slider .block--without-border .wrapper--compare .card--row, .block--without-border .block.block--with-slider .wrapper--compare .card--row, .block--with-slider.block--small .block--without-border .wrapper--compare .card--row, .block--without-border .block--with-slider.block--small .wrapper--compare .card--row, .block--with-slider.block--without-border .wrapper--compare .card--row, .block.block--with-slider .wrapper--overflow .card--row, .block--with-slider.block--small .block .wrapper--overflow .card--row, .block .block--with-slider.block--small .wrapper--overflow .card--row, .block--with-slider.block--without-border .block .wrapper--overflow .card--row, .block .block--with-slider.block--without-border .wrapper--overflow .card--row, .block.block--with-slider .block--small .wrapper--overflow .card--row, .block--small .block.block--with-slider .wrapper--overflow .card--row, .block--with-slider.block--small .wrapper--overflow .card--row, .block--with-slider.block--without-border .block--small .wrapper--overflow .card--row, .block--small .block--with-slider.block--without-border .wrapper--overflow .card--row, .block.block--with-slider .block--without-border .wrapper--overflow .card--row, .block--without-border .block.block--with-slider .wrapper--overflow .card--row, .block--with-slider.block--small .block--without-border .wrapper--overflow .card--row, .block--without-border .block--with-slider.block--small .wrapper--overflow .card--row, .block--with-slider.block--without-border .wrapper--overflow .card--row, .block.block--with-slider .wrapper .card-brand, .block--with-slider.block--small .wrapper .card-brand, .block--with-slider.block--without-border .wrapper .card-brand, .block.block--with-slider .wrapper--column .card-brand, .block--with-slider.block--small .block .wrapper--column .card-brand, .block .block--with-slider.block--small .wrapper--column .card-brand, .block--with-slider.block--without-border .block .wrapper--column .card-brand, .block .block--with-slider.block--without-border .wrapper--column .card-brand, .block.block--with-slider .block--small .wrapper--column .card-brand, .block--small .block.block--with-slider .wrapper--column .card-brand, .block--with-slider.block--small .wrapper--column .card-brand, .block--with-slider.block--without-border .block--small .wrapper--column .card-brand, .block--small .block--with-slider.block--without-border .wrapper--column .card-brand, .block.block--with-slider .block--without-border .wrapper--column .card-brand, .block--without-border .block.block--with-slider .wrapper--column .card-brand, .block--with-slider.block--small .block--without-border .wrapper--column .card-brand, .block--without-border .block--with-slider.block--small .wrapper--column .card-brand, .block--with-slider.block--without-border .wrapper--column .card-brand, .block.block--with-slider .wrapper--compare .card-brand, .block--with-slider.block--small .block .wrapper--compare .card-brand, .block .block--with-slider.block--small .wrapper--compare .card-brand, .block--with-slider.block--without-border .block .wrapper--compare .card-brand, .block .block--with-slider.block--without-border .wrapper--compare .card-brand, .block.block--with-slider .block--small .wrapper--compare .card-brand, .block--small .block.block--with-slider .wrapper--compare .card-brand, .block--with-slider.block--small .wrapper--compare .card-brand, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brand, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brand, .block.block--with-slider .block--without-border .wrapper--compare .card-brand, .block--without-border .block.block--with-slider .wrapper--compare .card-brand, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brand, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brand, .block--with-slider.block--without-border .wrapper--compare .card-brand, .block.block--with-slider .wrapper--overflow .card-brand, .block--with-slider.block--small .block .wrapper--overflow .card-brand, .block .block--with-slider.block--small .wrapper--overflow .card-brand, .block--with-slider.block--without-border .block .wrapper--overflow .card-brand, .block .block--with-slider.block--without-border .wrapper--overflow .card-brand, .block.block--with-slider .block--small .wrapper--overflow .card-brand, .block--small .block.block--with-slider .wrapper--overflow .card-brand, .block--with-slider.block--small .wrapper--overflow .card-brand, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brand, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brand, .block.block--with-slider .block--without-border .wrapper--overflow .card-brand, .block--without-border .block.block--with-slider .wrapper--overflow .card-brand, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brand, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brand, .block--with-slider.block--without-border .wrapper--overflow .card-brand, .block.block--with-slider .wrapper .card-info, .block--with-slider.block--small .wrapper .card-info, .block--with-slider.block--without-border .wrapper .card-info, .block.block--with-slider .wrapper--column .card-info, .block--with-slider.block--small .block .wrapper--column .card-info, .block .block--with-slider.block--small .wrapper--column .card-info, .block--with-slider.block--without-border .block .wrapper--column .card-info, .block .block--with-slider.block--without-border .wrapper--column .card-info, .block.block--with-slider .block--small .wrapper--column .card-info, .block--small .block.block--with-slider .wrapper--column .card-info, .block--with-slider.block--small .wrapper--column .card-info, .block--with-slider.block--without-border .block--small .wrapper--column .card-info, .block--small .block--with-slider.block--without-border .wrapper--column .card-info, .block.block--with-slider .block--without-border .wrapper--column .card-info, .block--without-border .block.block--with-slider .wrapper--column .card-info, .block--with-slider.block--small .block--without-border .wrapper--column .card-info, .block--without-border .block--with-slider.block--small .wrapper--column .card-info, .block--with-slider.block--without-border .wrapper--column .card-info, .block.block--with-slider .wrapper--compare .card-info, .block--with-slider.block--small .block .wrapper--compare .card-info, .block .block--with-slider.block--small .wrapper--compare .card-info, .block--with-slider.block--without-border .block .wrapper--compare .card-info, .block .block--with-slider.block--without-border .wrapper--compare .card-info, .block.block--with-slider .block--small .wrapper--compare .card-info, .block--small .block.block--with-slider .wrapper--compare .card-info, .block--with-slider.block--small .wrapper--compare .card-info, .block--with-slider.block--without-border .block--small .wrapper--compare .card-info, .block--small .block--with-slider.block--without-border .wrapper--compare .card-info, .block.block--with-slider .block--without-border .wrapper--compare .card-info, .block--without-border .block.block--with-slider .wrapper--compare .card-info, .block--with-slider.block--small .block--without-border .wrapper--compare .card-info, .block--without-border .block--with-slider.block--small .wrapper--compare .card-info, .block--with-slider.block--without-border .wrapper--compare .card-info, .block.block--with-slider .wrapper--overflow .card-info, .block--with-slider.block--small .block .wrapper--overflow .card-info, .block .block--with-slider.block--small .wrapper--overflow .card-info, .block--with-slider.block--without-border .block .wrapper--overflow .card-info, .block .block--with-slider.block--without-border .wrapper--overflow .card-info, .block.block--with-slider .block--small .wrapper--overflow .card-info, .block--small .block.block--with-slider .wrapper--overflow .card-info, .block--with-slider.block--small .wrapper--overflow .card-info, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-info, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-info, .block.block--with-slider .block--without-border .wrapper--overflow .card-info, .block--without-border .block.block--with-slider .wrapper--overflow .card-info, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-info, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-info, .block--with-slider.block--without-border .wrapper--overflow .card-info, .block.block--with-slider .wrapper .card-brochure, .block--with-slider.block--small .wrapper .card-brochure, .block--with-slider.block--without-border .wrapper .card-brochure, .block.block--with-slider .wrapper--column .card-brochure, .block--with-slider.block--small .block .wrapper--column .card-brochure, .block .block--with-slider.block--small .wrapper--column .card-brochure, .block--with-slider.block--without-border .block .wrapper--column .card-brochure, .block .block--with-slider.block--without-border .wrapper--column .card-brochure, .block.block--with-slider .block--small .wrapper--column .card-brochure, .block--small .block.block--with-slider .wrapper--column .card-brochure, .block--with-slider.block--small .wrapper--column .card-brochure, .block--with-slider.block--without-border .block--small .wrapper--column .card-brochure, .block--small .block--with-slider.block--without-border .wrapper--column .card-brochure, .block.block--with-slider .block--without-border .wrapper--column .card-brochure, .block--without-border .block.block--with-slider .wrapper--column .card-brochure, .block--with-slider.block--small .block--without-border .wrapper--column .card-brochure, .block--without-border .block--with-slider.block--small .wrapper--column .card-brochure, .block--with-slider.block--without-border .wrapper--column .card-brochure, .block.block--with-slider .wrapper--compare .card-brochure, .block--with-slider.block--small .block .wrapper--compare .card-brochure, .block .block--with-slider.block--small .wrapper--compare .card-brochure, .block--with-slider.block--without-border .block .wrapper--compare .card-brochure, .block .block--with-slider.block--without-border .wrapper--compare .card-brochure, .block.block--with-slider .block--small .wrapper--compare .card-brochure, .block--small .block.block--with-slider .wrapper--compare .card-brochure, .block--with-slider.block--small .wrapper--compare .card-brochure, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brochure, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brochure, .block.block--with-slider .block--without-border .wrapper--compare .card-brochure, .block--without-border .block.block--with-slider .wrapper--compare .card-brochure, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brochure, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brochure, .block--with-slider.block--without-border .wrapper--compare .card-brochure, .block.block--with-slider .wrapper--overflow .card-brochure, .block--with-slider.block--small .block .wrapper--overflow .card-brochure, .block .block--with-slider.block--small .wrapper--overflow .card-brochure, .block--with-slider.block--without-border .block .wrapper--overflow .card-brochure, .block .block--with-slider.block--without-border .wrapper--overflow .card-brochure, .block.block--with-slider .block--small .wrapper--overflow .card-brochure, .block--small .block.block--with-slider .wrapper--overflow .card-brochure, .block--with-slider.block--small .wrapper--overflow .card-brochure, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brochure, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brochure, .block.block--with-slider .block--without-border .wrapper--overflow .card-brochure, .block--without-border .block.block--with-slider .wrapper--overflow .card-brochure, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brochure, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brochure, .block--with-slider.block--without-border .wrapper--overflow .card-brochure { padding-right: 17px; padding-left: 3px; display: block; } .block.block--with-slider .wrapper .card .block__image, .block--with-slider.block--small .wrapper .card .block__image, .block--with-slider.block--without-border .wrapper .card .block__image, .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .block .wrapper--column .card .block__image, .block .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .block .wrapper--column .card .block__image, .block .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .block--small .wrapper--column .card .block__image, .block--small .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .block--without-border .wrapper--column .card .block__image, .block--without-border .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .block .wrapper--compare .card .block__image, .block .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .block--small .wrapper--compare .card .block__image, .block--small .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .block .wrapper--overflow .card .block__image, .block .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .block--small .wrapper--overflow .card .block__image, .block--small .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .wrapper .card--row .block__image, .block--with-slider.block--small .wrapper .card--row .block__image, .block--with-slider.block--without-border .wrapper .card--row .block__image, .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .block .wrapper--column .card--row .block__image, .block .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--column .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .block--small .wrapper--column .card--row .block__image, .block--small .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--column .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .block .wrapper--compare .card--row .block__image, .block .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .block--small .wrapper--compare .card--row .block__image, .block--small .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .block .wrapper--overflow .card--row .block__image, .block .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .block--small .wrapper--overflow .card--row .block__image, .block--small .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .wrapper .card-brand .block__image, .block--with-slider.block--small .wrapper .card-brand .block__image, .block--with-slider.block--without-border .wrapper .card-brand .block__image, .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .block .wrapper--column .card-brand .block__image, .block .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .block--small .wrapper--column .card-brand .block__image, .block--small .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .block .wrapper--compare .card-brand .block__image, .block .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .block--small .wrapper--compare .card-brand .block__image, .block--small .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-brand .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-brand .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .wrapper .card-info .block__image, .block--with-slider.block--small .wrapper .card-info .block__image, .block--with-slider.block--without-border .wrapper .card-info .block__image, .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .block .wrapper--column .card-info .block__image, .block .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .block--small .wrapper--column .card-info .block__image, .block--small .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .block .wrapper--compare .card-info .block__image, .block .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .block--small .wrapper--compare .card-info .block__image, .block--small .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-info .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-info .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .wrapper .card-brochure .block__image, .block--with-slider.block--small .wrapper .card-brochure .block__image, .block--with-slider.block--without-border .wrapper .card-brochure .block__image, .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--column .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--column .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--compare .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--compare .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image { border: 1px solid #d6d6d6; min-width: 110px; max-width: 100%; display: block; } @media screen and (max-width: 880px) { .block.block--with-slider .wrapper .card .block__image, .block--with-slider.block--small .wrapper .card .block__image, .block--with-slider.block--without-border .wrapper .card .block__image, .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .block .wrapper--column .card .block__image, .block .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .block .wrapper--column .card .block__image, .block .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .block--small .wrapper--column .card .block__image, .block--small .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .block--without-border .wrapper--column .card .block__image, .block--without-border .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .block .wrapper--compare .card .block__image, .block .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .block--small .wrapper--compare .card .block__image, .block--small .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .block .wrapper--overflow .card .block__image, .block .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .block--small .wrapper--overflow .card .block__image, .block--small .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .wrapper .card--row .block__image, .block--with-slider.block--small .wrapper .card--row .block__image, .block--with-slider.block--without-border .wrapper .card--row .block__image, .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .block .wrapper--column .card--row .block__image, .block .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--column .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .block--small .wrapper--column .card--row .block__image, .block--small .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--column .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .block .wrapper--compare .card--row .block__image, .block .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .block--small .wrapper--compare .card--row .block__image, .block--small .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .block .wrapper--overflow .card--row .block__image, .block .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .block--small .wrapper--overflow .card--row .block__image, .block--small .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .wrapper .card-brand .block__image, .block--with-slider.block--small .wrapper .card-brand .block__image, .block--with-slider.block--without-border .wrapper .card-brand .block__image, .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .block .wrapper--column .card-brand .block__image, .block .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .block--small .wrapper--column .card-brand .block__image, .block--small .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .block .wrapper--compare .card-brand .block__image, .block .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .block--small .wrapper--compare .card-brand .block__image, .block--small .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-brand .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-brand .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .wrapper .card-info .block__image, .block--with-slider.block--small .wrapper .card-info .block__image, .block--with-slider.block--without-border .wrapper .card-info .block__image, .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .block .wrapper--column .card-info .block__image, .block .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .block--small .wrapper--column .card-info .block__image, .block--small .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .block .wrapper--compare .card-info .block__image, .block .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .block--small .wrapper--compare .card-info .block__image, .block--small .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-info .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-info .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .wrapper .card-brochure .block__image, .block--with-slider.block--small .wrapper .card-brochure .block__image, .block--with-slider.block--without-border .wrapper .card-brochure .block__image, .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--column .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--column .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--compare .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--compare .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image { max-height: 330px; } } @media screen and (max-width: 768px) { .block.block--with-slider .wrapper .card .block__image, .block--with-slider.block--small .wrapper .card .block__image, .block--with-slider.block--without-border .wrapper .card .block__image, .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .block .wrapper--column .card .block__image, .block .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .block .wrapper--column .card .block__image, .block .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .block--small .wrapper--column .card .block__image, .block--small .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .block--without-border .wrapper--column .card .block__image, .block--without-border .block.block--with-slider .wrapper--column .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card .block__image, .block--with-slider.block--without-border .wrapper--column .card .block__image, .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .block .wrapper--compare .card .block__image, .block .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .block--small .wrapper--compare .card .block__image, .block--small .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card .block__image, .block--with-slider.block--without-border .wrapper--compare .card .block__image, .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .block .wrapper--overflow .card .block__image, .block .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .block--small .wrapper--overflow .card .block__image, .block--small .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card .block__image, .block--with-slider.block--without-border .wrapper--overflow .card .block__image, .block.block--with-slider .wrapper .card--row .block__image, .block--with-slider.block--small .wrapper .card--row .block__image, .block--with-slider.block--without-border .wrapper .card--row .block__image, .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .block .wrapper--column .card--row .block__image, .block .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--column .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .block--small .wrapper--column .card--row .block__image, .block--small .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--column .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--column .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card--row .block__image, .block--with-slider.block--without-border .wrapper--column .card--row .block__image, .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .block .wrapper--compare .card--row .block__image, .block .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .block--small .wrapper--compare .card--row .block__image, .block--small .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card--row .block__image, .block--with-slider.block--without-border .wrapper--compare .card--row .block__image, .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .block .wrapper--overflow .card--row .block__image, .block .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card--row .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .block--small .wrapper--overflow .card--row .block__image, .block--small .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card--row .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card--row .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card--row .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card--row .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card--row .block__image, .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image, .block.block--with-slider .wrapper .card-brand .block__image, .block--with-slider.block--small .wrapper .card-brand .block__image, .block--with-slider.block--without-border .wrapper .card-brand .block__image, .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .block .wrapper--column .card-brand .block__image, .block .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .block--small .wrapper--column .card-brand .block__image, .block--small .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brand .block__image, .block--with-slider.block--without-border .wrapper--column .card-brand .block__image, .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .block .wrapper--compare .card-brand .block__image, .block .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .block--small .wrapper--compare .card-brand .block__image, .block--small .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brand .block__image, .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image, .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-brand .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brand .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-brand .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brand .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brand .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brand .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brand .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brand .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image, .block.block--with-slider .wrapper .card-info .block__image, .block--with-slider.block--small .wrapper .card-info .block__image, .block--with-slider.block--without-border .wrapper .card-info .block__image, .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .block .wrapper--column .card-info .block__image, .block .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .block--small .wrapper--column .card-info .block__image, .block--small .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-info .block__image, .block--with-slider.block--without-border .wrapper--column .card-info .block__image, .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .block .wrapper--compare .card-info .block__image, .block .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .block--small .wrapper--compare .card-info .block__image, .block--small .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-info .block__image, .block--with-slider.block--without-border .wrapper--compare .card-info .block__image, .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-info .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-info .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-info .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-info .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-info .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-info .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-info .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-info .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image, .block.block--with-slider .wrapper .card-brochure .block__image, .block--with-slider.block--small .wrapper .card-brochure .block__image, .block--with-slider.block--without-border .wrapper .card-brochure .block__image, .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--column .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--column .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--column .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--column .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--column .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image, .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--compare .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--compare .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--compare .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--compare .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--compare .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image, .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .block .wrapper--overflow .card-brochure .block__image, .block .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brochure .block__image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image, .block.block--with-slider .block--small .wrapper--overflow .card-brochure .block__image, .block--small .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brochure .block__image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brochure .block__image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brochure .block__image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image, .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image { max-height: 230px; height: -webkit-min-content; height: -moz-min-content; height: min-content; } } .block.block--with-slider .wrapper .card .block__image .image, .block--with-slider.block--small .wrapper .card .block__image .image, .block--with-slider.block--without-border .wrapper .card .block__image .image, .block.block--with-slider .wrapper--column .card .block__image .image, .block--with-slider.block--small .block .wrapper--column .card .block__image .image, .block .block--with-slider.block--small .wrapper--column .card .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card .block__image .image, .block.block--with-slider .block--small .wrapper--column .card .block__image .image, .block--small .block.block--with-slider .wrapper--column .card .block__image .image, .block--with-slider.block--small .wrapper--column .card .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card .block__image .image, .block--with-slider.block--without-border .wrapper--column .card .block__image .image, .block.block--with-slider .wrapper--compare .card .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card .block__image .image, .block--with-slider.block--small .wrapper--compare .card .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card .block__image .image, .block.block--with-slider .wrapper--overflow .card .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card .block__image .image, .block--with-slider.block--small .wrapper--overflow .card .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card .block__image .image, .block.block--with-slider .wrapper .card--row .block__image .image, .block--with-slider.block--small .wrapper .card--row .block__image .image, .block--with-slider.block--without-border .wrapper .card--row .block__image .image, .block.block--with-slider .wrapper--column .card--row .block__image .image, .block--with-slider.block--small .block .wrapper--column .card--row .block__image .image, .block .block--with-slider.block--small .wrapper--column .card--row .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card--row .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card--row .block__image .image, .block.block--with-slider .block--small .wrapper--column .card--row .block__image .image, .block--small .block.block--with-slider .wrapper--column .card--row .block__image .image, .block--with-slider.block--small .wrapper--column .card--row .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card--row .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card--row .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card--row .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card--row .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card--row .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card--row .block__image .image, .block--with-slider.block--without-border .wrapper--column .card--row .block__image .image, .block.block--with-slider .wrapper--compare .card--row .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card--row .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card--row .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card--row .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card--row .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card--row .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card--row .block__image .image, .block--with-slider.block--small .wrapper--compare .card--row .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card--row .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card--row .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card--row .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card--row .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card--row .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card--row .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card--row .block__image .image, .block.block--with-slider .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card--row .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card--row .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card--row .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--small .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card--row .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card--row .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card--row .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image .image, .block.block--with-slider .wrapper .card-brand .block__image .image, .block--with-slider.block--small .wrapper .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper .card-brand .block__image .image, .block.block--with-slider .wrapper--column .card-brand .block__image .image, .block--with-slider.block--small .block .wrapper--column .card-brand .block__image .image, .block .block--with-slider.block--small .wrapper--column .card-brand .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card-brand .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card-brand .block__image .image, .block.block--with-slider .block--small .wrapper--column .card-brand .block__image .image, .block--small .block.block--with-slider .wrapper--column .card-brand .block__image .image, .block--with-slider.block--small .wrapper--column .card-brand .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brand .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brand .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card-brand .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card-brand .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brand .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper--column .card-brand .block__image .image, .block.block--with-slider .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card-brand .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card-brand .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card-brand .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--small .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brand .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card-brand .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brand .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image .image, .block.block--with-slider .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card-brand .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brand .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card-brand .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--small .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brand .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brand .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brand .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image .image, .block.block--with-slider .wrapper .card-info .block__image .image, .block--with-slider.block--small .wrapper .card-info .block__image .image, .block--with-slider.block--without-border .wrapper .card-info .block__image .image, .block.block--with-slider .wrapper--column .card-info .block__image .image, .block--with-slider.block--small .block .wrapper--column .card-info .block__image .image, .block .block--with-slider.block--small .wrapper--column .card-info .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card-info .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card-info .block__image .image, .block.block--with-slider .block--small .wrapper--column .card-info .block__image .image, .block--small .block.block--with-slider .wrapper--column .card-info .block__image .image, .block--with-slider.block--small .wrapper--column .card-info .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card-info .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card-info .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card-info .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card-info .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card-info .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card-info .block__image .image, .block--with-slider.block--without-border .wrapper--column .card-info .block__image .image, .block.block--with-slider .wrapper--compare .card-info .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card-info .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card-info .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card-info .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card-info .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card-info .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card-info .block__image .image, .block--with-slider.block--small .wrapper--compare .card-info .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-info .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-info .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card-info .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card-info .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-info .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-info .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card-info .block__image .image, .block.block--with-slider .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card-info .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card-info .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card-info .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--small .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-info .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card-info .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-info .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image .image, .block.block--with-slider .wrapper .card-brochure .block__image .image, .block--with-slider.block--small .wrapper .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper .card-brochure .block__image .image, .block.block--with-slider .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--small .block .wrapper--column .card-brochure .block__image .image, .block .block--with-slider.block--small .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card-brochure .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image .image, .block.block--with-slider .block--small .wrapper--column .card-brochure .block__image .image, .block--small .block.block--with-slider .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--small .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brochure .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card-brochure .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brochure .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image .image, .block.block--with-slider .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card-brochure .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card-brochure .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card-brochure .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--small .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brochure .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card-brochure .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brochure .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image .image, .block.block--with-slider .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card-brochure .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brochure .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card-brochure .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brochure .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brochure .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brochure .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image .image { display: block; width: 100%; min-width: 110px; /*max-height: 370px;*/ max-height: 100%; -o-object-fit: contain; object-fit: contain; } @media screen and (max-width: 768px) { .block.block--with-slider .wrapper .card .block__image .image, .block--with-slider.block--small .wrapper .card .block__image .image, .block--with-slider.block--without-border .wrapper .card .block__image .image, .block.block--with-slider .wrapper--column .card .block__image .image, .block--with-slider.block--small .block .wrapper--column .card .block__image .image, .block .block--with-slider.block--small .wrapper--column .card .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card .block__image .image, .block.block--with-slider .block--small .wrapper--column .card .block__image .image, .block--small .block.block--with-slider .wrapper--column .card .block__image .image, .block--with-slider.block--small .wrapper--column .card .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card .block__image .image, .block--with-slider.block--without-border .wrapper--column .card .block__image .image, .block.block--with-slider .wrapper--compare .card .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card .block__image .image, .block--with-slider.block--small .wrapper--compare .card .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card .block__image .image, .block.block--with-slider .wrapper--overflow .card .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card .block__image .image, .block--with-slider.block--small .wrapper--overflow .card .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card .block__image .image, .block.block--with-slider .wrapper .card--row .block__image .image, .block--with-slider.block--small .wrapper .card--row .block__image .image, .block--with-slider.block--without-border .wrapper .card--row .block__image .image, .block.block--with-slider .wrapper--column .card--row .block__image .image, .block--with-slider.block--small .block .wrapper--column .card--row .block__image .image, .block .block--with-slider.block--small .wrapper--column .card--row .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card--row .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card--row .block__image .image, .block.block--with-slider .block--small .wrapper--column .card--row .block__image .image, .block--small .block.block--with-slider .wrapper--column .card--row .block__image .image, .block--with-slider.block--small .wrapper--column .card--row .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card--row .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card--row .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card--row .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card--row .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card--row .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card--row .block__image .image, .block--with-slider.block--without-border .wrapper--column .card--row .block__image .image, .block.block--with-slider .wrapper--compare .card--row .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card--row .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card--row .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card--row .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card--row .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card--row .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card--row .block__image .image, .block--with-slider.block--small .wrapper--compare .card--row .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card--row .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card--row .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card--row .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card--row .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card--row .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card--row .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card--row .block__image .image, .block.block--with-slider .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card--row .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card--row .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card--row .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--small .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card--row .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card--row .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card--row .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card--row .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card--row .block__image .image, .block.block--with-slider .wrapper .card-brand .block__image .image, .block--with-slider.block--small .wrapper .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper .card-brand .block__image .image, .block.block--with-slider .wrapper--column .card-brand .block__image .image, .block--with-slider.block--small .block .wrapper--column .card-brand .block__image .image, .block .block--with-slider.block--small .wrapper--column .card-brand .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card-brand .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card-brand .block__image .image, .block.block--with-slider .block--small .wrapper--column .card-brand .block__image .image, .block--small .block.block--with-slider .wrapper--column .card-brand .block__image .image, .block--with-slider.block--small .wrapper--column .card-brand .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brand .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brand .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card-brand .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card-brand .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brand .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper--column .card-brand .block__image .image, .block.block--with-slider .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card-brand .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card-brand .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card-brand .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--small .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brand .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card-brand .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brand .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card-brand .block__image .image, .block.block--with-slider .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card-brand .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brand .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card-brand .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--small .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brand .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brand .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brand .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brand .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card-brand .block__image .image, .block.block--with-slider .wrapper .card-info .block__image .image, .block--with-slider.block--small .wrapper .card-info .block__image .image, .block--with-slider.block--without-border .wrapper .card-info .block__image .image, .block.block--with-slider .wrapper--column .card-info .block__image .image, .block--with-slider.block--small .block .wrapper--column .card-info .block__image .image, .block .block--with-slider.block--small .wrapper--column .card-info .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card-info .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card-info .block__image .image, .block.block--with-slider .block--small .wrapper--column .card-info .block__image .image, .block--small .block.block--with-slider .wrapper--column .card-info .block__image .image, .block--with-slider.block--small .wrapper--column .card-info .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card-info .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card-info .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card-info .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card-info .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card-info .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card-info .block__image .image, .block--with-slider.block--without-border .wrapper--column .card-info .block__image .image, .block.block--with-slider .wrapper--compare .card-info .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card-info .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card-info .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card-info .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card-info .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card-info .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card-info .block__image .image, .block--with-slider.block--small .wrapper--compare .card-info .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-info .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-info .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card-info .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card-info .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-info .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-info .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card-info .block__image .image, .block.block--with-slider .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card-info .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card-info .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card-info .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--small .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-info .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card-info .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-info .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-info .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card-info .block__image .image, .block.block--with-slider .wrapper .card-brochure .block__image .image, .block--with-slider.block--small .wrapper .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper .card-brochure .block__image .image, .block.block--with-slider .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--small .block .wrapper--column .card-brochure .block__image .image, .block .block--with-slider.block--small .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--without-border .block .wrapper--column .card-brochure .block__image .image, .block .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image .image, .block.block--with-slider .block--small .wrapper--column .card-brochure .block__image .image, .block--small .block.block--with-slider .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--small .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--column .card-brochure .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image .image, .block.block--with-slider .block--without-border .wrapper--column .card-brochure .block__image .image, .block--without-border .block.block--with-slider .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--column .card-brochure .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--column .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper--column .card-brochure .block__image .image, .block.block--with-slider .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--small .block .wrapper--compare .card-brochure .block__image .image, .block .block--with-slider.block--small .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--without-border .block .wrapper--compare .card-brochure .block__image .image, .block .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image .image, .block.block--with-slider .block--small .wrapper--compare .card-brochure .block__image .image, .block--small .block.block--with-slider .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--small .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--compare .card-brochure .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image .image, .block.block--with-slider .block--without-border .wrapper--compare .card-brochure .block__image .image, .block--without-border .block.block--with-slider .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--compare .card-brochure .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--compare .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper--compare .card-brochure .block__image .image, .block.block--with-slider .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--small .block .wrapper--overflow .card-brochure .block__image .image, .block .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--without-border .block .wrapper--overflow .card-brochure .block__image .image, .block .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image .image, .block.block--with-slider .block--small .wrapper--overflow .card-brochure .block__image .image, .block--small .block.block--with-slider .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--without-border .block--small .wrapper--overflow .card-brochure .block__image .image, .block--small .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image .image, .block.block--with-slider .block--without-border .wrapper--overflow .card-brochure .block__image .image, .block--without-border .block.block--with-slider .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--small .block--without-border .wrapper--overflow .card-brochure .block__image .image, .block--without-border .block--with-slider.block--small .wrapper--overflow .card-brochure .block__image .image, .block--with-slider.block--without-border .wrapper--overflow .card-brochure .block__image .image { max-height: 230px; } } .block.block--with-slider .wrapper .button-arrow--left, .block--with-slider.block--small .wrapper .button-arrow--left, .block--with-slider.block--without-border .wrapper .button-arrow--left, .block.block--with-slider .wrapper--column .button-arrow--left, .block--with-slider.block--small .wrapper--column .button-arrow--left, .block--with-slider.block--without-border .wrapper--column .button-arrow--left, .block.block--with-slider .wrapper--compare .button-arrow--left, .block--with-slider.block--small .wrapper--compare .button-arrow--left, .block--with-slider.block--without-border .wrapper--compare .button-arrow--left, .block.block--with-slider .wrapper--overflow .button-arrow--left, .block--with-slider.block--small .wrapper--overflow .button-arrow--left, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--left { position: absolute; top: -51px; right: 39px; width: 10px; height: 27px; background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small.svg); } .block.block--with-slider .wrapper .button-arrow--left:hover, .block--with-slider.block--small .wrapper .button-arrow--left:hover, .block--with-slider.block--without-border .wrapper .button-arrow--left:hover, .block.block--with-slider .wrapper--column .button-arrow--left:hover, .block--with-slider.block--small .wrapper--column .button-arrow--left:hover, .block--with-slider.block--without-border .wrapper--column .button-arrow--left:hover, .block.block--with-slider .wrapper--compare .button-arrow--left:hover, .block--with-slider.block--small .wrapper--compare .button-arrow--left:hover, .block--with-slider.block--without-border .wrapper--compare .button-arrow--left:hover, .block.block--with-slider .wrapper--overflow .button-arrow--left:hover, .block--with-slider.block--small .wrapper--overflow .button-arrow--left:hover, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--left:hover { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--black.svg); } .block.block--with-slider .wrapper .button-arrow--left:disabled, .block--with-slider.block--small .wrapper .button-arrow--left:disabled, .block--with-slider.block--without-border .wrapper .button-arrow--left:disabled, .block.block--with-slider .wrapper--column .button-arrow--left:disabled, .block--with-slider.block--small .wrapper--column .button-arrow--left:disabled, .block--with-slider.block--without-border .wrapper--column .button-arrow--left:disabled, .block.block--with-slider .wrapper--compare .button-arrow--left:disabled, .block--with-slider.block--small .wrapper--compare .button-arrow--left:disabled, .block--with-slider.block--without-border .wrapper--compare .button-arrow--left:disabled, .block.block--with-slider .wrapper--overflow .button-arrow--left:disabled, .block--with-slider.block--small .wrapper--overflow .button-arrow--left:disabled, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--left:disabled { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 768px) { .block.block--with-slider .wrapper .button-arrow--left, .block--with-slider.block--small .wrapper .button-arrow--left, .block--with-slider.block--without-border .wrapper .button-arrow--left, .block.block--with-slider .wrapper--column .button-arrow--left, .block--with-slider.block--small .wrapper--column .button-arrow--left, .block--with-slider.block--without-border .wrapper--column .button-arrow--left, .block.block--with-slider .wrapper--compare .button-arrow--left, .block--with-slider.block--small .wrapper--compare .button-arrow--left, .block--with-slider.block--without-border .wrapper--compare .button-arrow--left, .block.block--with-slider .wrapper--overflow .button-arrow--left, .block--with-slider.block--small .wrapper--overflow .button-arrow--left, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--left { width: 7px; height: 19px; top: 20px; } } .block.block--with-slider .wrapper .button-arrow--right, .block--with-slider.block--small .wrapper .button-arrow--right, .block--with-slider.block--without-border .wrapper .button-arrow--right, .block.block--with-slider .wrapper--column .button-arrow--right, .block--with-slider.block--small .wrapper--column .button-arrow--right, .block--with-slider.block--without-border .wrapper--column .button-arrow--right, .block.block--with-slider .wrapper--compare .button-arrow--right, .block--with-slider.block--small .wrapper--compare .button-arrow--right, .block--with-slider.block--without-border .wrapper--compare .button-arrow--right, .block.block--with-slider .wrapper--overflow .button-arrow--right, .block--with-slider.block--small .wrapper--overflow .button-arrow--right, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--right { position: absolute; top: -50px; right: 0px; width: 10px; height: 27px; background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small.svg); } .block.block--with-slider .wrapper .button-arrow--right:hover, .block--with-slider.block--small .wrapper .button-arrow--right:hover, .block--with-slider.block--without-border .wrapper .button-arrow--right:hover, .block.block--with-slider .wrapper--column .button-arrow--right:hover, .block--with-slider.block--small .wrapper--column .button-arrow--right:hover, .block--with-slider.block--without-border .wrapper--column .button-arrow--right:hover, .block.block--with-slider .wrapper--compare .button-arrow--right:hover, .block--with-slider.block--small .wrapper--compare .button-arrow--right:hover, .block--with-slider.block--without-border .wrapper--compare .button-arrow--right:hover, .block.block--with-slider .wrapper--overflow .button-arrow--right:hover, .block--with-slider.block--small .wrapper--overflow .button-arrow--right:hover, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--right:hover { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--black.svg); } .block.block--with-slider .wrapper .button-arrow--right:disabled, .block--with-slider.block--small .wrapper .button-arrow--right:disabled, .block--with-slider.block--without-border .wrapper .button-arrow--right:disabled, .block.block--with-slider .wrapper--column .button-arrow--right:disabled, .block--with-slider.block--small .wrapper--column .button-arrow--right:disabled, .block--with-slider.block--without-border .wrapper--column .button-arrow--right:disabled, .block.block--with-slider .wrapper--compare .button-arrow--right:disabled, .block--with-slider.block--small .wrapper--compare .button-arrow--right:disabled, .block--with-slider.block--without-border .wrapper--compare .button-arrow--right:disabled, .block.block--with-slider .wrapper--overflow .button-arrow--right:disabled, .block--with-slider.block--small .wrapper--overflow .button-arrow--right:disabled, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--right:disabled { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--gray.svg); } @media (max-width: 768px) { .block.block--with-slider .wrapper .button-arrow--right, .block--with-slider.block--small .wrapper .button-arrow--right, .block--with-slider.block--without-border .wrapper .button-arrow--right, .block.block--with-slider .wrapper--column .button-arrow--right, .block--with-slider.block--small .wrapper--column .button-arrow--right, .block--with-slider.block--without-border .wrapper--column .button-arrow--right, .block.block--with-slider .wrapper--compare .button-arrow--right, .block--with-slider.block--small .wrapper--compare .button-arrow--right, .block--with-slider.block--without-border .wrapper--compare .button-arrow--right, .block.block--with-slider .wrapper--overflow .button-arrow--right, .block--with-slider.block--small .wrapper--overflow .button-arrow--right, .block--with-slider.block--without-border .wrapper--overflow .button-arrow--right { width: 7px; height: 19px; top: 20px; right: 20px; } } .block.block--with-slider .wrapper .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-item--bottom, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-item--bottom, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-item--bottom, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-item--bottom { width: 41px; height: 33px; } @media (max-width: 580px) { .block.block--with-slider .wrapper .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-item--bottom, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-item--bottom, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-item--bottom, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-item--bottom, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-item--bottom { width: 17px; height: 14px; } } .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom { width: 85px; height: 30px; } .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom:first-child { margin-top: 14px; } @media (max-width: 1024px) { .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom { width: 70px; height: 25px; } } @media (max-width: 425px) { .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item, .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom { width: 52px; height: 17px; } .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item:first-child, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item:first-child, .block.block--with-slider .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block.block--with-slider .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper--column .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block.block--with-slider .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper--compare .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block.block--with-slider .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--small .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom:first-child, .block--with-slider.block--without-border .wrapper--overflow .block__icons-row .block__icons-column .block__icons-item--bottom:first-child { margin-top: 5px; } } .block.block--with-slider .wrapper .item, .block--with-slider.block--small .wrapper .item, .block--with-slider.block--without-border .wrapper .item, .block.block--with-slider .wrapper--column .item, .block--with-slider.block--small .wrapper--column .item, .block--with-slider.block--without-border .wrapper--column .item, .block.block--with-slider .wrapper--compare .item, .block--with-slider.block--small .wrapper--compare .item, .block--with-slider.block--without-border .wrapper--compare .item, .block.block--with-slider .wrapper--overflow .item, .block--with-slider.block--small .wrapper--overflow .item, .block--with-slider.block--without-border .wrapper--overflow .item { min-width: 120px; max-width: 100%; } .modal-wrapper.modal-wrapper--active .block__image { max-height: 435px; display: block; } .modal-wrapper.modal-wrapper--active .block__image .slider-for .image { max-height: 435px; -o-object-fit: contain; object-fit: contain; } .modal-wrapper.modal-wrapper--active .block__image .slider-for iframe { height: 100%; } .slider-for_2 img { max-width: 100%; } .card__previews_2 img.card__previews-image { max-width: 100%; max-height: 100%; } .modal-wrapper.modal-wrapper--active .button-arrow--left, .modal-wrapper.modal-wrapper--active .button-arrow--right { position: absolute; z-index: 1; top: 50%; left: 24px; -webkit-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); } .modal-wrapper.modal-wrapper--active .button-arrow--left:hover, .modal-wrapper.modal-wrapper--active .button-arrow--right:hover { background-image: url(/local/templates/main/css/card/../../assets/image/icons/arrow_small--black.svg); } .modal-wrapper.modal-wrapper--active .button-arrow--right { left: unset; right: 24px; -webkit-transform: translateY(-50%) rotateZ(180deg); -ms-transform: translateY(-50%) rotate(180deg); transform: translateY(-50%) rotateZ(180deg); } .modal-wrapper.modal-wrapper--active .card__previews { margin: 16px 37px 0 37px; } .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--left { left: -15px; } .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--right { right: -15px; } .modal-wrapper.modal-wrapper--active .card__info { padding-top: 71px; padding-right: 21px; } @media (max-width: 880px) { .modal-wrapper.modal-wrapper--active .block__image { max-height: 200px; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .button-arrow--left, .modal-wrapper.modal-wrapper--active .button-arrow--right { display: none; } } @media screen and (max-width: 768px) { .modal-wrapper.modal-wrapper--active .card__previews { visibility: visible; position: relative; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--left { display: block; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__previews .button-arrow--right { display: block; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__info-row--first, .modal-wrapper.modal-wrapper--active .block__price, .modal-wrapper.modal-wrapper--active .block__navigation { display: none; } } @media screen and (max-width: 768px) { .modal-wrapper.modal-wrapper--active .card__info { padding-right: 0; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__info-row--center { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } @media screen and (max-width: 600px) { .modal-wrapper.modal-wrapper--active .card__info-row .button--red, .modal-wrapper.modal-wrapper--active .card__info-row--first .button--red { -ms-grid-column: 1; grid-column-start: 1; grid-column-end: 3; } } @media (min-width: 720px) { .block__navigation-compare:hover, .block__navigation-favorites:hover, .block__navigation-print:hover { font-weight: normal; color: #ee021d; } } @media (max-width: 768px) { .block, .block--small, .block--without-border { padding: 25px; } } @media (max-width: 425px) { .block, .block--small, .block--without-border { padding: 20px; } } @media screen and (min-width: 1025px) and (max-width: 1340px) { .block .wrapper, .block--small .wrapper, .block--without-border .wrapper, .block .wrapper--column, .block--small .wrapper--column, .block--without-border .wrapper--column, .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare, .block .wrapper--overflow, .block--small .wrapper--overflow, .block--without-border .wrapper--overflow { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1021px) { .block .wrapper, .block--small .wrapper, .block--without-border .wrapper, .block .wrapper--column, .block--small .wrapper--column, .block--without-border .wrapper--column, .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare, .block .wrapper--overflow, .block--small .wrapper--overflow, .block--without-border .wrapper--overflow { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 780px) { .block .wrapper, .block--small .wrapper, .block--without-border .wrapper, .block .wrapper--column, .block--small .wrapper--column, .block--without-border .wrapper--column, .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare, .block .wrapper--overflow, .block--small .wrapper--overflow, .block--without-border .wrapper--overflow { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 740px) { .block .wrapper, .block--small .wrapper, .block--without-border .wrapper, .block .wrapper--column, .block--small .wrapper--column, .block--without-border .wrapper--column, .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare, .block .wrapper--overflow, .block--small .wrapper--overflow, .block--without-border .wrapper--overflow { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 425px) { .block .wrapper, .block--small .wrapper, .block--without-border .wrapper, .block .wrapper--column, .block--small .wrapper--column, .block--without-border .wrapper--column, .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare, .block .wrapper--overflow, .block--small .wrapper--overflow, .block--without-border .wrapper--overflow { -ms-grid-columns: 1fr 1fr; !grid-template-columns: 1fr 1fr; grid-template-columns: 1fr; grid-gap: 20px; } } @media screen and (min-width: 1025px) and (max-width: 1340px) { .block .wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .block .wrapper2 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 1021px) { .block .wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .block .wrapper2 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 780px) { .block .wrapper { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } .block .wrapper2 { -ms-grid-columns: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; } } @media (max-width: 740px) { .block .wrapper { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } .block .wrapper2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; } } @media (max-width: 425px) { .block .wrapper { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px; } .block .wrapper2 { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 20px; } } @media screen and (max-width: 1024px) { .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare { grid-gap: 24px; -ms-grid-columns: minmax(206px, 1fr) 4fr; grid-template-columns: minmax(206px, 1fr) 4fr; } } @media screen and (max-width: 570px) { .block .wrapper--compare, .block--small .wrapper--compare, .block--without-border .wrapper--compare { grid-gap: 17px; -ms-grid-columns: 1fr; grid-template-columns: 1fr; } } @media screen and (max-width: 1024px) { .block .wrapper--overflow .item, .block--small .wrapper--overflow .item, .block--without-border .wrapper--overflow .item { max-width: 205px; } } @media screen and (max-width: 570px) { .block .wrapper--overflow .item, .block--small .wrapper--overflow .item, .block--without-border .wrapper--overflow .item { max-width: 230px; } } @media (max-width: 425px) { .block .image, .block--small .image, .block--without-border .image { min-height: 110px; min-width: 100%; } .card{min-width:100% !important} } @media screen and (max-width: 600px) { .block__text--for-brand .image { min-width: 100px; max-width: 100px; margin-right: 0; } } @media screen and (max-width: 570px) { .compare__titles { display: none; } } @media screen and (max-width: 570px) { .compare__title { font-size: 14px; line-height: 16px; padding: 5px 0; } } @media (max-width: 425px) { .card .block__title, .card--row .block__title, .card-brand .block__title, .card-info .block__title, .card-brochure .block__title { height: 50px; } } /* End */ /* Start:/local/templates/main/css/catalog/catalog-page.css?171163226216124*/ @charset "UTF-8"; .container-catalog .catalog__list { display: -ms-grid; display: grid; grid-gap: 32px; -ms-grid-columns: (1fr)[5]; grid-template-columns: repeat(5, 1fr); } @media screen and (max-width: 1340px) { .container-catalog .catalog__list { -ms-grid-columns: (1fr)[4]; grid-template-columns: repeat(4, 1fr); } } @media screen and (max-width: 980px) { .container-catalog .catalog__list { -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); } } @media screen and (max-width: 740px) { .container-catalog .catalog__list { -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 425px) { .container-catalog .catalog__list { grid-gap: 7px; } } .container-catalog .catalog__list .catalog__item .catalog__link-default, .container-catalog .catalog__list .catalog__item .catalog__link-percent, .container-catalog .catalog__list .catalog__item .catalog__link-percent, .container-catalog .catalog__list .catalog__item .catalog__link-pliers-tool, .container-catalog .catalog__list .catalog__item .catalog__link-stripping-tools, .container-catalog .catalog__list .catalog__item .catalog__link-crimping-tools, .container-catalog .catalog__list .catalog__item .catalog__link-tool-electrical-work, .container-catalog .catalog__list .catalog__item .catalog__link-scissors-cutters, .container-catalog .catalog__list .catalog__item .catalog__link-сlamping-tools-accessories, .container-catalog .catalog__list .catalog__item .catalog__link-screwdriver, .container-catalog .catalog__list .catalog__item .catalog__link-bits-bit-holders, .container-catalog .catalog__list .catalog__item .catalog__link-keys, .container-catalog .catalog__list .catalog__item .catalog__link-torque-tool, .container-catalog .catalog__list .catalog__item .catalog__link-hammers-sledgehammers, .container-catalog .catalog__list .catalog__item .catalog__link-tool-cases-bags, .container-catalog .catalog__list .catalog__item .catalog__link-lanterns, .container-catalog .catalog__list .catalog__item .catalog__link-chisels-chisels, .container-catalog .catalog__list .catalog__item .catalog__link-sets-kits, .container-catalog .catalog__list .catalog__item .catalog__link-tool-trolleys, .container-catalog .catalog__list .catalog__item .catalog__link-spare-parts-consumables, .container-catalog .catalog__list .catalog__item .catalog__link-drill-bits-crowns, .container-catalog .catalog__list .catalog__item .catalog__link-testing-tool, .container-catalog .catalog__list .catalog__item .catalog__link-special-tool, .container-catalog .catalog__list .catalog__item .catalog__link-shop-equipment, .container-catalog .catalog__list .catalog__item .catalog__link-socket-heads, .container-catalog .catalog__list .catalog__item .catalog__link-impact-lever-tool { padding: 122px 19px 19px; margin: 0; min-height: 100%; min-width: 100%; background: #fff; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; font-weight: bold; font-size: 20px; line-height: 22px; color: #111111; } @media screen and (max-width: 580px) { .container-catalog .catalog__list .catalog__item .catalog__link-default, .container-catalog .catalog__list .catalog__item .catalog__link-percent, .container-catalog .catalog__list .catalog__item .catalog__link-percent, .container-catalog .catalog__list .catalog__item .catalog__link-pliers-tool, .container-catalog .catalog__list .catalog__item .catalog__link-stripping-tools, .container-catalog .catalog__list .catalog__item .catalog__link-crimping-tools, .container-catalog .catalog__list .catalog__item .catalog__link-tool-electrical-work, .container-catalog .catalog__list .catalog__item .catalog__link-scissors-cutters, .container-catalog .catalog__list .catalog__item .catalog__link-сlamping-tools-accessories, .container-catalog .catalog__list .catalog__item .catalog__link-screwdriver, .container-catalog .catalog__list .catalog__item .catalog__link-bits-bit-holders, .container-catalog .catalog__list .catalog__item .catalog__link-keys, .container-catalog .catalog__list .catalog__item .catalog__link-torque-tool, .container-catalog .catalog__list .catalog__item .catalog__link-hammers-sledgehammers, .container-catalog .catalog__list .catalog__item .catalog__link-tool-cases-bags, .container-catalog .catalog__list .catalog__item .catalog__link-lanterns, .container-catalog .catalog__list .catalog__item .catalog__link-chisels-chisels, .container-catalog .catalog__list .catalog__item .catalog__link-sets-kits, .container-catalog .catalog__list .catalog__item .catalog__link-tool-trolleys, .container-catalog .catalog__list .catalog__item .catalog__link-spare-parts-consumables, .container-catalog .catalog__list .catalog__item .catalog__link-drill-bits-crowns, .container-catalog .catalog__list .catalog__item .catalog__link-testing-tool, .container-catalog .catalog__list .catalog__item .catalog__link-special-tool, .container-catalog .catalog__list .catalog__item .catalog__link-shop-equipment, .container-catalog .catalog__list .catalog__item .catalog__link-socket-heads, .container-catalog .catalog__list .catalog__item .catalog__link-impact-lever-tool { font-size: 14px; line-height: 16px; } } @media screen and (max-width: 425px) { .container-catalog .catalog__list .catalog__item .catalog__link-default, .container-catalog .catalog__list .catalog__item .catalog__link-percent, .container-catalog .catalog__list .catalog__item .catalog__link-percent, .container-catalog .catalog__list .catalog__item .catalog__link-pliers-tool, .container-catalog .catalog__list .catalog__item .catalog__link-stripping-tools, .container-catalog .catalog__list .catalog__item .catalog__link-crimping-tools, .container-catalog .catalog__list .catalog__item .catalog__link-tool-electrical-work, .container-catalog .catalog__list .catalog__item .catalog__link-scissors-cutters, .container-catalog .catalog__list .catalog__item .catalog__link-сlamping-tools-accessories, .container-catalog .catalog__list .catalog__item .catalog__link-screwdriver, .container-catalog .catalog__list .catalog__item .catalog__link-bits-bit-holders, .container-catalog .catalog__list .catalog__item .catalog__link-keys, .container-catalog .catalog__list .catalog__item .catalog__link-torque-tool, .container-catalog .catalog__list .catalog__item .catalog__link-hammers-sledgehammers, .container-catalog .catalog__list .catalog__item .catalog__link-tool-cases-bags, .container-catalog .catalog__list .catalog__item .catalog__link-lanterns, .container-catalog .catalog__list .catalog__item .catalog__link-chisels-chisels, .container-catalog .catalog__list .catalog__item .catalog__link-sets-kits, .container-catalog .catalog__list .catalog__item .catalog__link-tool-trolleys, .container-catalog .catalog__list .catalog__item .catalog__link-spare-parts-consumables, .container-catalog .catalog__list .catalog__item .catalog__link-drill-bits-crowns, .container-catalog .catalog__list .catalog__item .catalog__link-testing-tool, .container-catalog .catalog__list .catalog__item .catalog__link-special-tool, .container-catalog .catalog__list .catalog__item .catalog__link-shop-equipment, .container-catalog .catalog__list .catalog__item .catalog__link-socket-heads, .container-catalog .catalog__list .catalog__item .catalog__link-impact-lever-tool { padding: 122px 7px 7px; } } .container-catalog .catalog__list .catalog__item .catalog__link-default::before, .container-catalog .catalog__list .catalog__item .catalog__link-percent::before, .container-catalog .catalog__list .catalog__item .catalog__link-percent::before, .container-catalog .catalog__list .catalog__item .catalog__link-pliers-tool::before, .container-catalog .catalog__list .catalog__item .catalog__link-stripping-tools::before, .container-catalog .catalog__list .catalog__item .catalog__link-crimping-tools::before, .container-catalog .catalog__list .catalog__item .catalog__link-tool-electrical-work::before, .container-catalog .catalog__list .catalog__item .catalog__link-scissors-cutters::before, .container-catalog .catalog__list .catalog__item .catalog__link-сlamping-tools-accessories::before, .container-catalog .catalog__list .catalog__item .catalog__link-screwdriver::before, .container-catalog .catalog__list .catalog__item .catalog__link-bits-bit-holders::before, .container-catalog .catalog__list .catalog__item .catalog__link-keys::before, .container-catalog .catalog__list .catalog__item .catalog__link-torque-tool::before, .container-catalog .catalog__list .catalog__item .catalog__link-hammers-sledgehammers::before, .container-catalog .catalog__list .catalog__item .catalog__link-tool-cases-bags::before, .container-catalog .catalog__list .catalog__item .catalog__link-lanterns::before, .container-catalog .catalog__list .catalog__item .catalog__link-chisels-chisels::before, .container-catalog .catalog__list .catalog__item .catalog__link-sets-kits::before, .container-catalog .catalog__list .catalog__item .catalog__link-tool-trolleys::before, .container-catalog .catalog__list .catalog__item .catalog__link-spare-parts-consumables::before, .container-catalog .catalog__list .catalog__item .catalog__link-drill-bits-crowns::before, .container-catalog .catalog__list .catalog__item .catalog__link-testing-tool::before, .container-catalog .catalog__list .catalog__item .catalog__link-special-tool::before, .container-catalog .catalog__list .catalog__item .catalog__link-shop-equipment::before, .container-catalog .catalog__list .catalog__item .catalog__link-socket-heads::before, .container-catalog .catalog__list .catalog__item .catalog__link-impact-lever-tool::before { left: 19px; top: 19px; width: 50%; height: 76px; background-repeat: no-repeat; background-size: contain; -webkit-filter: grayscale(1); filter: grayscale(1); opacity: 0.3; -webkit-transition: all 0.3s; transition: all 0.3s; } .container-catalog .catalog__list .catalog__item .catalog__link-default:hover, .container-catalog .catalog__list .catalog__item .catalog__link-percent:hover, .container-catalog .catalog__list .catalog__item .catalog__link-percent:hover, .container-catalog .catalog__list .catalog__item .catalog__link-pliers-tool:hover, .container-catalog .catalog__list .catalog__item .catalog__link-stripping-tools:hover, .container-catalog .catalog__list .catalog__item .catalog__link-crimping-tools:hover, .container-catalog .catalog__list .catalog__item .catalog__link-tool-electrical-work:hover, .container-catalog .catalog__list .catalog__item .catalog__link-scissors-cutters:hover, .container-catalog .catalog__list .catalog__item .catalog__link-сlamping-tools-accessories:hover, .container-catalog .catalog__list .catalog__item .catalog__link-screwdriver:hover, .container-catalog .catalog__list .catalog__item .catalog__link-bits-bit-holders:hover, .container-catalog .catalog__list .catalog__item .catalog__link-keys:hover, .container-catalog .catalog__list .catalog__item .catalog__link-torque-tool:hover, .container-catalog .catalog__list .catalog__item .catalog__link-hammers-sledgehammers:hover, .container-catalog .catalog__list .catalog__item .catalog__link-tool-cases-bags:hover, .container-catalog .catalog__list .catalog__item .catalog__link-lanterns:hover, .container-catalog .catalog__list .catalog__item .catalog__link-chisels-chisels:hover, .container-catalog .catalog__list .catalog__item .catalog__link-sets-kits:hover, .container-catalog .catalog__list .catalog__item .catalog__link-tool-trolleys:hover, .container-catalog .catalog__list .catalog__item .catalog__link-spare-parts-consumables:hover, .container-catalog .catalog__list .catalog__item .catalog__link-drill-bits-crowns:hover, .container-catalog .catalog__list .catalog__item .catalog__link-testing-tool:hover, .container-catalog .catalog__list .catalog__item .catalog__link-special-tool:hover, .container-catalog .catalog__list .catalog__item .catalog__link-shop-equipment:hover, .container-catalog .catalog__list .catalog__item .catalog__link-socket-heads:hover, .container-catalog .catalog__list .catalog__item .catalog__link-impact-lever-tool:hover { color: #EE021D; } .container-catalog .catalog__list .catalog__item .catalog__link-default:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-percent:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-pliers-tool:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-stripping-tools:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-crimping-tools:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-tool-electrical-work:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-scissors-cutters:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-сlamping-tools-accessories:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-screwdriver:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-bits-bit-holders:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-keys:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-torque-tool:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-hammers-sledgehammers:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-tool-cases-bags:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-lanterns:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-chisels-chisels:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-sets-kits:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-tool-trolleys:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-spare-parts-consumables:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-drill-bits-crowns:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-testing-tool:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-special-tool:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-shop-equipment:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-socket-heads:hover::before, .container-catalog .catalog__list .catalog__item .catalog__link-impact-lever-tool:hover::before { -webkit-filter: grayscale(0); filter: grayscale(0); opacity: 1; -webkit-transition: all 0.3s; transition: all 0.3s; } /* .container-catalog .catalog__list .catalog__item .catalog__link-screwdriver::before { height: 87px; left: 5px; } .container-catalog .catalog__list .catalog__item .catalog__link-lanterns::before { height: 63px; top: 42px; left: 8px; } .container-catalog .catalog__list .catalog__item .catalog__link-tool-cases-bags::before { height: 51px; top: 50px; } .container-catalog .catalog__list .catalog__item .catalog__link-chisels-chisels::before { height: 85px; left: 0px; } */ .container-catalog .block { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } .container-catalog .block__text:first-child { margin: 0; } .container-catalog .block__text:not(:first-child) { margin-bottom: 18px; margin-top: 0; } .container-catalog .block__text:last-child { margin-bottom: 0; } .content__title { padding: 0 0 8px; } /*# sourceMappingURL=catalog-page.css.map */ /* End */ /* Start:/local/templates/main/css/breadcrumbs/breadcrumbs.css?1711632262928*/ .breadcrumbs { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; padding: 22px 0 17px; } .breadcrumbs__list { list-style: none; display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: wrap; flex-wrap: wrap; } .breadcrumbs__item { position: relative; } .breadcrumbs__item:not(:last-child) { padding-right: 10px; margin-right: 5px; } .breadcrumbs__item:not(:last-child)::before { right: 0; top: 1px; content: '/'; position: absolute; color: #646263; } .breadcrumbs__text, .breadcrumbs__link { font-weight: normal; font-size: 14px; line-height: 16px; color: #111; } .breadcrumbs__link { text-decoration: none; color: #646263; } /*# sourceMappingURL=breadcrumbs.css.map */ /* End */ /* Start:/local/templates/main/css/filter/filter.css?173399257710664*/ .filter { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: justify; -ms-flex-pack: justify; justify-content: space-between; width: 100%; padding: 16px 21px; background-color: #fff; -webkit-box-shadow: 0px 0px 15px rgba(71, 71, 71, 0.15); box-shadow: 0px 0px 15px rgba(71, 71, 71, 0.15); } .filter .checkbox-label.checkbox-label--disabled{display:none}; @media screen and (max-width: 1024px) { .filter { margin-bottom: 20px; overflow: hidden; position: absolute; height: 54px; } } @media screen and (max-width: 1024px) { .filter--active { overflow: unset; position: static; height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; z-index: 2; -webkit-transition: all 0.3s; transition: all 0.3s; } .filter--active .filter__main-title::before, .filter--active .filter__sub-title::before { -webkit-animation: 0.3s ease-in-out animateArrow forwards; animation: 0.3s ease-in-out animateArrow forwards; } } .filter__main-title, .filter__sub-title { font-weight: bold; font-size: 20px; line-height: 22px; color: #111111; padding-bottom: 15px; width: 100%; position: relative; } @media screen and (max-width: 1024px) { .filter__main-title, .filter__sub-title { cursor: pointer; } } @media screen and (max-width: 1024px) { .filter__main-title::before, .filter__sub-title::before { content: ''; position: absolute; right: 0; top: 11px; width: 10px; height: 6px; -webkit-transform: translateY(-50%); transform: translateY(-50%); background-image: url(/local/templates/main/css/filter/../../assets/image/icons/arrow_down/hover.svg); background-size: contain; background-repeat: no-repeat; cursor: pointer; } } .filter__sub-title { font-size: 18px; line-height: 24px; padding: 15px 0 5px; } .filter__sub-title::before { content: unset; } .filter .checkbox-label { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -ms-flex-wrap: wrap; flex-wrap: wrap; font-size: 14px; color: #111111; line-height: 18px; font-weight: normal; -webkit-box-align: center; -ms-flex-align: center; align-items: center; padding-left: 37px; !margin: 0 0 5px; margin: 0 15px 5px 0px; width:100%; } .filter__row, .filter__row-two, .filter__row-one { display: -ms-grid; display: grid; } .filter__row-one { display: block; } .filter__row-two { -ms-grid-columns: 1fr 1fr; grid-template-columns: 1fr 1fr; grid-gap: 15px; } @media screen and (max-width: 1024px) { .filter__row-two { display: -webkit-box; display: -ms-flexbox; display: flex; } } .filter__row-one { -ms-grid-columns: 1fr; grid-template-columns: 1fr; } .filter__row-slider { margin-bottom: 15px; } .filter__column { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -ms-flex-direction: column; flex-direction: column; } @media screen and (max-width: 1024px) { .filter__column { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[3]; grid-template-columns: repeat(3, 1fr); grid-gap: 10px; } } @media screen and (max-width: 670px) { .filter__column { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[2]; grid-template-columns: repeat(2, 1fr); } } @media screen and (max-width: 520px) { .filter__column { display: -ms-grid; display: grid; -ms-grid-columns: (1fr)[1]; grid-template-columns: repeat(1, 1fr); } } @media screen and (max-width: 1024px) { .filter__column .checkbox-label { padding-right: 10px; } } .filter__column .checkbox-label:last-child { margin-bottom: 0; } .filter__brands { !-webkit-columns: 2; !columns: 2; list-style: none; } @media screen and (max-width: 1024px) { .filter__brands { -webkit-columns: 5; columns: 5; } } @media screen and (max-width: 840px) { .filter__brands { -webkit-columns: 4; columns: 4; } } @media screen and (max-width: 570px) { .filter__brands { -webkit-columns: 3; columns: 3; } } @media screen and (max-width: 470px) { .filter__brands { -webkit-columns: 2; columns: 2; } } .filter__brand { cursor: pointer; } .filter__brand-link, .filter .count { font-weight: normal; font-size: 14px; line-height: 22px; -webkit-text-decoration-line: underline; text-decoration-line: underline; color: #111111; } /*.filter__selected {*/ /* position: relative;*/ /*}*/ .filter__selected-row { display: -ms-grid; display: grid; -ms-grid-columns: minmax(90px, 1fr) 7fr 2fr; grid-template-columns: minmax(90px, 1fr) 7fr 2fr; -webkit-box-align: start; -ms-flex-align: start; align-items: flex-start; grid-gap: 10px; } @media screen and (max-width: 650px) { .filter__selected-row { -ms-grid-columns: minmax(90px, 1fr) 7fr; grid-template-columns: minmax(90px, 1fr) 7fr; } } .filter__selected-title { font-weight: bold; font-size: 14px; line-height: 22px; color: #111111; } .filter__selected-clear { font-weight: normal; font-size: 14px; line-height: 22px; color: #EE021D; padding: 0 8px; width: -webkit-fit-content; width: -moz-fit-content; width: fit-content; white-space: nowrap; } .filter__selected-clear-wrapper { display: -webkit-box; display: -ms-flexbox; display: flex; -webkit-box-pack: end; -ms-flex-pack: end; justify-content: flex-end; } @media screen and (max-width: 650px) { .filter__selected-clear-wrapper { position: absolute; bottom: 2px; right: 0px; } } @media screen and (max-width: 425px) { .filter__selected-clear-wrapper { bottom: 2px; right: 0px; } } .filter__selected-tags { display: -webkit-box; display: -ms-flexbox; display: flex; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-align: center; -ms-flex-align: center; align-items: center; } .filter__selected-tag { display: inline-block; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; -ms-flex-wrap: nowrap; flex-wrap: nowrap; margin-right: 10px; } .filter__selected-tag-name { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; font-weight: normal; font-size: 14px; line-height: 22px; color: #000000; } .filter__selected-tag-delete { line-height: 22px; padding: 0 8px; float:left; } .filter__selected-text, .filter__selected-text span, .filter__selected-text .from, .filter__selected-text .to { font-weight: normal; font-size: 14px; line-height: 22px; color: #000000; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .filter__selected-text .from { padding-right: 15px; } .filter__selected-text .from-price-value { padding: 0 5px; } .filter__selected-text .to-price-value { padding: 0 5px; } .filter .count { display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; } .filter .input-label.filter-price-from { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 81px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 14px; line-height: 24px; } .filter .input-label.filter-price-from > input { width: 100%; padding: 1px 7px; margin: 0 0 0 5px; font-size: 14px; line-height: 24px; } .filter .input-label.filter-price-to { display: -webkit-box; display: -ms-flexbox; display: flex; max-width: 101px; -webkit-box-orient: horizontal; -webkit-box-direction: normal; -ms-flex-direction: row; flex-direction: row; font-size: 14px; line-height: 24px; } .filter .input-label.filter-price-to > input { width: 100%; padding: 1px 7px; margin: 0 7px 0 5px; font-size: 14px; line-height: 24px; } .filter .noUi-target, .filter .noUi-target .noUi-connects { background: #AFAFAF; } .filter .noUi-connects, .filter .noUi-target { border-radius: 0; border: 0; -webkit-box-shadow: unset; box-shadow: unset; } .filter .noUi-horizontal { height: 7px; margin-bottom: 40px; margin-left: 17px; margin-right: 17px; } @media screen and (max-width: 1024px) { .filter .noUi-horizontal { max-width: 208px; } } .filter .noUi-touch-area { display: none; } .filter .noUi-horizontal .noUi-handle { width: 11px; height: 16px; right: -5px; top: 11px; cursor: pointer; border: 0; -webkit-box-shadow: unset; box-shadow: unset; background: transparent; } .filter .noUi-horizontal .noUi-handle::after { content: unset; } .filter .noUi-horizontal .noUi-handle::before { height: 100%; width: 100%; background: transparent; left: 1px; top: -4px; background-image: url(/local/templates/main/css/filter/../../assets/image/icons/Union.svg); background-repeat: no-repeat; background-size: contain; } .filter .noUi-connect { background: #EE021D; } .filter .noUi-horizontal .noUi-tooltip { font-family: 'Roboto Condensed'; bottom: -30px; border: 0; font-weight: normal; font-size: 14px; line-height: 24px; letter-spacing: -0.01em; color: #000000; } @-webkit-keyframes animateArrow { from { -webkit-transform: translateY(-50%) rotateZ(0deg); transform: translateY(-50%) rotateZ(0deg); } to { -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } } @keyframes animateArrow { from { -webkit-transform: translateY(-50%) rotateZ(0deg); transform: translateY(-50%) rotateZ(0deg); } to { -webkit-transform: translateY(-50%) rotateZ(180deg); transform: translateY(-50%) rotateZ(180deg); } } /*# sourceMappingURL=filter.css.map */ /* End */ /* Start:/local/templates/main/css/modal/modal.css?17116322622577*/ .modal { max-width: 1196px; max-height: 550px; display: block; background: #fff; width: 100%; height: 100%; margin: 25px; position: relative; } .modal--little{ max-width: 460px; max-height: 685px; display: block; background: #fff; width: 100%; height: 100%; margin: 25px; position: relative; padding: 41px; } .modal--little.madal--sendmail{ max-height: 260px; } @media screen and (max-width: 768px) { .modal { max-height: 100%; padding: 15px; } } @media screen and (max-width: 600px) { .modal { display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-box-orient: vertical; -webkit-box-direction: normal; -webkit-flex-direction: column; -ms-flex-direction: column; flex-direction: column; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; } } .modal-wrapper { position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: rgba(17, 17, 17, 0.6); z-index: 999; opacity: 0; display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; display: flex; visibility: hidden; -webkit-box-pack: center; -webkit-justify-content: center; -ms-flex-pack: center; justify-content: center; -webkit-box-align: center; -webkit-align-items: center; -ms-flex-align: center; align-items: center; } .modal-wrapper--active { visibility: visible; -webkit-animation: 0.3s linear showModal forwards; animation: 0.3s linear showModal forwards; } @media screen and (max-width: 768px) { .modal-wrapper { max-width: 100vw; max-height: 100vh; } } .modal__close { position: absolute; width: 25px; height: 25px; background: url(/local/templates/main/css/modal/../../assets/image/icons/close/close.svg); top: 20px; right: 20px; cursor: pointer; z-index: 1; } .display-flex { display: flex; } .align-items { align-items: center; } .padding-none { padding-left: 0 !important; padding-right: 0 !important; padding-top: 0 !important; padding-bottom: 0 !important; } .column{ flex-direction: column; margin-right: 17px; } .modal--little-row{ margin-bottom: 17px; } @-webkit-keyframes showModal { from { opacity: 0; } to { opacity: 1; } } @keyframes showModal { from { opacity: 0; } to { opacity: 1; } } /* End */ /* Start:/local/templates/main/css/notMain.css?17116322623529*/ .star-icon.active { fill: red!important; } .libra-icon.active { fill: red!important; } .block__navigation-favorites.active::before { background-image: url(/local/templates/main/assets/image/icons/favorite_icon_add.svg) } .block__navigation-compare.active::before { background-image: url(/local/templates/main/assets/image/icons/comparison_icon_red.svg) } .block__navigation-compare.active , .block__navigation-favorites.active { color: red; } .container.footer__container:before { content: none; } .card { margin-bottom: 25px; } a:hover { color: initial !important; text-decoration: none !important; } .modal-wrapper.modal-wrapper--active img.image { object-fit: contain; height: 400px } @media (max-width: 800px) { .modal-wrapper.modal-wrapper--active img.image { object-fit: contain; height: 200px } } div[id^="wait_comp_"] { display: none !important; } .button--red { display: block; } .button--red.giveFeedback { width: 215px; } p.result { display: none; } .giveFeedback { display: flex; flex-direction: column; width: 100%; max-width: 500px; } @media print { header.header { display: none !important; } div.social { display: none !important; } .container-catalog { display: none !important; } footer.footer { display: none !important; } #bx-panel { display: none !important; } .card__previews { display: none !important; } .left-bar { display: none !important; } .block--with-slider { display: none !important; } .single-item__title { width: 100%; } .block__navigation { display: none !important; } .card__info-row--right { display: none !important; } .card__info-column { display: none !important; } .print_version { display: flex !important; flex-direction: column !important; justify-content: center !important; } .card__tabs { display: none !important; } } .block__article { cursor: pointer; color: black; } .articul_value { font-size: 14px; line-height: 18px; } a.button--red:hover { color: white !important; } .contacts { } .contacts-item { margin: 10px 0; } .contacts-item__type { font-weight: bold; } .contacts-item__text a { color: black; } .contacts-address__item { margin: 30px 0 10px 0; } .h4 { font-weight: bold; text-transform: uppercase; } /*.custom_iframe {*/ /* width: 100% !important;*/ /* height: 100% !important;*/ /* min-height: 300px !important;*/ /*}*/ .modal__copyToClipboard { display: flex; justify-content: center; align-items: center; max-width: 330px; max-height: 100px; background: #fff; width: 100%; height: 100%; margin: 25px; position: relative; } .articul_copy { width: 220px; text-align: center; } h2 { font-size: 24px; margin: 35px 0 5px 0; } .card .block__title { overflow: hidden; } .hit-products-block .card.slick-slide { padding-right: 20px; } .custom_img_size_hit { min-height: 230px; } #agreement { display: inline; width: 0; height: 0; opacity: 0; } @media (max-width: 960px) { #cityDropDown { @z-index: 5; } } /* End */ /* Start:/local/templates/main/css/tooltip.css?17116322621773*/ .tooltip.show { opacity: .9; } .bs-tooltip-auto[x-placement^=bottom], .bs-tooltip-bottom, .bs-tooltip-top { padding: .4rem 0; } .tooltip { position: absolute; z-index: 1070; display: block; margin: 0; font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,"Noto Sans",sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji"; font-style: normal; font-weight: 400; line-height: 1.5; text-align: left; text-align: start; text-decoration: none; text-shadow: none; text-transform: none; letter-spacing: normal; word-break: normal; word-spacing: normal; white-space: normal; line-break: auto; font-size: .875rem; word-wrap: break-word; opacity: 0; } .bs-tooltip-auto[x-placement^=bottom] .arrow, .bs-tooltip-bottom .arrow { top: 0; } .bs-tooltip-top{padding:.4rem 0} .bs-tooltip-auto[x-placement^=top] .arrow, .bs-tooltip-top .arrow{bottom:0} .bs-tooltip-auto[x-placement^=top] .arrow::before, .bs-tooltip-top .arrow::before{top:0;border-width:.4rem .4rem 0;border-top-color:#000 !important} .bs-tooltip-auto[x-placement^=bottom] .arrow:before, .bs-tooltip-bottom .arrow::before { bottom: 0; border-width: 0 .4rem .4rem; border-bottom-color: #000 !important; } .tooltip .arrow { position: absolute; display: block; width: .8rem; height: .4rem; } .tooltip .arrow:before { position: absolute; content: ""; border-color: transparent; border-style: solid; } .tooltip-inner { max-width: 200px; padding: .25rem .5rem; color: #fff; text-align: center; background-color: #000; border-radius: .25rem; } /* End */ /* Start:/local/templates/main/components/bitrix/news.list/brand_top/style.css?1711632261180*/ a { text-decoration: none; } div.news-list { word-wrap: break-word; } div.news-list img.preview_picture { float:left; margin:0 4px 6px 0; } .news-date-time { color:#486DAA; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/top_menu/style.min.css?1711632261490*/ 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/main/components/bitrix/menu/top_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/main/components/bitrix/menu/main_multi/style.css?17116322614414*/ /**Top menu**/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul { margin:0; padding:0; background:#BC262C url(/local/templates/main/components/bitrix/menu/main_multi/images/header_menu_bg.gif) repeat-x; min-height:27px; width:100%; list-style:none; font-size:11px; float:left; /*font-size:90%*/ } #horizontal-multilevel-menu { } /*Links*/ #horizontal-multilevel-menu a { display:block; padding:5px 10px; /*padding:0.3em 0.8em;*/ text-decoration:none; text-align:center; } #horizontal-multilevel-menu li { float:left; } /*Root items*/ #horizontal-multilevel-menu li a.root-item { color:#fff; font-weight:bold; padding:7px 12px; } /*Root menu selected*/ #horizontal-multilevel-menu li a.root-item-selected { background:#fc8d3d; color:#fff; font-weight:bold; padding:7px 12px; } /*Root items: hover*/ #horizontal-multilevel-menu li:hover a.root-item, #horizontal-multilevel-menu li.jshover a.root-item { background:#e26336; color:#fff; } /*Item-parents*/ #horizontal-multilevel-menu a.parent { background: url(/local/templates/main/components/bitrix/menu/main_multi/images/arrow.gif) center right no-repeat; } /*Denied items*/ #horizontal-multilevel-menu a.denied { background: url(/local/templates/main/components/bitrix/menu/main_multi/images/lock.gif) center right no-repeat; } /*Child-items: hover*/ #horizontal-multilevel-menu li:hover, #horizontal-multilevel-menu li.jshover { background:#D6D6D6; color:#fff; } /*Child-items selected*/ #horizontal-multilevel-menu li.item-selected { background:#D6D6D6; color:#fff; } /*Sub-menu box*/ #horizontal-multilevel-menu li ul { position:absolute; /*top:-999em;*/ top:auto; display:none; z-index:500; height:auto; /*width:12em;*/ width:135px; background:#F5F5F5; border:1px solid #C1C1C1; } /*Sub-menu item box*/ #horizontal-multilevel-menu li li { width:100%; border-bottom:1px solid #DEDEDE; } /*Item link*/ #horizontal-multilevel-menu li ul a { text-align:left; } /*Items text color & size */ #horizontal-multilevel-menu li a, #horizontal-multilevel-menu li:hover li a, #horizontal-multilevel-menu li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a { color:#4F4F4F; font-weight:bold; } /*Items text color & size: hover*/ #horizontal-multilevel-menu li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover a, #horizontal-multilevel-menu li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a, #horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a { color:#4F4F4F; } #horizontal-multilevel-menu li ul ul { margin:-27px 0 0 132px; /*margin:-1.93em 0 0 11.6em;*/ } #horizontal-multilevel-menu li:hover ul ul, #horizontal-multilevel-menu li.jshover ul ul, #horizontal-multilevel-menu li:hover ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul, #horizontal-multilevel-menu li:hover ul ul ul ul ul, #horizontal-multilevel-menu li.jshover ul ul ul ul ul { /*top:-999em;*/ display:none; } #horizontal-multilevel-menu li:hover ul, #horizontal-multilevel-menu li.jshover ul, #horizontal-multilevel-menu li li:hover ul, #horizontal-multilevel-menu li li.jshover ul, #horizontal-multilevel-menu li li li:hover ul, #horizontal-multilevel-menu li li li.jshover ul, #horizontal-multilevel-menu li li li li:hover ul, #horizontal-multilevel-menu li li li li.jshover ul, #horizontal-multilevel-menu li li li li li:hover ul, #horizontal-multilevel-menu li li li li li.jshover ul { /*z-index:1000; top:auto;*/ display:block; } div.menu-clear-left { clear:left; } /* End */ /* Start:/local/templates/main/components/bitrix/menu/main_multi_mobile/style.min.css?17116322613715*/ #horizontal-multilevel-menu,#horizontal-multilevel-menu ul{margin:0;padding:0;background:#bc262c url(/local/templates/main/components/bitrix/menu/main_multi_mobile/images/header_menu_bg.gif) repeat-x;min-height:27px;width:100%;list-style:none;font-size:11px;float:left}#horizontal-multilevel-menu a{display:block;padding:5px 10px;text-decoration:none;text-align:center}#horizontal-multilevel-menu li{float:left}#horizontal-multilevel-menu li a.root-item{color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li a.root-item-selected{background:#fc8d3d;color:#fff;font-weight:bold;padding:7px 12px}#horizontal-multilevel-menu li:hover a.root-item,#horizontal-multilevel-menu li.jshover a.root-item{background:#e26336;color:#fff}#horizontal-multilevel-menu a.parent{background:url(/local/templates/main/components/bitrix/menu/main_multi_mobile/images/arrow.gif) center right no-repeat}#horizontal-multilevel-menu a.denied{background:url(/local/templates/main/components/bitrix/menu/main_multi_mobile/images/lock.gif) center right no-repeat}#horizontal-multilevel-menu li:hover,#horizontal-multilevel-menu li.jshover{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li.item-selected{background:#d6d6d6;color:#fff}#horizontal-multilevel-menu li ul{position:absolute;top:auto;display:none;z-index:500;height:auto;width:135px;background:#f5f5f5;border:1px solid #c1c1c1}#horizontal-multilevel-menu li li{width:100%;border-bottom:1px solid #dedede}#horizontal-multilevel-menu li ul a{text-align:left}#horizontal-multilevel-menu li a,#horizontal-multilevel-menu li:hover li a,#horizontal-multilevel-menu li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li a{color:#4f4f4f;font-weight:bold}#horizontal-multilevel-menu li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover a,#horizontal-multilevel-menu li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover a #horizontal-multilevel-menu li:hover li:hover li:hover li:hover li:hover li:hover a,#horizontal-multilevel-menu li.jshover li.jshover li.jshover li.jshover li.jshover li.jshover a{color:#4f4f4f}#horizontal-multilevel-menu li ul ul{margin:-27px 0 0 132px}#horizontal-multilevel-menu li:hover ul ul,#horizontal-multilevel-menu li.jshover ul ul,#horizontal-multilevel-menu li:hover ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul,#horizontal-multilevel-menu li:hover ul ul ul ul ul,#horizontal-multilevel-menu li.jshover ul ul ul ul ul{display:none}#horizontal-multilevel-menu li:hover ul,#horizontal-multilevel-menu li.jshover ul,#horizontal-multilevel-menu li li:hover ul,#horizontal-multilevel-menu li li.jshover ul,#horizontal-multilevel-menu li li li:hover ul,#horizontal-multilevel-menu li li li.jshover ul,#horizontal-multilevel-menu li li li li:hover ul,#horizontal-multilevel-menu li li li li.jshover ul,#horizontal-multilevel-menu li li li li li:hover ul,#horizontal-multilevel-menu li li li li li.jshover ul{display:block}div.menu-clear-left{clear:left} /* End */ /* Start:/local/templates/main/components/bitrix/menu/top_menu_mobile/style.min.css?1711632261490*/ 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/main/components/bitrix/menu/top_menu_mobile/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* Start:/local/templates/main/components/bitrix/search.title/main/style.css?17116322612827*/ div.title-search-result { border:1px solid #c6c6c6; display:none; overflow:hidden; z-index:205; background-color:#ffffff; } table.title-search-result { border-collapse: collapse; border:none; width:10%; display:block; } table.title-search-result th { background-color:#F7F7F7; border-right:1px solid #e8e8e8; color:#949494; font-weight:normal; padding-top:2px; padding-bottom:2px; padding-left:14px; padding-right:12px; text-align:right; vertical-align:top; white-space:nowrap; width:1%; } table.title-search-result td { background-color:white; color:black; font-weight:normal; padding-top:2px; padding-bottom:2px; text-align:left; white-space:nowrap; } table.title-search-result td.title-search-item { padding-left:8px; padding-right:15px; } table.title-search-result td.title-search-item span.articul_value { margin-right:5px; padding-top:4px; } table.title-search-result td.title-search-item a { padding-left:4px; padding-right:15px; text-decoration: none; color:black; vertical-align:top; display:inline-block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; } table.title-search-result td.title-search-item img { vertical-align:middle; } table.title-search-result td.title-search-item b { color:#cf0000; font-weight:normal; } table.title-search-result tr.title-search-selected td ,table.title-search-result tr.title-search-selected a ,table.title-search-result tr.title-search-selected td.title-search-more a { background-color:#fff2be; } table.title-search-result td.title-search-more { font-size:11px; font-weight:normal; padding-right:15px; padding-left:24px; padding-top:0px; } table.title-search-result td.title-search-more a { padding-left:12px; padding-right:15px; text-decoration:none; color:#999999; } table.title-search-result td.title-search-all { padding-left:24px; padding-right:15px; } table.title-search-result td.title-search-all a { padding-left:4px; text-decoration:none; color:#808080; } table.title-search-result td.title-search-separator , table.title-search-result th.title-search-separator { padding-top:0px; padding-bottom:0px; font-size:4px; } div.title-search-fader { display:none; background-image: url('/local/templates/main/components/bitrix/search.title/main/images/fader.png'); background-position: right top; background-repeat: repeat-y; position:absolute; } .header__search form { position: relative; } .search-icon { height: 93%; width: 39px; top: 2px; right: 0; border: none; outline: none; background: white; position: absolute; cursor: pointer; } .search-icon input { width: 100%; height: 100%; } .search-icon img { /*position: absolute;*/ width: 20px; height: 20px; margin-top: 4px; } /* End */ /* Start:/local/templates/main/components/bitrix/breadcrumb/main/style.min.css?1711632261467*/ .bx-breadcrumb{margin:10px 0}.bx-breadcrumb i{color:#b5bdc2;line-height:13px;font-size:12px;vertical-align:middle;margin-right:5px}.bx-breadcrumb .bx-breadcrumb-item{float:left;margin-bottom:10px;white-space:nowrap;line-height:13px;vertical-align:middle;margin-right:10px}.bx-breadcrumb .bx-breadcrumb-item span{font-family:"Open Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;font-size:13px;white-space:normal}.bx-breadcrumb .bx-breadcrumb-item a{border-bottom:0} /* End */ /* Start:/local/templates/main/components/bitrix/menu/bottom_menu/style.min.css?1711632261490*/ 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/main/components/bitrix/menu/bottom_menu/images/left_menu_bg.gif) top repeat-x}ul.left-menu li a{font-size:100%;color:#bc262c;font-weight:bold;text-decoration:none}ul.left-menu li a:visited{color:#bc262c}ul.left-menu li a:hover{color:#bc262c}ul.left-menu li a.selected:link,ul.left-menu li a.selected:visited,ul.left-menu li a.selected:active,ul.left-menu li a.selected:hover{color:#fc8d3d} /* End */ /* /local/templates/main/css/normalize.css?17116322626208 */ /* /local/templates/main/css/ui-kit/ui-kit.min.css?171163226235080 */ /* /local/templates/main/css/header/header.css?174723950811706 */ /* /local/templates/main/css/nouislider/nouislider.min.css?17116322624295 */ /* /local/templates/main/css/jquery.mCustomScrollbar.css?171163226252505 */ /* /local/templates/main/css/footer/footer.css?17116322626571 */ /* /local/templates/main/css/contacts/contacts.min.css?17116322625786 */ /* /local/templates/main/css/catalog-menu/catalog-menu.css?171163226238377 */ /* /local/templates/main/css/social-sticky/social-sticky.css?17116322621459 */ /* /local/templates/main/css/banner/banner.css?17116322624020 */ /* /local/templates/main/css/slick/slick.css?17116322623789 */ /* /local/templates/main/css/main/main.css?171163226279698 */ /* /local/templates/main/css/card/card.css?1711632262236192 */ /* /local/templates/main/css/catalog/catalog-page.css?171163226216124 */ /* /local/templates/main/css/breadcrumbs/breadcrumbs.css?1711632262928 */ /* /local/templates/main/css/filter/filter.css?173399257710664 */ /* /local/templates/main/css/modal/modal.css?17116322622577 */ /* /local/templates/main/css/notMain.css?17116322623529 */ /* /local/templates/main/css/tooltip.css?17116322621773 */ /* /local/templates/main/components/bitrix/news.list/brand_top/style.css?1711632261180 */ /* /local/templates/main/components/bitrix/menu/top_menu/style.min.css?1711632261490 */ /* /local/templates/main/components/bitrix/menu/main_multi/style.css?17116322614414 */ /* /local/templates/main/components/bitrix/menu/main_multi_mobile/style.min.css?17116322613715 */ /* /local/templates/main/components/bitrix/menu/top_menu_mobile/style.min.css?1711632261490 */ /* /local/templates/main/components/bitrix/search.title/main/style.css?17116322612827 */ /* /local/templates/main/components/bitrix/breadcrumb/main/style.min.css?1711632261467 */ /* /local/templates/main/components/bitrix/menu/bottom_menu/style.min.css?1711632261490 */