:root { --item-border-radius: 10px; --element-border-radius: 25px; --input-line-height: 1.5; --input-padding-block: 10px; --general-font-size: 14px; --general-transition: .3s; } *,*::before,*::after { box-sizing: border-box; -moz-appearance: none; -webkit-appearance: none; appearance: none;padding: 0;margin: 0} ul[class], ol[class] { padding: 0; list-style: none; margin:0} body, h1, h2, h3, h4, p, ul[class], ol[class], li, figure, figcaption, blockquote, dl, dd { margin: 0;padding: 0;} .item-content ul[class], .item-content ol[class], .item-content ul, .item-content ol {list-style: disc; margin-block-start: 1em; margin-block-end: 1em; margin-inline-start: 0; margin-inline-end: 0; padding-inline-start: 40px;} a:not([class]) { text-decoration-skip-ink: auto;} article > * + * { margin-top: 1em;} input, button, textarea, select { font: inherit; border:none;} input:focus, textarea:focus, select:focus { outline: 1px solid COLOR_SITE;} button {cursor: pointer; background: none; padding: 0;} select {appearance: auto;} @media (prefers-reduced-motion: reduce) { *, *::before, *::after {animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } ul, ol {list-style-position: inside} a {cursor: pointer;text-decoration: none} body, html {margin:0;padding: 0;font-family: FONT_FULLNAME;font-size: var(--general-font-size);line-height: 1.5; min-height: 100vh; scroll-behavior: smooth; text-rendering: optimizeSpeed;} ::-webkit-scrollbar { -webkit-appearance: none; display: block; } body {display: flex; flex-direction: column;scroll-behavior: smooth} *::-webkit-scrollbar {width: 5px;position: relative;height: 4px;} *::-webkit-scrollbar-track {background:#ddd;} *::-webkit-scrollbar-thumb {background: COLOR_SITE; } *::-webkit-scrollbar-thumb:hover {background: #333;} input[type="number"]::-webkit-outer-spin-button, input[type="number"]::-webkit-inner-spin-button { -webkit-appearance: none; margin: 0; } input[type="number"] { -moz-appearance: textfield; } input:-webkit-autofill, input:-webkit-autofill:hover, input:-webkit-autofill:focus, input:-webkit-autofill:active{ -webkit-box-shadow: 0 0 0 30px white inset !important; } .container {width: 100%;max-width: 1310px;padding: 0 15px;margin: 0 auto} .wrapper-main {width: 100%;display: block; flex-grow: 1} .flex {display: flex} .head-block {position: sticky;left: 0;top:0;z-index: 99999;box-shadow: 0 0 5px rgba(0,0,0, .3);} #header-mobile {display: none;} .background-site{background: COLOR_SITE;color:TEXT_SITE} .btn {display: inline-block;font-weight: 400;color: #212529;text-align: center;vertical-align: middle;cursor: pointer;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none; user-select: none; background-color: transparent; border: 1px solid transparent; padding: 12px 26px; font-size: 16px; line-height: 1; border-radius: var(--element-border-radius);} .btn-xs {padding: 4px 15px 5px 15px;font-size: 13px;line-height: 1.5; } .btn-lg {padding:9px 30px 10px 30px;font-size: 18px; line-height: 1.5; border-radius: 3px;} .btn-site {background: COLOR_SITE;color:TEXT_SITE; transition: var(--general-transition, .3s); border: 1px solid COLOR_SITE} .btn-site:hover {background: TEXT_SITE; color: COLOR_SITE} .btn-site-reversed {color:COLOR_SITE;background: TEXT_SITE; transition: var(--general-transition, .3s); border: 1px solid COLOR_SITE} .btn-site-reversed:hover {color:TEXT_SITE;background: COLOR_SITE;} .btn-success { color: #fff; background-color: #28a745; border-color: #28a745;} .btn-success:hover { color: #fff;background-color: #1e7e34; border-color: #1c7430;} .btn-primary{color: #fff; background-color: #007bff; border-color: #007bff;} .btn-primary:hover {color: #fff;background-color: #0069d9;border-color: #0062cc;} .btn-secondary{color: #fff; background-color: #545b62; border-color: #4e555b;} .btn-secondary:hover {color: #fff;background-color: #5a6268;border-color: #545b62;} .btn-danger {color: #fff; background-color: #dc3545; border-color: #dc3545;} .btn-danger:hover {color: #fff; background-color: #c82333; border-color: #bd2130;} .btn-warning {color: #212529; background-color: #ffc107; border-color: #ffc107;} .btn-warning:hover {color: #212529; background-color: #e0a800; border-color: #d39e00;} .btn-info {color: #fff; background-color: #17a2b8; border-color: #17a2b8;} .btn-info:hover {color: #fff; background-color: #138496; border-color: #117a8b;} .btn-light {color: #212529; background-color: #f8f9fa; border-color: #f8f9fa;} .btn-light:hover {color: #212529; background-color: #e2e6ea; border-color: #dae0e5;} .btn-dark {color: #fff; background-color: #343a40; border-color: #343a40;} .btn-dark:hover {color: #fff; background-color: #23272b; border-color: #1d2124;} .btn-link {font-weight: 400; color: #007bff; text-decoration: none;} .btn-link:hover {color: #0056b3; text-decoration: underline;} .btn-hover-transparent:hover {background: transparent; color: #fff} .btn-site-hover-transparent:hover {background: transparent; color: COLOR_SITE;} .messenger-icon {width: 24px;height: 24px;background-size: cover;background-position: center;background-repeat: no-repeat} .icon-viber{background-image: url('/media/img/viber.svg');} .icon-whatsapp{background-image: url('/media/img/whatsapp.svg');} .icon-telegram{background-image: url('/media/img/telegram.svg');} .icon-tik-tok {background: url('/media/img/tiktok-logo.svg') center no-repeat; background-size: contain; } .fa-force {font-family: var(--fa-style-family,"Font Awesome 6 Free") !important;} .nav-shrinker__list-block {opacity: 0; overflow: hidden;} .nav-shrinker__list-block > ul > li {white-space: nowrap; position: relative;} .nav-shrinker__list-block > ul > li ul {list-style: none; display: flex; flex-direction: column;} .navbar-fixed {transition: var(--general-transition, .3s);position: fixed;z-index:100;width: 100%;box-shadow:0 3px 5px rgba(0,0,0, .3);top:-100px;background: #fff;} .navbar-fixed.navbar-visible {top:0} .navbar-fixed .container {position: relative;display: flex;align-items: center} .navbar-fixed .catalog-navbar {top:61px} .navbar-fixed .logo{margin:5px 0} .navbar-fixed .basket-top{margin-top:10px} .navbar-fixed .user-header{margin-top:15px} .navbar-fixed .menu__list {display: flex;width: 100%;} .navbar-fixed .menu__list li {position: relative;width: 100%;margin: 0} .navbar-fixed .menu__list > li {margin: 0 5px} .navbar-fixed .menu__list li a {width: 100%;display: block;text-align: center;line-height: 40px;color:#111;padding: 0 10px} .navbar-fixed .menu__list > li > a {white-space: nowrap;line-height: 51px;position: relative} .navbar-fixed .menu__list > li > a:after{content:'';position: absolute;bottom: 0;height: 2px;width: 0;left:15px;transition: var(--general-transition, .3s);background: #666;} .navbar-fixed .menu__list > li.active > a:after{width:calc(100% - 30px);background: COLOR_SITE;} .navbar-fixed .menu__list > li:not(.active):hover > a:after{width:calc(60% - 30px);} .navbar-fixed .submenu {position: absolute;left:0;top:100%;background: #fff;box-shadow: 0 5px 8px rgba(0,0,0, .2);visibility: hidden;opacity: 0;transition: var(--general-transition, .3s);min-width: 200px} .navbar-fixed .menu__list li:hover > .submenu {opacity: 1;visibility: visible} .navbar-fixed .submenu .submenu {left:100%;top:0;} .navbar-fixed .submenu li a {line-height: 1.3;padding: 10px;transition: var(--general-transition, .3s);font-size: 13px;text-align: left} .navbar-fixed .submenu li:not(:last-child) > a {border-bottom: 1px solid #f0f0f0} .navbar-fixed .submenu li:hover > a {background: #f0f0f0} .navbar-fixed .catalog-navbar {display: none;position: absolute} .navbar-fixed .menu__list li.li-hover > i {line-height: 51px;display: block;text-align: center;width: 100%} .navbar-fixed .menu__list li.li-hover > .submenu {right: 0;left:auto} .navbar-fixed .menu__list li.li-hover > .submenu .submenu {right: 100%;left:auto} .navbar-fixed .menu__list li.li-hover > .submenu .fa-caret-down {position: absolute;left:2px;top:50%;transform: translateY(-50%)} .navbar-fixed .menu__list li.li-hover > .submenu .fa-caret-down:before {content:"\f0d9"} .navbar-fixed .navbar-fixed__phones {max-width: 30%;display: flex;margin-left: auto;position: relative;align-items: center;flex-shrink: 0} .navbar-fixed__phones-additional {position: absolute;left:0;top:100%;width: 100%;background: #fff;box-shadow: 0 5px 10px rgba(0,0,0, .3);transition: var(--general-transition, .3s);visibility: hidden;opacity: 0;padding: 5px} .navbar-fixed .navbar-fixed__phones:hover .navbar-fixed__phones-additional{opacity: 1;visibility: visible} .navbar-fixed__phones a .fa {display: none} .navbar-fixed__phones > i {margin-left: 10px;font-size: 16px} .navbar-fixed__phones .phone-wrapper:not(:first-child){margin-top:2px} .navbar-fixed__phones .more-phones__phone {padding: 0} .navbar-fixed__phones .more-phones__phone:not(:last-child){border-bottom: none} .navbar-fixed__phones .phones-top__main span{margin-left: 0} .navbar-fixed__phones .phone-wrapper > a{text-align: left;font-size: 14px} .navbar-fixed__phones .phone-wrapper .messenger-icon{width: 20px;height: 20px} .navbar-fixed .actions-header{margin-left: 20px} .navbar-menu__list {display: flex} .navbar-menu__body {margin:0 10px;width: 100%;} .navbar-menu__list {display: flex;width: 100%;} .navbar-menu__list li {position: relative;width: 100%;margin: 0} .navbar-menu__list > li {margin: 0 5px} .navbar-menu__list li a {width: 100%;display: block;text-align: center;line-height: 40px;color:#111;padding: 0 10px} .navbar-menu__list > li > a {white-space: nowrap;line-height: 40px;position: relative;transition: var(--general-transition, .3s);border-radius: var(--element-border-radius);} .navbar-menu__list > li.active > a{background: COLOR_SITE;color:TEXT_SITE;} .navbar-menu__list > li:not(.active):hover > a{background: #f0f0f0} .navbar-menu__list .submenu {position: absolute;left:0;top:100%;background: #fff;box-shadow: 0 5px 8px rgba(0,0,0, .2);visibility: hidden;opacity: 0;transition: var(--general-transition, .3s);min-width: 200px;} .navbar-menu__list li:hover > .submenu {opacity: 1;visibility: visible} .navbar-menu__list .submenu .submenu {left:100%;top:0;} .navbar-menu__list .submenu li a {line-height: 1.3;padding: 10px;transition: var(--general-transition, .3s);font-size: 13px;text-align: left} .navbar-menu__list .submenu li:not(:last-child) > a {border-bottom: 1px solid #f0f0f0} .navbar-menu__list .submenu li:hover > a {background: #f0f0f0} .navbar-menu__list .catalog-navbar {display: none;position: absolute} .navbar-menu__list li.li-hover {width: 50px;flex-shrink: 0} .navbar-menu__list li.li-hover > i {line-height: 40px;display: block;text-align: center;width: 100%} .navbar-menu__list li.li-hover > .submenu {right: 0;left:auto} .navbar-menu__list li.li-hover > .submenu .submenu {right: 100%;left:auto} .navbar-menu__list li.li-hover > .submenu .fa-caret-down {position: absolute;left:2px;top:50%;transform: translateY(-50%)} .navbar-menu__list li.li-hover > .submenu .fa-caret-down:before {content:"\f0d9"} .visible-mobile {display: none;} .hidden {display: none !important;} .li-hover:hover > .submenu {opacity: 1;visibility: visible} .cover-image{position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: cover;transition: .2s} .contain-image{position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: contain;transition: .2s} .cart-float-block {position: fixed;right: 0;border-radius: 3px 0 0 3px; top: 200px; z-index:9997; display: flex; align-items: flex-start; transform: translateX(calc(100% - 60px)); transition: var(--general-transition, .3s);} .cart-float-block.active {transform: none;} .cart-float-block .col {width: 100%; height: 70px; text-align: center; ; position: relative; } .cart-float-block .col > * {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; width: 100%;} .cart-float-block > * + * {border-top: 1px solid rgb(255 255 255 / .3);} .cart-float__btn {position: absolute;left: 0;top: 0;width: 100%;height: 100%;} .cart-float__btn i, .cart-float__btn .numeral {width: 100%; text-align: center; position: relative; top: auto;left: auto;} .cart-float__btn .numeral span {line-height: 20px;width: 20px;color: #000;border-radius: 100%;float: left;left: 50%;position: relative;margin-left: -10px;top: auto;margin-top: 5px; font-size: 11px; font-weight: bold} .cart-float__btn .numeral span.background-site {color:TEXT_SITE} .cart-float__btn .numeral span:not(.background-site) {background: #fff} .cart-float__btn i {color: #ddd;margin-top: 8px;font-size: 16px;line-height: 16px;} .cart-float-block .col:hover {background: #5e6978} .additional-blocks {position: relative;z-index:9996;width:800px;max-height: 515px;background: #fff;box-shadow: 0 0 10px rgb(0 0 0 / .3); border-bottom-left-radius: var(--element-border-radius);} .adtl-head, .adtl-body, .adtl-footer {width:100%;} .adtl-body {display: flex; flex-direction: column;} .cart-float__btns {background: #424f60; width: 60px; overflow: hidden; border-top-left-radius: var(--item-border-radius); border-bottom-left-radius: var(--item-border-radius);} .cart-float-block .catalog-item__counter {display: flex; width: auto; justify-content: center; margin: 0;} .cart-float-block .catalog-item__counter input {width: 60px;} .items-load {float:left;width:100%;display:none} .items-load i{float:left;width:100%;text-align:center;line-height:200px} .adtl-head {border-bottom:1px solid #ddd;padding:20px; display: flex; align-items: center;} .adtl-head .adtl-main {color: #222;font-size: 24px;margin-right: 18px;margin-left: 13px; font-weight: 700;line-height: 34px;text-decoration: none;} .adtl-head .adtl-main i {color:#999;float:right;font-size:20px;line-height:34px} .adtl-head .adtl-main span {margin-right: 5px;} .adtl-head a{float:left;font-weight:600} .adtl-head .show-inner-basket, .adtl-head .show-inner-favorites {margin:6px 15px;border-radius: 2px} .adtl-head a:last-child{float:right;font-weight:400;font-size: 12px; margin-top: 2px; border: 1px solid #dfdfdf; padding: 5px;transition: .2s;border-radius: 3px} .adtl-head a:last-child:hover{background: #dfdfdf} .cart-float__clear-cart {margin-left: auto; display: flex; align-items: center;} .cart-float__loader {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: grid; place-content: center; background: rgb(255 255 255 / .8); z-index: 1;} .cart-float__loader i {font-size: 32px;} .adtl-head .cart-float__title-btn.active {border-bottom: 2px solid COLOR_SITE} .adtl-head .clear-basket {border: 1px solid #aaa;color:#aaa;padding:6px 15px;font-size:13px;border-radius: 4px} .adtl-head .clear-basket:hover {border: 1px solid #555;color:#555} .no-items {float:left;width:100%;padding:30px;box-sizing: border-box} .no-items .basket-icon {float:left;width:90px;height:90px;background: url('DOMAIN/media/img/icon_cart.png') center no-repeat;margin-bottom: 20px} .no-items span, .no-items p {float:right;width:calc(100% - 120px);} .no-items span {font-weight: 700;color:#222;font-size:20px} .no-items p {color:#333;font-size:14px;margin:15px 0;padding:0} .no-items a {margin:0 0 0 30px;} .adtl-items {width:100%;overflow: hidden;position: relative;max-height: 260px;overflow-y: auto} .adtl-items table {float:left;width:100%;border-collapse: collapse;} .adtl-items table tr:not(:last-child){border-bottom: 1px solid #e7e7e7;} .adtl-items table tr:first-child {background: #f7f7f7; position: sticky; top: 0; z-index: 1;} .adtl-items table th{color:#888;font-weight:500;font-size:14px;padding:8px 10px;text-align: center} .adtl-items table td{padding:10px;vertical-align: middle} .adtl-items table td:first-child {width:50px;} .adtl-items table td:first-child a {display: block;width:50px;position: relative;} .adtl-items table td:first-child a:after {display: block;content:'';padding-bottom: 100%;width: 100%;} .adtl-items table td:first-child a img {float:left;width:100%;} .adtl-items table td:nth-child(2) a {font-weight: 600;text-decoration: none;color:#111;} .adtl-items table td:nth-child(2) a:hover {color:COLOR_SITE} .adtl-items table td:nth-child(3), .adtl-cart-items table td:nth-child(5) {font-weight:600;color:#373737; text-align: center; white-space: nowrap;} .adtl-items table td .product-count {font-weight:700;color:#373737;display: flex} .adtl-items table td .product-count a i {line-height:34px;font-size:10px;background: #f0f0f0;width: 25px;text-align: center} .adtl-items table td .product-count a:hover i {background: #dfdfdf} .adtl-items table td .product-count input {width:40px;font-size:14px;height:34px;background: #f0f0f0;text-align: center} .adtl-items table td:last-child {width:85px} .adtl-items table td:last-child button {color:#999;opacity:1;margin:0;border:none;padding:0;font-size:16px;display: inline-block;border-radius: 50px} .adtl-cart-items table td:last-child button.active {color:TEXT_SITE; background: COLOR_SITE;} .adtl-cart-items table td:last-child button:not(.active):hover {background: #ddd;color:#111;} .adtl-favorites-items table td:last-child button:hover {background: #ddd;color:#111;} .adtl-items table td:last-child button i {width: 30px;line-height: 30px;text-align: center;display: block} .adtl-items table td:last-child button i.linearicons-check {background: #3e9c45;color:#fff;border-radius: 50px} .adtl-items table td .delete{float:right;} .adtl-items table td .add-to:hover, .adtl-items table td .add-to-cart:hover{color:#111} .adtl-items table th:nth-child(3){text-align: center} /*.adtl-items table td .delete:hover{color:COLOR_SITE}*/ .adtl-items table td:nth-child(3) span{width: 100%;display: block;text-align: center} .adtl-items table td:nth-child(3) span:not(:first-child){float: right; width: 100%; text-decoration: line-through;font-weight: 500; font-size: 12px; color: #666;text-align: center} .adtl-items .price-sale{color:#df0000} .adtl-cart-inner, .adtl-favorites-inner {float:left;width:100%;display:none} .adtl-favorites-items {padding-bottom: 20px;} .adtl-items td:last-child i {line-height:20px;border-radius:50%;width:20px;text-align:center;} .cart-actions {width:100%; display: flex; align-items: flex-start; justify-content: space-between; padding: 0 20px;} .product__cart-action {display: flex; } .cart-actions > div {width:calc(100% / 3);box-sizing: border-box;padding:10px; display: flex; flex-direction: column;} .cart-actions > div p {color:#999;margin-top:5px;font-size:12px; text-align: center;} .cart-total {padding:15px;border-top: 1px solid #e7e7e7;font-weight: 700;line-height:24px;font-size:18px;color:#111; text-align: right;} .swiper-button-prev:after, .swiper-button-next:after {font-family: 'Linearicons' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased;} .swiper-button-prev:after {content:"\ec3b"} .swiper-button-next:after {content:"\ec3c"} .slide-dark span, .slide-dark p {color:#fff;} .slide-dark__bg:not(.scrolled):before {content:'';position: absolute;z-index: 2;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0, .65)} .slide_content a {margin-top: 40px;} .outer-block {width: 100%} .phone-order, .cabinet-top__item{white-space: nowrap} .main-catalog-block {margin-top:20px;} .main-catalog {display: block;width: 100%;} .block-h2 {display: flex;width: 100%;margin-bottom: 40px;align-items: flex-end} span.h2 {font-size: 32px; font-weight: 800; line-height: 1;} span.h3 {font-size: 28px; font-weight: 600; line-height: 1;} span.h4 {font-size: 24px; font-weight: 500; line-height: 1;} span.h2 em {font-style: normal} .block-h2 span.h2 + * {flex-shrink: 0;margin-left: 20px;margin-bottom: 1px;line-height: 1} .block-h2 a{color:COLOR_SITE;margin-right: auto} .block-h2 a:hover{text-decoration: underline} .main-banner-block{margin-top:80px;} .main-products {padding-top:80px;} .main-banner {width: 100%;background-size:cover;position: relative;padding: 80px 0;background-image: url('DOMAIN/media/img/main_banner.jpg');background-attachment: fixed;display: flex;align-items: center; background-repeat: no-repeat;} .main-banner:before{content:'';position: absolute;width:100%;height: 100%;background:rgba(0,0,0, .5);z-index:1;left:0;top:0;} .main-banner .container{display: flex;align-items: center;position: relative;z-index: 2} .main-banner__content{width: 100%;position: relative;z-index: 2;padding: 20px 0;color:#fff; display: flex; flex-direction: column;} .main-banner #get-advice {flex-shrink: 0;padding: 10px 20px;background: COLOR_SITE;color:TEXT_SITE;border-radius: 3px;position: relative;z-index: 2;transition: .2s} .main-banner #get-advice:hover {background: #333;color:#fff;} ul.main-products__categories, ul.main-products__chain {display: flex; flex-wrap: wrap; margin-bottom: -10px; position: relative; transition: var(--general-transition, .3s);} .main-products__categories > li, .main-products__chain > li {margin-right: 10px; margin-bottom: 10px; opacity: 1; transition: var(--general-transition, .3s);} .main-products__categories > li.active button {background: COLOR_SITE; color: #fff;} .main-products__categories-wrapper {margin: 20px 0; transition: var(--general-transition, .3s);} .main-products__chain > li {position: relative; margin-right: 0;} .main-products__chain > li + li {margin-left: 20px;} .main-products__chain > li + li::before {content: "\ec3c"; display: block; font-family: 'Linearicons' !important; position: absolute; left: -17px; top: 50%; transform: translateY(-50%); color: #000;} .main-banner__content ul.main-banner__list {margin-top: 30px;} .main-banner__list li {line-height: 24px;} .main-banner__list li + li {margin-top: 20px;} .main-banner__list-icon {display: inline-block; width: 24px; text-align: center; background: COLOR_SITE; border-radius: 50%; margin-right: 10px;} .main-banner__list span {font-size: 14px; color: #ddd;} .main-banner__list span a {color: #fff; font-weight: 700;} .main-banner__list span a:hover {text-decoration: underline;} .dop-items {width: 100%;display: flex;gap:10px;margin-bottom: 20px} .dop-items button{padding: 8px 15px;color:#666;font-size: 16px;border-radius: var(--element-border-radius);} .dop-items button.active{background: COLOR_SITE;color:TEXT_SITE;} .dop-items button:not(.active):hover{background: #ddd} .dop-items button:first-child{margin-left: auto} .dop-items button:last-child{margin-right: auto} .catalog-products {display: grid; grid-gap: 10px; position: relative; background: #fff;} .product-5.catalog-products {grid-template-columns: repeat(5, 1fr);} .product-4.catalog-products {grid-template-columns: repeat(4, 1fr);} .product-3.catalog-products {grid-template-columns: repeat(3, 1fr);} .product-2.catalog-products {grid-template-columns: repeat(2, 1fr);} .main-page__products .catalog-products.catalog-empty {display: block; text-align: center;} .catalog-products .no-products {grid-column: 1 / 4; font-size: 18px;} .product-5 .catalog-item {padding: 15px} .catalog-item {display: flex;flex-direction: column;padding: 20px;position: relative;margin-right: -1px;margin-bottom: -1px;transition: var(--general-transition, .3s); border-radius: var(--item-border-radius); width: 100%; border: 1px solid #dfdfdf;} .catalog-item:hover{box-shadow: 0 0 25px rgba(0,0,0, .5);} .catalog-items-head{width: 100%;position: relative} .catalog-item-description {color:#666;font-size: 13px;margin: 5px 0 15px 0} .catalog-item-image{position: relative;display: block;width: 100%;} .catalog-item-image:after{content:'';width: 100%;padding-bottom: 100%;display: block} .catalog-item-image img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: contain} .catalog-items-head .quick-view {opacity:0;position:absolute;background-color: rgba(240,240,240,0.7);transition:.2s;font-size:12px;border-radius: 2px; text-align: center; line-height: 36px; cursor: pointer; color: #666; height: 36px;width: 150px; z-index: 2; left: 50%; top: 50%;transform: translate(-50%,-50%); border-radius: var(--element-border-radius);} .catalog-items-head:hover .quick-view{opacity: 1} .catalog-items-head .quick-view:hover {background:rgba(250,250,250,0.7);color:#444; } .item-share .span-new {background:#1D8C00} .item-share .span-share {background: #ffc438;color: #111;} .item-share .span-sale {background: COLOR_SITE;} .item-share .span-hit {background: #2992d9;} .item-share {position: absolute; left: 0; top: 0; max-width: 90%} .item-share span {float: left;margin-right: 5px;padding: 3px 8px;border-radius: var(--element-border-radius);font-size: 12px; color: #fff;margin-bottom:5px} .catalog-product-additinal {position: absolute;right:0;top:0;z-index:10;width:28px;transition:.2s} .catalog-product-additinal button {display: block;width:100%;margin-bottom: 5px;border-radius: 50%;} .catalog-product-additinal button i:not(.active) {color:#555;background: rgba(255,255,255, .6);} .catalog-product-additinal button.active i {color:TEXT_SITE;background:COLOR_SITE} .catalog-product-additinal button:not(.active):hover i {background: #ddd;color:#111} .catalog-product-additinal button i{display: block;width:100%;text-align: center;line-height: 28px;font-size:16px;border-radius: 50%} .catalog-item .catalog-product-additinal {opacity: 0} .catalog-item:hover .catalog-product-additinal {opacity: 1} .catalog-item-name{width: 100%;margin-top:10px;color:#111;font-weight: 600; text-align: center;} a.catalog-item-name:hover{color:COLOR_SITE;} .catalog-items-options{margin-top:10px;width: 100%} .catalog-items-options div {width: 100%;display: flex} .catalog-items-options div:not(:last-child){margin-bottom: 5px;} .catalog-items-options div span{flex-shrink: 0;font-size: 12px; word-wrap: break-word; max-width: 50%} .catalog-items-options div em {width: 100%;border-bottom: 1px dotted #ddd;margin-bottom: 2px} .catalog-items-options div span:first-child{margin-right: 5px;font-weight: 500; align-self: flex-end} .catalog-items-options div span:last-child{margin-left: 5px;color:#666; text-align: right; align-self: flex-end} .last-products{width: 100%;position: relative} .last-products > a {position: relative; left: 50%; transform: translateX(-50%); margin-top: 20px;} .catalog-item__info {width: 100%;display: flex;margin-top: 10px;align-items: center;margin-bottom: 20px} .catalog-item__info .item-art {font-size: 12px;color:#555} .catalog-item__info .item-availability {margin-left: auto;font-size: 13px;} .in-av, .in-stock {color:#2e7f0d} .out-av {color:#df0000} .catalog-item .price{width: 100%;display: flex;margin-top: auto;align-items: flex-end;} .catalog-item .price *:first-child{margin-left: auto;} .catalog-item .price *:last-child{margin-right: auto;} .catalog-item .price *:first-child + *:last-child{margin-left: 5px;} .catalog-item .price.price-normal{font-size: 18px;font-weight: 600} .catalog-item .price.price-normal .no-price {font-size: 14px;margin-right: 5px;} .catalog-item .price.price-normal .no-price + .get-price {font-size: 14px;margin-left: 5px;color:COLOR_SITE;text-decoration: underline; background: none;} .catalog-item .price.price-normal .no-price + .get-price:hover {color:#111;text-decoration: none} .catalog-item .price-sale span:first-child{color:#df0000;font-size: 18px;font-weight: 600} .catalog-item .price-sale span:first-child + span{color:#555;text-decoration: line-through;font-size: 14px;margin-bottom: 2px} .catalog-item__actions {margin-top: 10px;display: flex;justify-content: space-between;flex-wrap: wrap} .catalog-item__actions > * {text-align: center;padding: 8px 12px; font-size: 14px;} .catalog-item__actions > button, .catalog-item__actions > a {border-radius: var(--element-border-radius);} .catalog-item__counter > button:first-child {border-top-left-radius: var(--element-border-radius); border-bottom-left-radius: var(--element-border-radius);} .catalog-item__counter > button:last-child {border-top-right-radius: var(--element-border-radius); border-bottom-right-radius: var(--element-border-radius);} .catalog-item__actions .add-to-cart {background: COLOR_SITE;color:TEXT_SITE;transition: var(--general-transition, .3s);white-space: nowrap;width: calc(50% - 5px/2); display: none; margin-right: 5px;} .catalog-item__actions .add-to-cart.active {display: inline-block;} .catalog-item__actions .add-to-cart:not(.active):hover {background: #333;color:#fff;} .catalog-item__actions .more-info-product {background: #ddd;color:#333;transition: var(--general-transition, .3s);width: 100%;} .catalog-item__actions .more-info-product:hover {box-shadow: 0 0 10px rgba(0,0,0, .3);background: #999;color:#fff;} .catalog-item__actions > *.active ~ .more-info-product {width: calc(50% - 5px/2);} .catalog-item__counter {display: none;align-items: center; margin: 0 5px 0 0; width: calc(50% - 5px/2); padding: 0; overflow: hidden;} .catalog-item__counter.active {display: flex;} .catalog-item__counter button {width: 30px;line-height: 36px;text-align: center;font-size: 16px;font-weight: bold;background: #f0f0f0; flex-shrink: 0;} .catalog-item__counter input {height: 36px;background: #f0f0f0;text-align: center;width: calc(100% - 40px);font-size: 16px; outline: none;} .load-full-page {position: absolute;left:0;top:0;z-index:9999;background: rgb(255 255 255 / .8);width: 100%;height: 100%;display:none} .load-full-page i {position: absolute;width: 100px;left:50%;top:50%;margin-left:-50px;margin-top:-15px;text-align: center;} .load-full-page.active {display: block;} .brands-block {margin-top:20px;} .brands-block .swiper-button-prev, .brands-block .swiper-button-next {color: COLOR_SITE;background: TEXT_SITE;width: 30px;line-height: 30px;height: 30px;border-radius: 30px;transition: .2s;margin-top: calc(0px - (30px / 2));} .brands-block .swiper-button-prev:hover, .brands-block .swiper-button-next:hover {color: TEXT_SITE;background: COLOR_SITE;} .brands-block .swiper-button-prev {left: 0;padding-right: 4px} .brands-block .swiper-button-next {right: 0;padding-left: 4px} .brands-block .swiper-button-prev:after, .brands-block .swiper-button-next:after {font-size: 16px} .advantages-block {padding: 60px 0;} .advantages {display: flex; width: 100%;} .advantages > * + * {margin-left: 30px;} .advantage {width: calc(100%/5 - 30px*4/5); display: flex; align-items: center; flex-direction: column; text-align: center;} .advantage > img{width:20%;flex-shrink: 0;text-align: center} .advantage > i {width: 40px;color:#000; font-size: 42px;flex-shrink: 0;text-align: center} .advantage > div {width: 100%; margin-top: 15px;} .advantage > div * {display: block;width: 100%} .advantage > div span{font-weight: 600;} .advantage > div p {color:#666;font-weight: 400;font-size: 12px; margin-top: 10px;} .mySwiperBrands{padding:0 14px} .mySwiperBrands .swiper-slide a {width: 100%;display: block;position: relative;} .mySwiperBrands .swiper-slide a:after{content:'';width: 100%;padding-bottom: 40%;display: block} .mySwiperBrands .swiper-slide a img{width: 100%;height: 100%;object-fit: contain;left:0;top:0;position: absolute} .block-last-viewed {padding: 20px 0;background: #f0f0f0;margin-top: 30px} .footer-no-margin .block-last-viewed {margin-top: 0;} .last-viewed-products {width: 100%; display: flex; justify-content: flex-start; flex-wrap: wrap; margin: 20px -1% -1% 0;} .last-viewed-products > div {transition: var(--general-transition, .3s);padding: 10px;background: #fff;display: flex; width: calc((100% / 5) - 1%); margin: 0 1% 1% 0;align-items: center; border-radius: var(--item-border-radius);} .last-viewed-products > div:hover{box-shadow:0 0 15px rgba(0,0,0, .3);} .last-viewed-products > div > a:first-child{width:30%;position: relative;flex-shrink: 0} .last-viewed-products > div > a:first-child:after{width: 100%;display: block;content:'';padding-bottom: 100%;} .last-viewed-products > div > a:first-child img{width: 100%;height: 100%;left:0;top:0;position: absolute;object-fit: contain} .last-viewed-products > div > div {width: 70%;padding-left: 20px} .last-viewed-products > div > div a {width: 100%;display: block;overflow: hidden;color:#111;font-weight: 600; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2;} .last-viewed-products > div > div a:hover{color:COLOR_SITE;} .last-viewed-products > div > div span {width: 100%;display: block;color:#111;margin-top:10px} .main-page .block-last-viewed {background: #fff;} .main-page .last-viewed-products > div {background: #f0f0f0;} #toTop {position:fixed;bottom:20px;left:20px;cursor:pointer;box-shadow:0 0 5px rgba(0,0,0, .7);z-index: 50;background: COLOR_SITE;color:TEXT_SITE;visibility: hidden;opacity: 0;transition: .2s} #toTop.active{visibility: visible;opacity: 1} #toTop i {font-size: 16px;width:40px;text-align: center;line-height: 40px;display: block} .social-block {display: flex;} .social-block a {display: flex} .social-block a {margin-right: 5px} .social-block a i {width: 40px;line-height: 40px;border-radius: 3px;text-align: center;font-size:16px;transition: .2s} .social-block a i.fa-vk {color:#fff;background: #2a5885;} .social-block a i.fa-odnoklassniki {background: #ee8208;color:#fff;} .social-block a i.fa-facebook {color:#fff;background: #1B74E4} .social-block a i.fa-instagram {color:#fff;background:#f09433;background:-moz-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:-webkit-linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);background:linear-gradient(45deg,#f09433 0%,#e6683c 25%,#dc2743 50%,#cc2366 75%,#bc1888 100%);filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f09433', endColorstr='#bc1888', GradientType=1 )} .social-block a i.fa-youtube {color:#fff;background: #f00} .social-block a i.fa-twitter {color:#fff;background: #1da1f2} .social-block a i.fa-tiktok {color:#fff;background: #111;} .social-block a:hover i.fa {background: COLOR_SITE;color:TEXT_SITE} .social-block .social-name {display: none;} .catalog-navbar {position: absolute;left: 0;top: 100%;background: #fff; padding: 20px ; box-sizing: border-box; max-height: 400px; overflow-y: auto; overflow-x: hidden; width: 100%; z-index: 21;border:1px solid #e8e8e8;-webkit-box-shadow: 0 6px 12px rgba(0,0,0, .175);box-shadow: 0 6px 12px rgba(0,0,0, .175);background-clip: padding-box;display: none;justify-content: space-between;flex-wrap: wrap} .catalog-navbar::-webkit-scrollbar {width: 3px;left: -3px;position: relative;float: right;} .catalog-navbar::-webkit-scrollbar-track {background: rgba(0,0,0, 0.1);} .catalog-navbar::-webkit-scrollbar-thumb {background: rgba(0,0,0, 0.2); } .catalog-navbar::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0, 0.2);} .catalog-navbar-item {width:24%;box-sizing: border-box;padding:20px;} .catalog-navbar-item a:first-child {float:left;width:30%;} .catalog-navbar-item a:not(:first-child) {float:right;width:65%;color:#555;font-size:13px;text-decoration: none;margin-bottom: 5px} .catalog-navbar-item a.sub-main-name {font-weight:700;color:#222;margin-bottom: 10px;} .catalog-navbar-item a:hover {text-decoration: underline} .catalog-navbar-item img {width:100%;float:left;} .block-breadcrumb {width:100%;padding: 20px 0;border-top:1px solid #f0f0f0;} .page-caption{display: flex;flex-wrap: wrap; align-items: center;} .block-breadcrumb .breadcrumb {width: 100%;list-style: none;margin:0 0 20px 0;padding: 0;display: flex; flex-wrap: wrap;} .block-breadcrumb .breadcrumb li {position: relative;font-size: 12px;color:#666;} .block-breadcrumb .breadcrumb li:last-child {color: #999;} .block-breadcrumb .breadcrumb li a{text-decoration: none;color:#666;} .block-breadcrumb .breadcrumb li a:hover{text-decoration: underline} .block-breadcrumb .breadcrumb li:not(:first-child):before{font-family: var(--fa-style-family,"Font Awesome 6 Free"); font-weight: 900; content: "\f054"; font-size: 0.5em; padding: 0 5px; vertical-align: middle;} .block-breadcrumb h1 {font-size: 32px;font-weight: 600;line-height: 1} .breads-addon {margin-left: auto;} .share {align-self: flex-end;margin-left: auto;margin-bottom: 2px} .menu-left-button{display: none;} .menu_left {display:block;width: 21%;flex-shrink: 0;margin-bottom: 20px} .menu-left-category{width: 100%;} .menu_left .menu-left-category ul {list-style: none;margin:0;padding: 0;width: 100%;} .menu_left .menu-left-category > ul {display: block;} .menu_left .menu-left-category > ul li{width: 100%;position: relative;display: block} .menu_left .menu-left-category ul > li > a {width: 100%;text-decoration: none;font-size: 13px;padding: 10px;margin-bottom: -1px;position: relative;line-height:20px;display: flex;align-self: center;border: 1px solid #f2f2f2;background: #f8f8f9;color: #111;align-items: center;transition: .2s} .menu_left .menu-left-category ul > li.active > a {background: COLOR_SITE;color:TEXT_SITE} .menu_left .menu-left-category ul > li:first-child > a {border-top-left-radius: var(--item-border-radius); border-top-right-radius: var(--item-border-radius);} .menu_left .menu-left-category ul > li:last-child > a {border-bottom-left-radius: var(--item-border-radius); border-bottom-right-radius: var(--item-border-radius);} .menu_left .menu-left-category li:not(.active):hover > a {background: #dfdfdf;} .menu-filters {border-radius: var(--item-border-radius);} .category-children > a:first-child {border-top-left-radius: var(--item-border-radius); border-bottom-left-radius: var(--item-border-radius);} .category-children > a:last-child {border-top-right-radius: var(--item-border-radius); border-bottom-right-radius: var(--item-border-radius);} .menu_left .menu-left-category ul > li > a > .category-list__icon {width: 26px;position: relative;margin-right: 10px} .menu_left .menu-left-category ul > li > a > .category-list__icon.icon-image:after {content:'';display: block;width: 100%;padding-bottom: 100%;} .menu_left .menu-left-category ul > li > a img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: cover} .menu_left .menu-left-category ul > li > a i{line-height: 20px;margin-left: auto;} .menu_left .menu-left-category ul > li > ul {display:none;position: absolute;left:100%;z-index: 5;top:0;} .menu_left .menu-left-category ul > li:hover > ul {display: block;z-index: 10000;} .menu-filters{width: 100%;background: #f7f7f8;border: 1px solid #f0f0f0;margin-top: 20px;display: block} .menu-left__title{display: none;} .filters {width: 100%;display: block} .filters > a{display: block;width: 100%;text-decoration: none;text-align: center;padding: 10px 0;transition:.2s;font-size: 12px;color:COLOR_SITE;border-bottom: 1px solid #f0f0f0;} .filters .h2 {display: block;width: 100%;text-align: center;font-weight: 600;font-size: 14px;padding: 15px 0;margin:0;color:#111;border-bottom: 1px solid #f0f0f0;} .filter-item {display: block;width:100%;padding: 0;margin:0;transition: var(--general-transition, .3s);position: relative;border-bottom: 1px solid #f0f0f0} .filter-item > .filter-checkboxs{width:100%;padding: 10px ;} .filter-item:last-child{border-bottom: none; border-bottom-left-radius: var(--item-border-radius); border-bottom-right-radius: var(--item-border-radius);} .filter-slides {width: 70%;margin:5px 15%;} .filter-head {padding: 10px;width: 100%;font-size: 13px;color:#111;display: block;position: relative} .filter-head i {position: absolute;right: 5px;top:50%;transform: translateY(-50%); transition: var(--general-transition, .3s);} .filter-item.active .filter-head i {transform: translateY(-50%) rotate(180deg);} .filter-inputs, .filter-selects {width: 100%;margin-bottom: 10px;} .filter-inputs{display: flex;align-items: center} .filter-inputs input {float:left;width: 31%;text-align: center;height: 30px;padding: 0 3%;} .filter-inputs input:first-child {margin-left:auto;} .filter-inputs input:nth-child(3) {margin-right:auto;} .filter-inputs span {float:left;width: 10%;text-align: center;line-height: 30px;margin:0 5px;} .filter-selects select {float:left;width: 100%;padding:5px 10px} .filter-content {width: 100%;padding: 0 10px; max-height: 0; opacity: 0; visibility: hidden; transition: var(--general-transition, .3s); overflow: hidden;} .filter-item.active .filter-content {max-height: 500px; opacity: 1; visibility: visible; padding: 10px;} .filter-checkboxs div {width: 100%;display: flex;align-items: center} .filter-content .filter-checkboxs div {margin-bottom: 7px;} .filter-checkboxs input {width: 15px;margin:0 7px 0 0;flex-shrink: 0;height: 15px;background: #fff;border:1px solid #ddd;position: relative} .filter-checkboxs input:checked {border-color:COLOR_SITE} .filter-checkboxs input:checked:after {width: 11px;height: 11px;background: COLOR_SITE;position: absolute;left:1px;top:1px;content:''} .filter-checkboxs label {width:100%;white-space: nowrap;text-overflow:ellipsis;overflow:hidden;line-height: 15px;font-size: 12px;} .filter-notice {position: absolute;min-width: 160px;z-index: 10;text-align: center;border-radius:2px;box-shadow:0 2px 5px rgba(0,0,0, .5);line-height: 34px;font-size: 12px;text-decoration: none;left:calc(100% + 5px);display:none;} .filter-notice.active {display: block;} .filter-notice:before{content:'';border: 5px solid transparent;position: absolute;left:-10px;top:50%;margin-top:-5px} .category-page .container{display: flex} .category-right {display: block;width: 100%;} .menu_left + .category-right {width: calc(79% - 30px);margin-left: 30px} .filters > a:hover{background: #FFF;} .filter-item:hover {background: #fff;} .filter-selects select, .filter-inputs input {border:1px solid #ddd;color:#333;} .filter-checkboxs label, .filter-inputs span {color:#333} .filter-checkboxs label:hover {color:COLOR_SITE} .filter-notice {background: COLOR_SITE;color:#fff;} .filter-notice:before{border-right: 5px solid COLOR_SITE;} .filter-colors {display:flex;flex-wrap:wrap;width: 100%;} .filter-color {width: 45px;margin-right:2px;height: 45px;position: relative;} .filter-color input {position: absolute;left:0;top:0;width: 100%;height: 100%;border:none;margin:0;padding: 0;opacity:0} .filter-color.checked:before {position: absolute;right: 0;top:0;font-family: var(--fa-style-family,"Font Awesome 6 Free"); content: "\f00c"; background: rgba(255,255,255, .5);width: 100%;line-height: 45px;text-align: center;} .category-children{width: 100%;display: flex;margin-bottom: 20px;flex-wrap: wrap} .category-children a{width: 20%;padding: 10px;border:1px solid #f0f0f0;margin-right: -1px;margin-bottom: -1px;transition: .2s} .category-children a:hover{box-shadow: 0 0 10px rgba(0,0,0, .3);} .category-children a span{display: block;font-weight: 600;color:#111;text-align: center} .category-children a div {display: block;margin-bottom: 10px;width:100%;position: relative} .category-children a div:after{content:'';display: block;width: 100%;padding-bottom: 60%;} .category-children a img {width: 100%;height: 100%;left:0;top:0;position: absolute;object-fit: contain} .category-actions{display: flex;width: 100%;justify-content: space-between;margin-bottom: 20px;align-items: center} .category-sorts a:not(:last-child){margin-right: 10px} .category-sorts a{color:#999;font-size: 13px} .category-sorts a:hover, .category-sorts a.active{color:#111} .sort-asc, .sort-desc {position: relative;} .sort-asc:after, .sort-desc:after {font-family: var(--fa-style-family,"Font Awesome 6 Free");font-style: normal; font-weight: 900;} .sort-asc:after {content:'\f106';} .sort-desc:after {content: '\f107';} .category__count-items{display: flex;font-size: 13px;color:#666;align-items: center} .category__count-items select {margin:0 5px;font-size: 13px;border:1px solid #ddd;padding: 5px 10px; border-radius: var(--element-border-radius); } ul.pagination {list-style: none;padding: 0;width: 100%;margin: 20px 0;display: flex;flex-wrap: wrap} ul.pagination > li:first-child{margin-left: auto} ul.pagination > li:last-child{margin-right: auto} #load-more-products-btn {position: relative;text-align: center;margin:20px 0 0 0;color:#111;left:50%;transform: translateX(-50%);transition: .2s} #load-more-products-btn i {margin-right: 10px;color:COLOR_SITE;} #load-more-products-btn:hover {background: #dfdfdf;} #load-more-products-btn:hover i {animation: fa-spin 1.5s infinite linear;} #load-more-products-btn i.fa-spin {animation: fa-spin 1.5s infinite linear;} .pagination li{width: 34px;margin-right: -1px;} .pagination li a{display:block;position: relative;width: 34px;line-height: 32px;text-align: center;text-decoration: none;background-color: #ffffff;border: 1px solid #EFEFEF;color:#333;} .category-mobile__actions{display: none} .pagination li.active a, .pagination li:hover a{background: COLOR_SITE;color: #ffffff; border-color: COLOR_SITE;} .category_content{width: 100%;margin-bottom: 20px;color:#111;text-align: justify} .product-right .files-body {float: left; width: 100%; margin-top: 10px} .product-right .files {float: left; width: 100%;} .product-right .files a {margin: 0;width: 50%;float: left;padding: 10px;box-sizing: border-box;line-height: 35px; text-decoration: underline; color: #1d2029} .category-right .files a:hover {text-decoration: none} .category__quick-links {margin-bottom: 20px;} .category__quick-link {margin: 0 5px; overflow: hidden;} .category__quick-links ul {display: grid; grid-template-columns: repeat(5, 1fr); grid-gap: 10px 0; list-style: none;} .category__quick-link a {display: block; padding: 10px; border-radius: var(--element-border-radius); border: 1px solid COLOR_SITE; text-align: center; color: #111; transition: .3s; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;} .category__quick-link a:hover, .category__quick-link.active a {background: COLOR_SITE; color: TEXT_SITE;} .category__quick-link.active a:hover {background: COLOR_SITEdf;} .main-page__products {margin-top: 30px;} .files {margin-bottom: 20px;width: 100%;} .files-body {display: flex;flex-wrap: wrap} .files .icon {width: 45px;height: 35px;display: inline-block;} .files .icon.pdf {background: url("DOMAIN/media/images/docs_types.png") 0 0 no-repeat;} .files .icon.doc {background: url("DOMAIN/media/images/docs_types.png") 0 -55px no-repeat;} .files .icon.jpg {background: url("DOMAIN/media/images/docs_types.png") 0 -110px no-repeat;} .files .icon.png {background: url("DOMAIN/media/images/docs_types.png") 0 -165px no-repeat;} .files .icon.ptt {background: url("DOMAIN/media/images/docs_types.png") 0 -220px no-repeat;} .files .icon.txt {background: url("DOMAIN/media/images/docs_types.png") 0 -275px no-repeat;} .files .icon.tif {background: url("DOMAIN/media/images/docs_types.png") 0 -330px no-repeat;} .files .icon.xls {background: url("DOMAIN/media/images/docs_types.png") 0 -385px no-repeat;} .files-body a {margin:0 10px 10px 0; color: #1d2029; line-height: 35px;display: flex;align-items: center;flex-wrap: wrap;padding: 5px;transition: var(--general-transition, .3s)} .files-body a:hover {text-decoration: none;box-shadow: 0 0 10px rgba(0,0,0, .3);} .files-body a:hover span {text-decoration: none} .files-body a p {margin:5px 0 0 0;padding: 0;width: 100%;line-height: 1;font-size: 13px} .files-body .filename {text-decoration: underline} .filecovered {width:25%;box-sizing: border-box;padding:10px;border:1px solid #f2f2f2} .filecovered div{width:100%;position: relative;} .filecovered div:after{width:100%;display: block;content:'';padding-bottom: 100%;} .filecovered img {width:100%;height: 100%;position: absolute;left:0;top:0;object-fit: contain} .filecovered span {width:100%;line-height: 2;display: block} .filecovered p {width:100%;text-decoration: none;margin:7px 0 0 0;padding:0;font-size:13px;color:#666;line-height: 1;display: block} .product-item__block {width: 100%;display: flex;align-items: flex-start} .no-visible{display: none} .product-item__block .category-right{border:1px solid #f0f0f0;display: flex;flex-wrap: wrap;margin-bottom: 20px} .product-left {width: 50%;position: relative;padding: 10px} .product-left .item-share{left:10px;top:10px;z-index: 1} .product-left .catalog-product-additinal{right:20px;top:20px;z-index: 1} .product-left .item-share span{font-size: 14px} .product-left .swiper-slide > * {display: inline-block;position: relative;width: 100%} .product-left .swiper-slide > *:after {content:'';display: block;width: 100%;padding-bottom: 100%;} .product-left .swiper-slide > * img {width:100%;height: 100%;position: absolute;left:0;top:0;object-fit: contain} .product-right{width: 50%;padding:10px 10px 10px 30px} .product-brand{width: 100%;display: flex;margin-bottom: 10px} .product-brand a {margin-left: auto} .product-brand a img {max-width: 300px;display: block; max-height: 150px;} .product-description {width: 100%;color:#666;font-size: 13px} .product-description #btn-more {margin-top:5px;text-decoration: underline;display: inline-block} .product-description #btn-more:hover {text-decoration: none} .product-right .item-art {color:#666;margin-top:15px} .product-right .product-actions{margin-top:15px;} .product-right .product-price {display: flex;flex-wrap: wrap;align-items: flex-end} .product-right .product-price span {line-height: 1} .product-right .product-price .price-new {color:#df0000;font-weight: 600;margin-right: 10px;font-size: 30px} .product-right .product-price .price-old {color:#666;font-weight: 300;font-size: 24px;text-decoration: line-through;} .product-right .product-price .price-normal {color:#111;font-size: 24px;font-weight: 600} .product-right .price-economy {margin:10px 0 0 10px;display: inline-block} .price-economy span, .price-economy{ color: #111; background: #ffd02e;padding: 0 5px;display: inline-block} .product-right .product-av{width: 100%;margin-top:15px} .product-right .product-av .product-aviability {margin-right: 20px} .product-right .noin-stock{color:#666;} .product-right .found-cheaper {color:#999;border-bottom: 1px dotted #999; background: none;} .product-right .found-cheaper:hover {color:#111;border-bottom-color: transparent} .product-right .product-basket {margin-top: 20px;display: flex; align-items: center;} .product-right .product-price .no-price{font-size: 16px;margin-right: 10px;} .product-right .product-price .no-price + .get-price {font-size: 14px;align-self: flex-end;color:COLOR_SITE;text-decoration: underline; background: none;} .product-right .product-price .no-price + .get-price:hover {text-decoration: none} .product-basket #in-click{padding: 8px 15px;font-size: 14px;background: #f0f0f0;border-radius: var(--element-border-radius);color:#111;display: inline-block;transition: var(--general-transition, .3s)} .product-basket #in-click:hover{background: #bbb;} .product-right .product-count{margin-right: 10px;width: 121px;background: #F3F3F5;display: flex;border-radius: 3px;} .product-right .product-count a, .product-right .product-count a i {width: 28px;line-height: 37px; text-align: center; font-size: 14px;flex-shrink: 0;color:#999} .product-right .product-count a:hover {background: #dfdfdf} .product-right .product-count a:hover i {color:#111;} .product-right .product-count input{width: 100%; height: 37px; font-size: 18px;background: #f3f3f5;text-align: center} .product-right .product-basket #add-to-cart{background: COLOR_SITE;color:TEXT_SITE;padding: 11px 15px 12px 15px;font-size: 14px;margin-right: 10px;display: inline-block;transition: .2s;border-radius: var(--element-border-radius); text-align: center; line-height: 1;} .product-right .product-basket #add-to-cart:hover{background: #333;color:#fff;} .product-actions .catalog-item__actions {margin-top: 0; justify-content: flex-start; align-items: center;} .product-actions .catalog-item__counter {width: 110px;} .product-share {margin-top:20px;font-size: 16px;padding: 15px;border-radius: 5px;background: #f0f0f0} .product-share strong {color:#df0000;margin-right: 10px;font-weight: bold} .only-in-complect {width: 100%;display: inline-block;color:#333;font-weight: bold} .only-in-complect i{margin-right: 2px;position: relative;top:1px} .product-sizes, .product-colors{margin-top:20px;} .product-sizes .h2, .product-colors .h2 {width: 100%;margin-bottom: 5px;display: block;font-size: 14px;font-weight: 500} .line-size{position: relative;margin:0 5px 5px 0;display: inline-block;background: #fff} .line-size input {position: absolute;left:0;top:0;width: 100%;height: 100%;border-radius:0;margin:0;padding: 0;opacity:0;cursor: pointer;} .line-size span {display: inline-block} .line-size span:nth-child(2) {font-size: 13px;padding: 5px 10px;border-radius:3px;color:#666;border:1px solid #666;} .line-size input:checked + span {background: COLOR_SITE;color:#fff;border:1px solid COLOR_SITE;} .line-size input:not(:checked):hover + span {border:1px solid COLOR_SITE;color:COLOR_SITE} .product-colors a{width: 20px;margin-right: 5px;height: 20px;margin-top:2px;display: inline-block;border:2px solid #ddd;} .product-colors a.active {width: 20px;height: 20px;margin-top:0} .product-colors a img {width: 100%;display: inline-block} .product-colors a.active {border-color:#999;} .product-left .mySwiper_thumbs .swiper-slide:after{content:unset} .product-slider{width: 100%;} .product-left .swiper-button-next, .product-left .swiper-button-prev {width: 40px;} .product-left .swiper-button-next:after{padding-left: 4px} .product-left .swiper-button-prev:after{padding-right: 4px} .product-left .swiper-button-next:after, .product-left .swiper-button-prev:after {background: #fff;border-radius: 50px;font-size: 26px;width: 40px;line-height: 40px;text-align: center} .product-left .swiper-button-next:hover:after, .product-left .swiper-button-prev:hover:after {background:COLOR_SITE;color:TEXT_SITE} .product-left .mySwiper_thumbs .swiper-slide a:after{padding-bottom: 50%} .product-right > *:first-child{margin-top: 0} .product-left__images {width: 100%;margin-top: 10px; display: grid; grid-gap: 10px; grid-template-columns: repeat(5, 1fr);} .product-left__images a{width: 100%;position: relative} .one-image {width: 100%;position: relative;display: block} .product-left__images a:after{content:'';display: block;width: 100%;padding-bottom: 50%;} .one-image:after{content:'';display: block;width: 100%;padding-bottom: 100%;} .product-left__images a img, .one-image img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: contain} .products-tabs{width: 100%;padding: 10px} .header-tabs {display: flex;width: 100%;margin-bottom:10px;border-bottom:1px solid #F2F2F2;overflow-y: hidden;overflow-x: auto} .header-tabs::-webkit-scrollbar {height: 4px} .header-tabs::-webkit-scrollbar-thumb {background: #999} .header-tabs::-webkit-scrollbar-thumb:hover {background: COLOR_SITE} .header-tabs a{padding: 17px 25px 18px 25px;margin-right: -1px;position: relative;font-weight: 600;font-size: 14px;border-left:1px solid #F2F2F2;border-top:1px solid #F2F2F2;border-right: 1px solid #F2F2F2;background: #f9f9fa;color:#111;white-space: nowrap} .header-tabs a.active:before {position: absolute;left:0;top:0;width: 100%;height: 2px;content:'';background: COLOR_SITE;} .header-tabs a.active:after {position: absolute;left:0;bottom:-1px;width: 100%;height: 1px;content:'';background: #fff;} .header-tabs a.active {background: #fff;color:COLOR_SITE} .header-tabs a:hover{background: #fff;color:COLOR_SITE} .main-tabs {width: 100%;padding: 10px} .main-tabs > div {display:none;width: 100%; box-sizing: border-box} .main-tabs > div.active {display:block;} .main-tabs .h3 {width: 100%;padding: 0;margin:0 0 5px 0;font-weight: 600;font-size: 16px;display: block} .main-options table {width: 100%;border-collapse: collapse;} .main-options table td {width: 50%;padding: 10px 0;} .main-options table td:first-child {padding-right: 5px;} .main-options table td:last-child {font-weight: bold;} .main-options table tr:not(:last-child) td{border-bottom: 1px solid #ddd} .main-question{display: flex} .main-question-left {width: 20%;font-size: 13px;} .main-question-right {width: 75%;margin-left:5%;} .main-question-right form {width: 100%;margin-top:15px;display: flex;flex-wrap: wrap} .main-question-right form em{font-style: normal;color:#df0000} .main-question-textarea.input-wrapper {width: 50%;} .main-question-textarea span {display: block;width: 100%;margin-bottom: 5px;font-size:13px;} .main-question-textarea textarea {flex-grow: 1;} .main-question-inputs.inputs-wrapper {width: 45%;margin-left:5%;} .main-question-inputs.inputs-wrapper > * + * {margin-top: 10px;} .input-confirm {width: 100%;line-height: 17px;font-size: 12px;margin-top: 10px;display: flex;align-items: center} .input-confirm input {border-radius:3px;float:left;width: 14px;margin-right: 7px;background: #ddd;height: 14px;border:1px solid #ddd;flex-shrink: 0;position: relative} .input-confirm input:checked {border-color:COLOR_SITE} .input-confirm input:checked:after {position: absolute;left:1px;top:1px;width: 10px;height: 10px;background: COLOR_SITE;content:'';} .input-confirm a{color:COLOR_SITE;text-decoration: underline} .input-confirm a:hover{text-decoration: none} .main-question-right input[type=submit]{float:left;margin-top:20px;padding: 8px 30px;border:none;border-radius:2px;cursor: pointer;background: COLOR_SITE;color:TEXT_SITE} .main-question-right a {color: COLOR_SITE;} .main-question-right a:hover {text-decoration: underline;} .not-auth-review {padding: 20px 0} .not-auth-review a{color:COLOR_SITE;text-decoration: underline} .main-reviews {width: 100%;display: flex;flex-direction: column} .review-rate{width: 100%;display: flex} .review-rate a{width:30px;height:20px; color:#faa605;position: relative; font-size: 20px;} .review-rate a:before {font-family: var(--fa-style-family,"Font Awesome 6 Free");position: absolute;left:0;top:0;width: 100%;line-height: 20px;text-align: center} .review-rate a:before, .review-rate a:hover:before {content: "\f005"; font-weight: 900;} .review {width:100%; position: relative; margin-bottom: -1px; transition: var(--general-transition, .3s)} .review-rate .active ~ a:before { font-weight: normal;} .review-rate a:hover ~ a:before{font-weight: normal !important;} .review-rate a:hover:before {content: "\f005" !important; font-weight: 900;} .review-form-line {width: 100%;margin-bottom: 10px} .review-form .review-form-line span {width: 100%;margin-bottom: 3px;display: block} .review-form span em{color:#df0000;font-style: normal} .review-form-line input {border-radius:2px;width:100%;padding: 5px 10px;border: 1px solid #f0f0f0;background: #f0f0f0;transition: .2s} .review-form-line textarea {border-radius:2px;width:100%;padding: 5px 10px;resize: none;height: 100px;border: 1px solid #f0f0f0;background: #f0f0f0;transition: .2s} .review-form-line input:focus, .review-form-line textarea:focus{background: #fff;border-color:#dfdfdf} .review-form .h4 {width: 100%;margin: 0 0 20px 0;font-size: 18px;display: block} .review-form {width: 50%;background: none;margin-top: 20px} .main-reviews .review-form:first-child{margin-top: 0} .review-form-success {width: 50%;padding: 10px;text-align: center;display: none;color: #0f5132; background-color: #d1e7dd; border-color: #badbcc;margin-top: 20px} .product-review {width: 100%;border-bottom: 1px solid #ddd;margin-bottom: 10px;display: flex; padding: 10px 0} .product-review__left {display: flex; flex-direction: column; width: 50%} .product-review__right {display: flex; width: 48%; margin-left: 2%} .product-review__images {display: flex; flex-wrap: wrap; gap: 20px; width: 100%} .product-review__images > a {width: calc(100%/5 - 20px); position: relative;} .product-review__images > a:before {content: ''; display: block; width: 100%; padding-bottom: 100%;} .product-review__images > a > img {position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;} .product-review-info {width: 100%;} .product-review-info span{padding-right: 5px;} .product-review-info span:first-child{font-weight: 600;font-size: 14px;line-height: 16px} .product-review-info span:last-child{margin-top:2px;line-height: 13px;color:#999;font-size: 12px} .product-review-rate {width: 100%} .product-review-rate i {color:#faa605;} .review-content {width: 100%;margin:0;padding:0;} .reviews-send-success {background: rgba(19,137,0, .1);border:1px solid rgba(19,137,0, .2);border-radius:2px;padding:12px;width:100%;display: block;margin-bottom: 10px} .reviews-send-success i {color:#138900} .table {width: 100%;overflow-x: auto;overflow-y: visible;} .table table{border-collapse: collapse} .table table td{padding: 5px;} .main-complects{display: block;width: 100%;} #complect{display: block;width: 100%} .complect-item{padding: 10px 0;display: flex;align-items: center} .complect-item:not(:last-child){border-bottom: 1px solid #dfdfdf} .complect-item__image {width: 10%;position: relative;flex-shrink: 0;} .complect-item__image:after{content:'';display: block;width: 100%;padding-bottom: 100%;} .complect-item__image img {position: absolute;left:0;top:0;width: 100%;height: 100%;object-fit: contain} .complect-item__info {width: 100%;padding: 0 20px} .complect-item__info span {font-size: 16px;font-weight: 600;margin-bottom: 10px;display: block;} .complect-item__info p {width: 100%;} .complect-item__actions {flex-shrink: 0;display: flex;flex-direction: column;max-width: 30%;align-self: center} .complect-item__actions .product-sizes, .complect-item__actions .product-colors{margin-top: 10px} .complect-item__actions .product-sizes .line-size span:last-child{display: none} .complect-item__actions .price_complect{width: 100%;display: block;font-size: 18px;font-weight: 600;} .add_complect {padding: 5px 15px;background: COLOR_SITE;color:TEXT_SITE;text-align: center;border-radius: 3px;width: 140px;font-size: 13px;transition: .2s;margin-left: 20px} .add_complect:hover {background: #333;color:#fff;} #card_info .complect_description{display: none} div#complect div#card_info {position: fixed;bottom: 0;right: 0;background: #fff;width: 100%;max-width:700px;height: 270px;overflow-x: scroll;padding: 20px;margin: 0; display: none;z-index: 20;box-shadow: -5px -5px 15px rgba(0,0,0, .3);border-radius: 3px 3px 0 0} div#complect div#card_info ul li .name_complect {width: 40%} div#complect div#card_info ul li .price_complect {width: 44%} div#complect div#card_info .addCart {padding: 7px 15px;background: COLOR_SITE;color:TEXT_SITE;font-size: 13px;border-radius: 3px;float:left;} div#complect div#card_info .addCart:hover {background: #333;color:#fff;} div#complect div#card_info h3 {width: 100%;float:left;font-weight: 600;font-size: 16px;margin: 0 0 20px 0;padding: 0} #complect-box {float:left;margin-top: 10px;padding-top: 10px;border-top: 1px solid #dfdfdf;} #complect-box .remove_complect{flex-shrink: 0;margin-left: 10px;border-radius: 50px} #complect-box .remove_complect:hover{background: #333;color:#fff;} .remove_complect i {width: 30px;line-height: 30px;text-align: center;border-radius: 50px} .card-info-show {position: fixed;right: 70px;bottom: 0; z-index: 12; display: none} .card-info-show a{padding: 8px 25px;border-radius: 3px 3px 0 0;display: inline-block} .card-info-show a:hover{background: #333;color:#fff;} .hide-card-info {float: right;background: #dfdfdf;padding: 7px 15px;color:#666;border-radius: 3px;font-size: 13px;} .hide-card-info:hover {background: #aaa;color:#000} .complect_add {padding: 7px 15px;display: inline-block;margin-bottom: 20px;border-radius: 3px;transition: .2s} .complect_add:hover {background: #333;color:#fff;} .buy-extra-tabs{display: block;width: 100%;margin-top: 40px;} .buy-header-tabs {width: 100%;display: flex;margin-bottom: 10px} .buy-extra-tabs .buy-change-tab {padding-bottom: 5px;font-size: 16px;font-weight: 600;margin-right: 20px;color:#666;} .buy-extra-tabs .buy-change-tab.active {border-bottom:2px solid COLOR_SITE;color:#111;} .buy-extra-tabs .buy-change-tab:not(.active):hover {color:#111;transition: .2s} .buy-main-tabs{display: block;width: 100%;margin-top: 15px} .buy-main-tabs > * {display: flex;flex-wrap: wrap;width: 100%;} .buy-main-tabs .catalog-products{width: 100%} .buy-main-tabs > *:not(.active){display: none} .news-list {width: 100%;display: grid; grid-template-columns: repeat(3, 1fr); grid-gap: 15px;} .news-list__item {width: 100%;padding: 15px;border:1px solid #f0f0f0;margin-right: -1px;margin-bottom: -1px; border-radius: var(--item-border-radius);} .news-list__image {display: block;position: relative;width: 100%;overflow: hidden} .news-list__image:after{content:'';display: block;padding-bottom: 50%;width: 100%} .news-list__image img {transition: .2s} .news-list__image:hover img {left:-2%;top:-2%;width: 104%;height: 104%;} .hover-new{position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0, .7);z-index:1;opacity: 0;transition: .2s} .hover-new i{position: absolute;left:50%;top:50%;transform: translate(-50%,-50%);color:#fff;font-size: 24px;} .news-list__image:hover .hover-new {opacity: 1} .news-list__item > a:nth-child(2){margin:10px 0;color:#111;font-size: 16px;font-weight: 600;display: inline-block} .news-list__item > a:nth-child(2):hover{color:COLOR_SITE;} .news-list__item p{display: block;width: 100%;color:#666;font-size: 13px} .date-new {display: block;margin-top:15px;padding-top: 15px;color: #777;font-size: 13px;} .date-new a{float:right;color:COLOR_SITE;text-decoration: underline} .date-new a:hover{text-decoration: none} .general-page{margin-bottom: 20px} .general-page__wrapper{display: flex} .left-side {width: 18%;flex-shrink: 0} .questions-left {width: 18%;flex-shrink: 0} .questions-left .left-side{width: 100%} /*форма подписаться*/ .form-subscribe {width: 100%;padding: 20px;border-radius: 2px;position: relative;display: block} .form-subscribe:before{ content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url('DOMAIN/media/img/mail.png') 113px 17px no-repeat; display: block; opacity: 0.2;z-index: 1;} .form-subscribe strong, .form-subscribe p , .form-subscribe div {position: relative;z-index: 2;float:left;width: 100%;} .form-subscribe strong {font-size: 16px;padding: 0;margin:0} .form-subscribe p {font-size: 13px;padding: 10px 0;margin:0} .form-subscribe div input {float:left;width:72%;height: 32px;border:none;border-radius:2px 0 0 2px;padding: 0 5%;outline:none} .form-subscribe div a{float:left;width: 18%;height: 32px;line-height: 32px;background-image: url('DOMAIN/media/img/icons.png');background-position: -245px -332px; background-repeat:no-repeat;border-radius:0 2px 2px 0;} .form-subscribe {background: COLOR_SITE;} .form-subscribe:before{ background: url('DOMAIN/media/img/mail.png') 113px 17px no-repeat;} .form-subscribe strong {color:#fff;} .form-subscribe p {color:#ddd;} .form-subscribe div a{background-image: url('DOMAIN/media/img/icons.png'); background-color: #dfdfdf;} /**/ .form-question-dop {background: #fbfbfb;border:1px solid #f5f5f5;width: 100%; text-align: center;margin-bottom:20px;padding: 15px; border-radius: var(--item-border-radius);} .form-question-dop-icon {width: 100%;background: url('DOMAIN/media/img/question_icon.png') center center no-repeat;display: block} .form-question-dop-icon:after{content:'';display: block;width: 100%;padding-bottom: 50%} .form-question-dop p {width: 100%;margin:0;padding: 0;display: block} .form-question-dop .btn {margin-top: 20px;} .left-side-news {width: 100%;padding:0;display: block;border:1px solid #ddd; border-radius: var(--item-border-radius); overflow: hidden; margin-bottom: 20px;} .left-side-news div{width: 100%;padding: 10px;position: relative;} .left-side-news div:first-child{display: flex;justify-content: space-between;align-items: flex-end;padding:20px 10px } .left-side-news div:first-child span{font-weight: 600;font-size: 18px;line-height: 18px;color:#111;} .left-side-news div:first-child a{font-size: 14px;text-decoration: none;line-height: 14px;color:COLOR_SITE} .left-side-news div:not(:first-child) span{font-size:12px;width: 100%;margin-bottom:10px;display: block;color:#777;} .left-side-news div:not(:first-child) a{font-size:14px;text-decoration: none;font-weight: 500;display: inline-block;color:#111;} .left-side-news div:not(:first-child):before{content:'';position: absolute;left:0;bottom:0;width: 3px;height: 0;transition: var(--general-transition, .3s)} .left-side-news div:not(:first-child):hover:before{height: 100%;} .left-side-news div:not(:first-child):not(:last-child){border-bottom:1px solid #ddd;} .left-side-news div:not(:first-child):hover a{color:COLOR_SITE;} .left-side-news div:not(:first-child):before{background: COLOR_SITE;} .service-content, .right-side {width: 80%;margin-left: 2%} .item-content {width: 100%;display: block} .item-content p {display: block;width: 100%;padding: 5px 0;} .parent-pages{display: block;margin:15px 0;width: 100%} .parent-pages a {display: inline-block;color:#333;} .parent-pages a:hover{color:COLOR_SITE} .review-send-block{width: 100%;display: block} #review-send-add{width: 100%;color:#111} #review-send-add a {color:COLOR_SITE;text-decoration: underline} .review-send {color:COLOR_SITE;text-decoration: underline; cursor: pointer; background: none;} .contacts-wrapper{display: flex;width: 100%;} .contacts__left{width: 25%;flex-shrink: 0;margin-right: 5%} .map{width: 70%;margin-left: 20px} .cont_item{width: 100%;display: flex;align-items: flex-start} .cont_item:not(:last-child){margin-bottom: 20px} .cont_item > i {width:50px;line-height: 50px;flex-shrink: 0;text-align: center;background: COLOR_SITE;color:TEXT_SITE;border-radius: 50px;font-size: 16px} .cont_item > div {width: 100%;margin-left: 20px;} .cont_item > div > span {display: block;width: 100%; color: #2f383d;font-size: 16px; margin-bottom: 3px;} .cont_item > div > p {display: block;width: 100%; color: #555555;font-size: 14px} .cont_item .phone{display: block;width: 100%;} .cont_item .phone:not(:last-child){margin-bottom: 10px;} .cont_item .phone > div {display: flex;align-items: center} .cont_item .phone > div > a, .email-item a{color:#111;font-weight: 600} .cont_item .phone > span, .email-item span{color:#666;font-size: 13px;line-height: 1} .email-item {width: 100%;display: flex;flex-direction: column} .cont_item a:hover{color:COLOR_SITE !important;text-decoration: underline;} .question_form {width: 100%;padding: 25px;background: url('DOMAIN/media/img/background.png') #eaf0f2 0 0 no-repeat;display: block;margin-top: 20px; border-radius: var(--item-border-radius);} .contacts-form-success {flex-direction: column; align-items: center;} .question_form .contacts-form-success > div i { width: 50px; line-height: 50px; text-align: center; font-size: 26px; float: left; margin-right: 20px; background: #229416; color: #fff; } .question_form .contacts-form-success > div { float: left; width: 50% !important; margin-left: 30% !important; margin-right: 20% !important; } .question_form .contacts-form-success .btn { margin-top: 20px; } .question_form .contacts-form-success > div span, .contacts-form-success > div p { float: left; width: auto !important; max-width: calc(100% - 70px); line-height: 1 !important; margin: 0 !important; } .question_form .contacts-form-success > div p { padding: 0 !important; margin: 20px 0 0 0 !important; } .question_form > div {width: 100%;display: flex; flex-wrap: wrap;} .question_form > div > div {width: 33.333%} .question_form > div >div:first-child span{width: 100%; font-size: 26px; line-height: 30px; margin-bottom: 13px;display: flex} .question_form > div > div:first-child p{width: 100%; font-size: 13px; padding-right: 5%;display: block} .question_form > div > .error-question_form {width: 100%; text-align: right; color: #df0000;} .question_form .inputs-wrapper > * + * {margin-top: 10px;} .question_form > div > div:last-child {padding-left: 20px;} .question_form > div [data-name="message"], .question_form > div [name="message"] {flex-grow: 1;} .form_item {display: block;width: 100%;position: relative;} .form_item span {display: block;width: 100%;font-size: 13px;line-height: 30px;color:#111} .form_item span strong {color:#df0000;font-style: normal} .form_item input {display: block;width: 90%;padding: 7px 7px;position: relative;} .form_item textarea {display:block;width: 90%;resize:none;padding: 7px 7px;height:172px} .form_item input:focus, .form_item textarea:focus {box-shadow: 0 0 10px rgba(0,0,0, .3);} .block-flex {width: 100%;display: flex} .service-line {display: flex;flex-direction: column} .service-line > * + * {margin-top: 10px;} .service-line .service-item {display: flex;width: 100%;align-items: center;transition: var(--general-transition, .3s);padding: 10px; border-radius: var(--item-border-radius); border: 1px solid #f0f0f0;} .service-line .service-item:hover{box-shadow: 0 0 10px rgba(0,0,0, .2);} .service-line .service-item > a:first-child{width: 20%;position: relative;overflow: hidden} .service-line .service-item > a:first-child:after{content:'';display: block;width: 100%;padding-bottom: 100%;} .service-line .service-item > a:first-child:before{content:'';width: 100%;height: 100%;position: absolute;z-index: 1;background: rgba(0,0,0, .6);opacity: 0;transition: .2s} .service-line .service-item > a:first-child:hover:before{opacity: 1} .service-line .service-item > a:first-child img{transition: .2s;} .service-line .service-item > a:first-child:hover img{width: 102%;height: 102%;left:-1%;top:-1%} .service-line .service-item > div{width: 80%;padding-left: 30px} .service-line .service-item > div > *{display: inline-block;} .service-item__name {color: #111;font-weight: 600;font-size: 16px} .service-item__name:hover {color:COLOR_SITE;} .service-item__description {width: 100%;margin: 10px 0 30px 0;color:#666;} .service-item__link {color:COLOR_SITE;text-decoration: underline} .service-item__link:hover{text-decoration: none} .service-block-view{display: flex;flex-wrap: wrap;width: 100%} .service-item-block {width: 33.333%;padding: 10px;border: 1px solid #f0f0f0;display: flex;flex-direction: column;margin-right: -1px;margin-bottom: -1px} .service-item-block > a:first-child {width: 100%;display: block;position: relative;overflow: hidden} .service-item-block > a:first-child:after{content:'';display: block;width: 100%;padding-bottom: 60%;} .service-item-block > a:first-child:before{content:'';width: 100%;height: 100%;position: absolute;z-index: 1;background: rgba(0,0,0, .6);opacity: 0;transition: .2s} .service-item-block > a:first-child:hover:before{opacity: 1} .service-item-block > a:first-child img{transition: .2s;} .service-item-block > a:first-child:hover img{width: 102%;height: 102%;left:-1%;top:-1%} .service-item-block >a:nth-child(2){margin-top: 10px} .service-item-block .service-item__link{margin-top: auto} .review-item {width: 100%;display: flex;align-items: flex-start;margin-top: 10px;border:1px solid #f0f0f0; padding: 10px; border-radius: var(--item-border-radius);} .review-image{width: 15%;position: relative;flex-shrink: 0;} .review-image:after{content:'';width: 100%;display: block;padding-bottom: 100%;} .review-item__content {margin-left: 20px} .review-item__content .review-title {display: block;font-weight: 600;} .review-item__content .date-review {display: block;font-weight: 400;color:#999;margin:5px 0} .review-item__content .product-review-rate{margin-bottom: 15px;} .review-item__content .review-content{color:#333;} .list-group {width: 100%;display: block;margin-bottom: 20px; border-radius: var(--item-border-radius); overflow: hidden;} .list-group .list-group-item { padding: 12px;color:#333; background: #f8f8f9; display: block;width: 100%; position: relative;transition: .2s; text-align: left;} .list-group .list-group-item.active{background: COLOR_SITE;color:TEXT_SITE} .list-group .list-group-item:not(.active):hover{background: #dfdfdf;color:#111} .list-group .list-group-item:before {position: absolute;left: 0;top: 0;width: 3px;height: 100%;content: '';z-index: 5;transition: .2s} .list-group .list-group-item:hover:before {background: COLOR_SITE} .panel-group {width: 100%; display: block} .ask-comment {display: block; width:100%; position: relative; background: #fbfbfb;border: 1px solid #f5f5f5; padding: 20px; font-size: 13px; margin-bottom: 20px} .panel .panel-heading .panel-title {margin: 0;font-weight: 600;background: #fbfbfb;transition: .2s} .panel .panel-heading .panel-title:hover {background: #dfdfdf} .panel-group .panel {border-radius: var(--item-border-radius);border: 1px solid #ddd;margin-bottom: 10px;display: block; overflow: hidden;} .panel .panel-heading .panel-title a {text-decoration: none;color: #333;width: 100%;padding: 15px;display: block} .panel-heading:hover .panel-title a {color:#111;} .panel-group .panel-body {width: 100%; position: relative; border-top: 1px solid #ddd; display: block} .panel-body p {margin: 0 !important; padding:15px; width: 100%} .panel .panel-heading {cursor: pointer;} .panel > div:first-child {padding: 0 !important;} .collapse {display: none} .tab-news-wrap{width: 100%;display: flex;flex-wrap: wrap;justify-content: space-between} .tab-news-wrap .new-list{width: 50%;border:1px solid #f0f0f0;margin-right: -1px;margin-bottom: -1px;padding: 10px;display: flex;flex-direction: column} .tab-news-wrap .new-list a:first-child{position: relative;width: 100%;overflow: hidden} .tab-news-wrap .new-list a:first-child:before{content:'';display: block;width: 100%;padding-bottom: 60%;} .tab-news-wrap .new-list a:first-child:after{content:'';width: 100%;height: 100%;position: absolute;left:0;top:0;background: rgba(0,0,0, .6);opacity: 0;transition: .2s} .tab-news-wrap .new-list a:first-child:hover:after{opacity: 1;} .tab-news-wrap .new-list a:first-child:hover img{left:-1%;top:-1%;width: 102%;height: 102%;z-index: 0} .tab-news-wrap .new-list .date-new{margin-top: auto} .tab-news__title{margin:10px 0;font-size: 16px;font-weight: 600;color:#111;transition: .2s} .tab-news__title:hover{color:COLOR_SITE} .tab-news__desc {width: 100%;color:#666;} .tab-services-wrap {display: flex;width: 100%;flex-direction: column} .product-service-item {display: flex;width: 100%;align-items: center} .product-service-item:not(:last-child){margin-bottom: 10px;padding-bottom: 10px;border-bottom: 1px solid #f0f0f0} .product-service-item__image {width: 20%;position: relative;overflow: hidden} .product-service-item__image:before{content:'';width: 100%;padding-bottom: 100%;display: block} .product-service-item__image:after{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0, .7);transition: .2s;opacity: 0} .product-service-item__image:hover:after{opacity: 1} .product-service-item__image:hover img{left:-1%;top:-1%;width: 102%;height: 102%} .product-service-item__descs {width: 100%;margin-left:30px;} .product-service-item__title {display: inline-block;color:#111;font-size: 16px;font-weight: 600;transition: .2s} .product-service-item__title:hover {color:COLOR_SITE} .product-service-item__desc {margin:5px 0 15px 0;display: block;width: 100%;color:#666;} .product-service-item__more {color:COLOR_SITE;text-decoration: underline;transition: .2s} .product-service-item__more:hover {text-decoration: none;} .bg, .bg2 {position: fixed;width: 100%;height: 100%;background: rgba(0,0,0, .7);z-index: 10000;top: 0;left: 0;} .bg2 {z-index:9998} .modal {position: absolute;top:20px;width:90%;max-width: 400px;left:50%;transform: translateX(-50%);z-index: 10001;box-shadow: 0 0 10px rgba(0,0,0, .6);background: #fff;border-radius: 3px;transition: .2s;max-height: calc(100vh - 40px);overflow-x: hidden;overflow-y: auto} .modal-block {position: fixed;left:0;top:0;z-index: 99999999;width: 100%;height: 100%;background: rgba(0,0,0, .6);opacity: 0;visibility: hidden;transition: .2s} .modal-block.active{opacity: 1;visibility: visible;} .entity-form .modal-block {position: relative; opacity: 1; visibility: visible; background: none;} .entity-form .modal-block .modal {position: relative; top: unset; left: unset; transform: none; box-shadow: none; max-height: none; max-width: none; overflow: visible; width: 100%;} .modal-header {display: block;width: 100%;position: relative;} .modal-header span {display: block;width: 100%;line-height: 1;font-weight: 600;padding: 20px 35px 20px 20px;font-size:20px;border-bottom: 2px solid COLOR_SITE;} .line-strong {display: block;width: 100%;font-weight: bold;padding: 0;font-size: 16px;margin-top:30px;} .modal-header .close-modal {position: absolute;right:5px;top:50%;transform: translateY(-50%);background: none;transition: .2s;border-radius: 50px} .close-modal i{display: block;width: 30px;line-height: 30px;text-align: center;font-size: 20px;color:#111;} .input-confirm span {margin-right: 5px;} .close-modal:hover {background: #ddd;} .modal-content {display: block;width:100%;padding:15px 20px;} .modal-content .line {float:left;width: 100%;margin-bottom:10px;} .modal-content .line span {float:left;width: 100%;margin-bottom: 5px;} .modal-content .line input {float:left;width: 100%;padding: 8px 10px;border-radius:2px;border:1px solid #ccc;background: #f9f9f9;transition: .2s} .modal-content .line textarea {float:left;width: 100%;padding: 8px 10px;border-radius:2px;height: 80px;resize: none;border:1px solid #ccc;background: #f9f9f9;transition: .2s; } .modal-content .line select {width: 100%; border: 1px solid #ccc; padding: 12px; outline: none; appearance: auto;} .modal-content .line input:focus, .modal-content .line textarea:focus{background: #fff;} .modal-content .main-question-confirm {margin:10px 0;} .line-strong {color:#111} .modal-content .line span em {color:#df0000;font-style: normal} .send-modal-form {transition:.2s;background: COLOR_SITE;color:TEXT_SITE;display: inline-block;padding: 8px 25px;border-radius: var(--element-border-radius);} .send-modal-form:hover{background: #222;color:#fff;} .swiper-pagination-bullet {border:1px solid rgba(255,255,255, .6);width: 14px;height: 14px;opacity: 1;position: relative} .swiper-pagination-bullet:after {content:'';background: rgba(255,255,255, .6);width: 10px;height: 10px;opacity: 1;position: absolute;left:1px;top:1px;border-radius: 50px} .swiper-pagination-bullet:not(.swiper-pagination-bullet-active):hover:after {background: rgba(255,255,255, .8)} .swiper-pagination-bullet-active {border-color: COLOR_SITE;background: none} .swiper-pagination-bullet-active:after {background: COLOR_SITE;} .mySwiper .swiper-button-prev:hover, .mySwiper .swiper-button-next:hover{color:COLOR_SITE} .quick-view-form {position: absolute;top: 50px;width: 900px;left: 50%;margin-left: -450px;z-index: 9999; background: #fff;box-shadow: 0 0 10px rgba(0,0,0, .6);border-radius: 3px;} .quick-view-form .modal-header span {border-bottom: 1px solid #f2f2f2;font-weight: normal; padding: 15px; width: 100%} .quick-view-form .quick-col {float: left; padding: 10px; box-sizing: border-box;} .quick-view-form .quick-col:nth-child(1) {width:34%} .quick-view-form .quick-col:nth-child(2) {width:37%;border-right:1px solid #f2f2f2;padding-right:0} .quick-view-form .quick-col:last-child {width:29%} .quick-view-form .product-left__images {flex-wrap: wrap} .quick-view-form .product-left__images a:after{padding-bottom: 100%} .quick-view-form .modal-content {padding: 0; width: 100%; max-height: 500px;} .quick-col.images .zoom-quick {float: left; width: 100%; margin: 0} .quick-col.images .zoom-quick > a:first-child {margin-bottom: 20px} .quick-col.images .zoom-quick > a:first-child img {margin: 0; width: 100%} .quick-view-form .quick-col .overflow {max-height: 440px; overflow-y: auto; overflow-x: hidden; box-sizing: border-box;} .quick-view-form .quick-col .overflow::-webkit-scrollbar {width: 5px;left: -5px;position: relative;float: right;} .quick-view-form .quick-col .overflow::-webkit-scrollbar-track {background: rgba(0,0,0, 0.1);} .quick-view-form .quick-col .overflow::-webkit-scrollbar-thumb {background: rgba(0,0,0, 0.2); } .quick-view-form .quick-col .overflow::-webkit-scrollbar-thumb:hover {background: rgba(0,0,0, 0.2);} .quick-view-form .quick-col.specifications .title {float: left; width: 100%;font-size: 18px;line-height: 24px; margin-bottom: 5px} .quick-view-form .quick-col.specifications .title a {float: left; text-decoration: none; color: #1d2029;margin-bottom:10px} .quick-view-form .quick-col.specifications .product-aviability {} .quick-view-form .quick-col.specifications .found-cheaper {clear:both;margin-top:5px;font-size:13px;float:left;color:#999;border-bottom: 1px dotted #999} .quick-view-form .quick-col.specifications .found-cheaper:hover {color:#111;border-bottom-color:#111} .quick-view-form .quick-col .item-art {margin-top:2px;width: 100%;color:#666;float:left;margin-bottom: 10px} .quick-view-form .quick-col.specifications .quick-rate {float: left; width: 100%; margin-bottom: 5px} .quick-view-form .quick-col.specifications .quick-rate a{float:left;width:20px;height:20px; color:#faa605;position: relative;} .quick-view-form .quick-col.specifications .quick-rate a:before{font-family: var(--fa-style-family,"Font Awesome 6 Free");position: absolute;left:0;top:0;width: 100%;line-height: 20px;} .quick-view-form .quick-col.specifications .quick-rate a:before, .review-rate a:hover:before{content: "\f005"; font-weight: 900;} .quick-view-form .quick-col.specifications .quick-rate .active ~ a:before {font-weight: normal;} .quick-view-form .quick-col.specifications .description {float: left; width: 100%; color: #555;font-size: 13px;padding:10px 0} .quick-view-form .quick-col.specifications .specifications-table {float: left; width: 100%} .quick-view-form .quick-col.specifications .specifications-table table {float: left;width: 95%;border-collapse: collapse; font-size: 13px; color: #333} .quick-view-form .quick-col.specifications .specifications-table .title {font-size: 14px;font-weight: 500;} .quick-view-form .quick-col.specifications .specifications-table table td:first-child {font-weight: 500;} .quick-view-form .quick-col.specifications .specifications-table table td:last-child {font-weight: 500;color:#666;text-align: right;} .quick-view-form .quick-col.specifications .specifications-table table td {border-bottom: 1px dotted #ddd;padding:7px 0;} .quick-view-form .quick-col.price-and-pay .product-basket .product-count {float: left; width: 49%; box-sizing: border-box} .quick-view-form .quick-col.price-and-pay .product-basket #in-click {float: left; width: 100%; margin: 10px 0; box-sizing: border-box;text-align: center; border-radius: var(--element-border-radius);} .quick-view-form .quick-col.price-and-pay .add-to{float: left; width: 100%; line-height: 30px; margin-top: 10px;color:#666;font-size:13px; overflow: hidden;} .quick-view-form .quick-col.price-and-pay .add-to#add-to-cart{width: 110px;text-align: center} .quick-view-form .quick-col.price-and-pay .add-to#add-to-cart:hover{background: #333;} .quick-view-form .quick-col.price-and-pay .add-to:hover{color:#111} .quick-view-form .quick-col.price-and-pay .add-to:not(#add-to-cart)>i {width: 30px; height: 30px; border-radius: 100%; margin-right: 5px; float: left; text-align: center; line-height: 30px} .quick-view-form .quick-col.price-and-pay .add-to:not(#add-to-cart):not(.active)>i:not(.background-site) {color: #555; } .quick-view-form .quick-col.price-and-pay .add-to:not(#add-to-cart).active:hover i, .quick-view-form .quick-col.price-and-pay .add-to:not(#add-to-cart).active:hover i {background: #333; color: #fff} .quick-view-form .quick-col.price-and-pay .price-economy {margin: 10px 0} .quick-view-form .quick-col.price-and-pay .product-price .price-new{font-size:18px;width:100%;color:#df0000} .quick-view-form .quick-col.price-and-pay .product-price .price-old{font-size:13px;margin-left:0;margin-top:0;line-height:13px;text-decoration: line-through} .quick-view-form .quick-col.price-and-pay .product-price .price-normal{font-size:18px;font-weight: 600} .quick-view-form .quick-col.price-and-pay .price-economy{font-size:13px;} .quick-view-form .quick-col.price-and-pay .product-count input{width:40px;height:37px; font-size: 18px;background: #f3f3f5;text-align: center} .quick-view-form .quick-col.price-and-pay .product-count a, .quick-view-form .quick-col.price-and-pay .product-count a i{line-height:35px;font-size:12px} .quick-view-form .quick-col .add-to:not(#add-to-cart).active i {background: COLOR_SITE;color:TEXT_SITE;} .quick-view-form .product-sizes{margin-bottom:10px;margin-top:0} .quick-view-form .product-colors{margin-bottom:10px;margin-top:0} .quick-view-form .product-colors h2, .quick-view-form .product-sizes h2{font-size:13px;color:#333;margin-bottom:5px} .quick-view-form .product-basket{float:left;width: 100%;margin-top:10px;} .quick-view-form .product-basket .product-count a, .quick-view-form .product-basket .product-count a i {width: 28px;line-height: 36px; text-align: center; font-size: 14px;flex-shrink: 0;color:#999} .quick-view-form .product-basket .product-count {display: flex;} .quick-view-form .product-basket .product-count #change-count {background: #f0f0f0} .quick-view-form .product-basket .product-count a#change-count:hover {background: #dfdfdf} .quick-view-form .product-basket .product-count a:hover i {color:#111;} .quick-view-form .product-basket #add-to-cart {padding: 11px 15px 12px 15px; font-size: 14px; margin-right: 10px; display: inline-block; transition: .2s; border-radius: var(--element-border-radius); text-align: center; background: COLOR_SITE; color: TEXT_SITE; margin-top: 0; line-height: 1;} .quick-view-form .product-basket #add-to-cart:hover{background: #333;color:#fff;} .share-page .left-side{order:2} .share-page .right-side{margin-left: 0;margin-right: 2%;} .share-line {display: flex;width: 100%;flex-direction: column} .share-line > * + * {margin-top: 5px;} .share-line .share-item {display: flex;align-items: center;width: 100%; border: 1px solid #dfdfdf; border-radius: var(--item-border-radius); padding: 10px;} .share-line .share-item:not(:last-child) {margin-bottom: 10px;padding-bottom: 10px;} .share-line .share-item >a{width: 20%;position: relative;flex-shrink: 0;overflow: hidden} .share-line .share-item >a:before{width: 100%;display: block;padding-bottom: 100%;content:'';} .share-line .share-item >a:hover img {left:-2%;top:-2%;width: 104%;height: 104%} .share-line .share-item >a:after{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0, .7);transition: .2s;opacity:0 } .share-line .share-item >a:hover:after {opacity: 1} .share-line .share-item >div {width: 80%;padding-left: 20px} .share-title {display: inline-block;color:#111;transition: .2s;font-size: 16px;font-weight: 600} .share-title:hover {color:COLOR_SITE} .share-valid-unter {width: 100%;display: block;margin: 5px 0 15px 0;color:#666;font-size: 12px;} .share-line .share-item .item-content {display: block;width: 100%;font-size: 13px;} .share-btn {margin-top:20px;display: inline-block;color:COLOR_SITE;text-decoration: underline;font-size: 13px; background: none;} .share-btn:hover {text-decoration: none;} /*.compare-head{display: flex;width: 100%;position: relative} .compare-head .clear-compare {transition: .2s; text-decoration: none;padding: 6px 10px; margin-bottom: 10px; font-size: 12px; position: absolute; right: 0; top: 12px; color: #888; border: 1px solid #aaa; background: #fff; border-radius: 3px;} .compare-head .clear-compare:hover{background: COLOR_SITE;color:TEXT_SITE;border-color:COLOR_SITE} .clear-compare:before { content: "\ec35"; float: left;transition: .2s; margin: 0 7px 0px 0px; font-family: 'Linearicons' !important; color:#888 } .clear-compare:hover:before{color:TEXT_SITE} .compare-options-deleted {float:left;width:100%} .show-option {text-decoration: none;display: none; padding: 6px 10px; font-size: 12px; color: #888; border: 1px solid #aaa; border-radius: 3px;float:left;margin:5px} .compare-content {float:left;width:100%;margin-top:20px} .overflow-compare {float:right;width:calc(100% - 242px);overflow:hidden} .overflow-compare table, .compare-options-names table {float:left;border-collapse: collapse;border-spacing: 0;width: 100%} .overflow-compare table td, .compare-options-names table td {width:220px;padding:10px 10px;border:1px solid #fff;position: relative} .compare-products td a:not(.hide-compare-option), .compare-products td span {float:left;width:100%;text-align: center} .compare-products td a.hide-compare-option {top:0;margin-top:0;opacity: 1} .compare-image{width: 100%;position: relative} .compare-image:after{content:'';padding-bottom: 100%;width: 100%;display: block} .compare-products td span { font-size: 18px; font-weight: 700; line-height: 15px;margin-top:15px} .overflow-compare table.compare-options td:first-child {border-left:none} .compare-products td a img {float:left;width:100%} .compare-products td a:nth-child(2) {margin:15px 0;font-weight: 700;text-decoration: none;color:#111} .compare-products td a:nth-child(2):hover {color:#222 !important;} .compare-options tr:hover {background: #f5f5f5;transition: var(--general-transition, .3s)} .overflow-compare table.compare-options td, .compare-options-names table td {border :1px solid #f5f5f5;font-size:13px;padding:15px 10px;line-height: 1} .compare-options-names {float:left;width:242px; margin-bottom: 30px; margin-top: 20px;} .compare-options-names table td{font-weight: 700;color:#333} .compare-options {margin-bottom:30px;margin-top:20px} .compare-options td{color:#666;font-weight: 500} .hide-compare-option {position: absolute;right:10px;top:50%;margin-top:-7px;border-radius: 50%;opacity:0;} tr:hover .hide-compare-option{opacity:1;transition: var(--general-transition, .3s)} .hide-compare-option:before {content: ""; float:left; height: 14px; width: 9px; background: url('DOMAIN/media/img/close.png') -2px -26px no-repeat; vertical-align: middle; margin: 3px 3px 0px 5px;} .hide-compare-option:hover:before {background: url('DOMAIN/media/img/close.png') -22px -26px no-repeat;} .compare-scroll {float:right;width:calc(100% - 242px); overflow-x: auto;margin:30px 0 30px 242px;cursor: pointer; scroll-behavior: smooth;} .scroll-full {height:1px;background: #fff !important;opacity: 1;min-width: 100%} .overflow-compare table tr { position: relative;} .compare-options-names table td {position:relative;font-weight:600;color:#222;} .compare-scroll::-webkit-scrollbar {height: 15px}*/ .compare-block{display: block;width: 100%;overflow-x: auto} .only-differents{display: flex;width: 100%;align-items: center;margin-bottom: 20px} .only-differents > span{font-size: 14px} .right-compare .switch {position: relative; display: inline-block; width:40px; height: 24px;margin-right: 10px;} .switch input { opacity: 0; width: 0; height: 0;} .slider { position: absolute; cursor: pointer; top: 0; left: 0; right: 0; bottom: 0; background-color: #ccc; -webkit-transition: .4s; transition: .4s;} .slider:before { position: absolute; content: ""; height: 20px; width: 20px; left:2px; bottom: 2px; background-color: white; -webkit-transition: .4s; transition: .4s;} input:checked + .slider { background-color: #2196F3;} input:focus + .slider { box-shadow: 0 0 1px #2196F3;} input:checked + .slider:before { -webkit-transform: translateX(16px); -ms-transform: translateX(16px); transform: translateX(16px);} .slider.round { border-radius: 34px;} .slider.round:before { border-radius: 50%;} .compare-block::-webkit-scrollbar {height: 10px} .compare-wrapper {display: flex;width: 100%;} .compare__item {width: 250px;padding: 15px;display: flex;flex-direction: column;position: relative;flex-shrink: 0;border-top:1px solid #dfdfdf} .compare__item .hide-compare-option{position: absolute;right: 5px;top:5px;z-index: 1} .compare__item .hide-compare-option i{display: block;width: 20px;line-height: 20px;border-radius: 50px;color:#111;text-align: center} .compare__item .hide-compare-option i:hover{background: COLOR_SITE;color:TEXT_SITE} .compare__item:not(:last-child) {border-right: 1px solid #dfdfdf;} .compare__image {width: 100%;position: relative;} .compare__image:after{display: block;content:'';width: 100%;padding-bottom: 100%;} .compare__name{width: 100%;margin:10px 0;font-weight: 600;color:#111;} .compare__name:hover{color:COLOR_SITE} .compare__prices{width: 100%;display: flex;align-items: center;margin-top: auto;margin-bottom: 20px} .compare__price{width: 100%;font-weight: 700;font-size: 18px} .compare__prices .add-to-cart {width: 34px;flex-shrink: 0;margin-left: 10px; border-radius: 5px; transition: var(--general-transition, .3s);border: 1px solid #dfdfdf; color:#999;} .compare__prices .add-to-cart i {width: 100%;line-height: 32px;text-align: center;display: block;font-size: 18px;} .compare__prices .add-to-cart:not(.active):hover {background: COLOR_SITE;color:TEXT_SITE;border-color:COLOR_SITE;} .compare__prices .add-to-cart.active {background: #3e9c45; color: #fff;} .compare__options {display: flex;width: 100%;flex-direction: column} .compare__option {width: 100%;padding: 10px 0} .compare__option:not(:last-child){border-bottom: 1px solid #dfdfdf} .compare__option span {width: 100%;display: block;margin-bottom: 5px;color:#666;font-size: 13px;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .compare__option em {width: 100%;display: block;color:#111;font-size: 15px;font-style: normal;white-space: nowrap;overflow: hidden;text-overflow: ellipsis} .favorites-page {width: 100%;display: block} .favorites-page table {width:100%;border-collapse: collapse;display: table;margin-bottom: 20px} .favorites-page th, .cart-table td{padding: 5px;} .cart-table td {border-top:1px solid #f0f0f0} .favorites-page th {font-size: 14px;font-weight: 600;} .favorites-page td:not(:nth-child(2)){text-align: center;} .favorites-page td:first-child {width: 130px;} .favorites-page td:first-child a{display: block;width: 100%;position: relative} .favorites-page td:first-child a:after{content:'';display: block;width: 100%;padding-bottom: 100%;} .favorites-page td:nth-child(2) a{font-weight:600;font-size: 16px;text-decoration: none;color:#111} .favorites-page td:nth-child(2) a:hover{color:COLOR_SITE;} .favorites-page td:nth-child(2) a, .cart-table td:nth-child(3) span {clear:both;float:left;} .favorites-page td:nth-child(3) {font-size: 16px;line-height: 30px;font-weight: 600} .favorites-page td:nth-child(3) span div{width: 16px;height: 16px;float: right;margin-top:7px;margin-left:7px; border: 1px solid #ddd} .favorites-page td:nth-child(4), .cart-table td:nth-child(6) {font-weight: bold;font-size: 15px;} .favorites-page td:last-child{width: 80px;} .favorites-page td:last-child button{text-align: center;font-size: 16px;width: 30px;opacity: 1; border: 0;line-height: 30px;transition: .2s;display: inline-block; background: none;} .favorites-page td:last-child button i{width: inherit;line-height: inherit;text-align: center;;border-radius: 50px;transition: .2s;display: inline-block} .favorites-page td:last-child button:hover i:not(.linearicons-check){background: #dfdfdf} .favorites-page td:last-child button i.linearicons-check {background: #3e9c45;color:#fff;border-radius: 50px} .favorites-page .no-items {display: block;float:none;margin: 40px 0 155px 0} .cart-breads-btn {font-weight:400;font-size: 12px; background: #fff; border: 1px solid #dfdfdf; padding: 5px 10px;transition: .2s;border-radius: var(--element-border-radius);display: inline-block;color:#111; align-self: flex-start;} .cart-breads-btn i {margin-right: 5px} .cart-breads-btn:hover {background: #dfdfdf} .cart-page-block .cart-additional-items {width: 100%;display: flex; border-top: 1px solid #f0f0f0;padding-top: 20px} .cart-page-block .cart-additional-items .total-price-cart{font-size: 20px} .cart-page-block .total-cart {margin-left: auto} .cupon-discount {font-size:14px; text-align: right;color: #bf0000} .cart-page-block .cart-cupons > div {position: relative;display: flex;width: 100%} .cart-page-block .cart-cupons > div .load-ajax-2{position: absolute;left:0;top:0;width:100%;height: 100%;background: rgba(255,255,255, .6);display: none} .cart-page-block .cart-cupons > div .load-ajax-2 i{position: absolute;z-index: 2;width:40px;line-height: 40px;left:50%;top:0;margin-left: -20px;text-align: center;font-size:16px} .cart-page-block .cart-cupons span {display: block;width:100%;margin-bottom: 5px;font-size:14px;} .cart-page-block .cart-cupons input {display: block;width:200px;box-sizing: border-box;border:1px solid #ddd;background: #fff;height:40px;padding:0 5px;outline:none} .cart-page-block .cart-cupons a {width:40px;flex-shrink: 0} .cart-page-block .cart-cupons a i{width:100%;text-align: center;line-height: 40px;font-size:18px;display: block} .cart-page-block .cart-cupons small {font-size:12px;color:#444;margin-top:5px;display: block;width: 100%;} .cart-page-block .cart-cupons small.error {color:#df0000} .cart-page-block .cart-cupons small.success {color:#038910} .total-cart div{padding:5px 0;} .total-cart div span{font-weight:bold} .total-cart-block {display: flex; flex-direction: column; margin-left: auto;} .cart-actions-main {width: 100%;padding: 30px 0;display: flex} .cart-actions-main .cart-action-btn {border-radius:3px;font-weight:600;border: 1px solid;text-decoration: none;padding: 10px 30px;font-size: 14px;text-align: center;transition:.2s} .cart-actions-main .cart-action-btn:first-child {border-radius:3px;font-weight:bold;text-decoration: none;font-size: 14px;text-align: center;transition:.2s;border:1px solid #999;color:#999} .cart-actions-main .cart-action-btn:first-child:hover {border-color: #111;color:#111;} .cart-actions-main .cart-action-btn:not(:first-child) {margin-left:20px} .cart-actions-main .cart-action-btn:nth-child(2) {transition:.2s;margin-left: auto;border:1px solid #dfdfdf;background: #dfdfdf} .cart-actions-main .cart-action-btn:nth-child(2):hover {background: #bbb;border-color: #bbb;color:#111;} .cart-actions-main .cart-action-btn:nth-child(3) {transition:.2s;background: COLOR_SITE;color:TEXT_SITE} .cart-actions-main .cart-action-btn:nth-child(3):hover {background: #333;color:#fff} .cart-less-product {margin-left: auto;} .cart-actions .cart-less-product{min-width:66%;max-width: 67%; text-align: right;} .cart-actions-main .cart-less-product{min-width: 30%} .cart-less-product i.icon-element {height: 40px;width: 40px;background-image:url('DOMAIN/media/img/warn.png');margin-right:10px} .cart-less-product span:nth-child(2) {color:#111;font-weight: 700} .cart-table-list{width: 100%;position: relative;display: block} .cart-table-list .cart-table {width: 100%;display: table;margin: 20px 0;border-collapse: collapse} .cart-table-list .cart-table th {padding: 10px;font-weight: 600;font-size: 15px;background: #f0f0f0} .cart-table-list .cart-table th:first-child {text-align: left} .cart-table-list .cart-table td:first-child {width: 70px;} .cart-table-list .cart-table td:first-child a{display: block;position: relative;width: 100%;} .cart-table-list .cart-table td:first-child a:after{display: block;content:'';width: 100%;padding-bottom: 100%;} .cart-table-list .cart-table td:nth-child(2) a{color:#111;font-weight: 600} .cart-table-list .cart-table td:nth-child(2) a:hover{color:COLOR_SITE} .cart-table-list .cart-table .cart-table__prices span{width: 100%;display: block;text-align: center;font-size: 16px;color:#111;font-weight: 600} .cart-table-list .cart-table .cart-table__prices span.price-sale{color:#df0000;margin-bottom: 5px;} .cart-table-list .cart-table .cart-table__prices span.price-sale + span{color:#666;text-decoration: line-through;font-size: 14px;font-weight: 500} .cart-table-list .cart-colors{display: flex;align-items: center} .cart-table-list .cart-colors span, .cart-table-list .cart-table .cart-sizes span, .cart-table-list .cart-table .cart-sizes strong{font-size: 13px} .cart-table-list .cart-colors div{width: 20px;height: 20px;margin-left: 5px} .cart-table-list .cart-table td:nth-child(3) > div:last-child{margin-top: 5px;} .cart-table-list .cart-table .cart-sizes strong{margin-left: 5px} .cart-table-list .cart__item-count{width: 110px;display: flex;align-items: center;position: relative;left:50%;transform: translateX(-50%)} .cart-table-list .cart__item-count a{width: 30px;flex-shrink: 0} .cart-table-list .cart__item-count a i{width: 100%;line-height: 40px;color:#666;text-align: center;background: #f0f0f0} .cart-table-list .cart__item-count a:hover i{color:#111;background: #dfdfdf} .cart-table-list .cart__item-count input{width: 100%;height: 40px;color:#222;text-align: center;background: #f0f0f0;font-size: 16px} .cart-table-list .prices .item-price {white-space: nowrap;width: 100%; text-align: center;} .cart-table-list .prices .item-price em{display: block;font-style: normal;color:#df0000;font-weight: 500;font-size: 13px} .cart-table-list .prices .item-price span{font-size: 16px} .cart-table-list .delete-item{width: 30px; display: block;} .cart-table-list .delete-item i{width: 30px;line-height: 30px;text-align: center;color:#df0000;border-radius: 50px;display: block} .cart-table-list .delete-item:hover i{background: #df0000;color:#fff;} .cart-table-list .cart-table td:last-child{padding-right: 0} .favorites-page .delete-item i { width: 30px; line-height: 30px; text-align: center; color: #df0000; border-radius: 50px; display: block; } .favorites-page .delete-item {width: 30px; display: inline-block; font-size: 16px;} .favorites-page .delete-item:hover i { background: #df0000; color: #fff; } .load-ajax {position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(255,255,255, .7);display:none} .load-ajax.show-loader {display: block;} .load-ajax i {position: absolute;width: 40px;line-height: 40px;text-align: center;top:50%;left:50%;margin:-20px 0 0 -20px;} .order-form {width: 100%; justify-content: space-between; height: 0; overflow: hidden; transition: var(--general-transition, .3s);} .order-form button[type=submit] {margin:0 auto;border:none;cursor: pointer;padding: 10px 20px;border-radius: 3px;background: COLOR_SITE;color:TEXT_SITE;min-width: 20%} .order-form button[type=submit]:hover {background: #3e9c45;color:#fff;} .order-line {float:left;width: 100%;position: relative;} .order-line:before{content:'';width: 100%;height: 2px;top:50%;margin-top:-1px;position: absolute;} .order-line a{width: 60px;line-height: 60px;text-align:center;font-size: 22px;font-weight: 500;border-radius:50%;float:left;position: relative;z-index: 2;} .order-line div {float:left;width: 33%;} .order-line div a {left:50%;margin-left:-30px} .order-items {width: 100%;display: flex;justify-content: space-between;flex-wrap: wrap;margin-bottom: 20px} .order-items > div {width: 30%} .order-items > div h2{width: 100%;padding: 0;margin:0;text-align: center;font-size: 18px;margin-bottom: 20px;display: block;font-weight: 600} .order-items .step-line{width: 100%;display: flex;position: relative;margin-bottom: 20px} .order-items .step-line span{margin:0 auto;width:60px;line-height: 60px;text-align: center;background: COLOR_SITE;color:TEXT_SITE;font-size: 32px;position: relative;border-radius: 50px} .order-items .step-line:before{content:'';position: absolute;left:0;top:50%;height: 1px;background: COLOR_SITE;width: 100%;} .order-items .step-1 .line, .step-2 .line {width: 100%;margin-bottom: 10px;display: block} .order-items .step-1 .line label, .step-2 .line label{width: 100%;margin-bottom: 5px;display: block} .order-items .step-1 .line label em, .step-2 .line label em{font-style: normal;color:#df0000;} .order-items .step-1 .line input[type=text], .order-items .step-1 .line input[type=password], .order-items .step-1 .line textarea, .step-2 .line textarea{width: 100%;display:block;padding:10px;border-radius:3px;font-size: 13px;border:1px solid #dfdfdf;background: #fdfdfd} .order-items .step-1 .line input[type=text]:focus, .order-items .step-1 .line input[type=password]:focus, .order-items .step-1 .line textarea:focus, .step-2 .line textarea:focus{background: #fff;border-color:#bbb} .order-items .step-1 .line textarea, .step-2 .line textarea{resize:none;height: 80px;} .step-1 .type-checkbox input { border-radius: 3px; float: left; width: 15px; margin-right: 7px; background: #ddd; height: 15px; border: 1px solid #ddd; flex-shrink: 0; position: relative;} .step-1 .type-checkbox input:checked {border-color:COLOR_SITE} .step-1 .type-checkbox input:checked:after {width: 11px;height: 11px;background: COLOR_SITE;position: absolute;left:1px;top:1px;content:''} .step-1 .type-checkbox {line-height: 14px;font-size: 12px;} .order-register {display:none} .step-1 > a:last-child, .step-2 > a:last-child, .step-3 input[type=submit]{float:left;width: 50%;text-align: center;padding: 8px 0;margin-left:25%;margin-top:10px;-webkit-border-radius: 2px;border-radius: 2px;} .step-1 > a:last-child:hover, .step-2 > a:last-child:hover{transition:.2s;opacity:.9} .delivery-items, .payment-items {width: 100%;display: flex;flex-direction: column} .delivery-items > div, .payment-items > div {width: 100%;position: relative;margin-bottom: 10px;border-radius:3px;display: flex} .delivery-item, .payment-item {display: flex;width: 100%;padding: 10px;border-radius: 3px;align-items: center;border:1px solid transparent} .active .delivery-item{border:1px solid COLOR_SITE;} .delivery-items div.active:before, .payment-items div.active:before {font-family:'Linearicons';content:"\ec34";position: absolute;left:5px;top:50%;width: 24px;line-height: 24px;text-align: center;font-size: 15px;z-index:5;transform: translateY(-50%);background: COLOR_SITE;color:TEXT_SITE;border-radius: 50px;} .delivery-items div input, .payment-items div input{position: absolute;left:0;top:0;width: 100%;height: 100%;z-index: 2;opacity: 0;cursor: pointer;margin:0;padding: 0;} .delivery-items div i {width: 50px;flex-shrink: 0;color:#999;font-size: 32px;text-align: right;margin-left: 10px} .delivery-items div div {width: 100%;margin-left: 10px;} .delivery-items div span {width: 100%;margin:0;font-weight: 600;display: block} .delivery-items div p {width: 100%;margin:0;font-size: 12px;padding-top: 5px;display:block} .delivery-items div:not(.line):not(.active):hover, .payment-items div:not(.line):not(.active):hover {box-shadow:0 0 5px rgba(0,0,0, .3);transition: var(--general-transition, .3s)} .delivery-item div:first-child {margin-left: 30px;} .delivery-item > img {width: 35px; object-fit: contain; flex-shrink: 0; margin-left: 25px;} .step-2 .line {display:none} .payment-item{padding: 10px;align-items: center;border: 1px solid transparent} .payment-item > div{width: 80px;position: relative;margin-left: 30px} .payment-item > div:after{content:'';display: block;width: 100%;padding-bottom: 100%} .active .payment-item{border:1px solid COLOR_SITE} .payment-item span {font-size: 14px;width: 100%;margin-left: 10px;font-weight: 600} .payment-items > div:not(.active):hover span {} .payment-items > div:not(.line):not(.active):hover {box-shadow:0 0 5px rgba(0,0,0, .3);transition: var(--general-transition, .3s)} .form-error {float:left;width: 100%;text-align: center;font-size: 12px !important;padding: 5px 0 0 0;margin:0; color: red;} .error-order, .payment-error {float:left;width: 60%;padding: 15px 0;margin:20px 20%;text-align: center;box-shadow:0 0 5px rgba(0,0,0, .1);font-weight: bold;} .cart-main-block {display: grid; width: 100%; grid-template-columns: repeat(3, 1fr); grid-gap: 20px; align-items: flex-start;} .cart-main-panel { background: #fff; padding: 20px; border-radius: var(--item-border-radius); position: relative; min-width: 0;} .cart-items-panel, .cart-order-info {grid-column: 1 / 3;} .cart-items-panel a {position: relative;} .cart-summary-panel .form-main-alert {margin-top: 0; display: block;} .checkout-block.disabled {position: relative;} .checkout-block.disabled::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / .75);} .cart-min-price-alert span {font-size: 18px; text-align: center; display: block;} .cart-summary-panel {position: sticky; top: calc(var(--header-callapsed-height, 0px) + 30px); padding: 0; min-width: 0;} .cart-summary-panel .proceed-checkout, .cart-summary-panel .submit-checkout {width: 100%;} .checkout-block > p {color: #6c7280; margin-top: 10px; text-align: center;} .checkout-block > .input-checkbox {display: block; margin-top: 15px;} .checkout-block > .input-checkbox > a {text-decoration: underline; color: COLOR_SITE;} .checkout-block > .input-checkbox > a:hover {text-decoration: none;} .cart-simple-summary {width: 100%; display: flex; flex-direction: column; align-items: flex-start; } .cart-summary-panel > * {padding: 20px;} .cart-summary-panel > * + * {border-top: 1px solid #e0e6ef; } .cart-simple-summary__sum {display: flex; align-items: flex-start; justify-content: space-between; width: 100%;} .cart-simple-summary__sum > span {font-size: 20px;} .cart-simple-summary__total {display: flex; flex-direction: column; align-items: flex-end;} .cart-simple-summary__total .cart-item__price {font-size: 20px; font-weight: 600;} .cart-simple-summary__payment, .cart-simple-summary__delivery, .cart-simple-summary__promocode, .cart-simple-summary__pre-total {display: flex; width: 100%; justify-content: space-between;} .cart-sum {font-weight: 600; flex-shrink: 0;} .cart-simple-summary__promocode > span {text-overflow: ellipsis; overflow: hidden;} .cart-promocode-block {padding: 10px 20px; display: flex; flex-direction: column; position: relative;} .cart-promocode-input {display: flex; align-items: flex-start;} .cart-promocode-block .input-wrapper {--input-padding-block: 5px;} .cart-promocode-input > * + * {margin-left: 20px;} .cart-promocode-active {display: flex; align-items: center; justify-content: space-between;} .cart-promocode-active p {white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} .cart-promocode-active + .cart-promocode-input {margin-top: 20px;} .cart-reload-alert {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgb(255 255 255 / .9); display: grid; place-items: center;} .cart-reload__data {display: flex; flex-direction: column; align-items: center; padding: 20px; font-size: 16px;} .cart-reload__data > * + * {margin-top: 10px;} .cart-reload__data-title {font-size: 22px; font-weight: 600;} .cart-items-list {display: flex; flex-direction: column; width: 100%;} .cart-item {display: flex; width: 100%; padding: 15px 0;} .cart-item > * + * {padding-left: 10px;} .cart-item > * {display: flex; align-items: flex-start;} .cart-item__image {width: 100px; flex-shrink: 0;} .cart-item__price-info {width: 40%; justify-content: space-between; flex-shrink: 0;} .cart-item__info {flex-grow: 1; flex-direction: column;} .cart-item__info > * + * {margin-bottom: 10px;} .cart-item__name {color: #111; font-size: 16px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden;} .cart-item__actions {margin: auto 0 0 0;} .cart-item__actions > * + * {margin-left: 5px;} .cart-item + * {border-top: 1px solid #d0d0d0;} .cart-item__action {border-radius: var(--item-border-radius); width: 32px; height: 32px; background: #f0f0f0; transition: var(--general-transition, .3s);} .cart-item__action:hover {background: #dde2e6;} .cart-item__action.favorite-active {background: #f9115533; color: #f91155;} .cart-item__action.favorite-active:hover {background: #f9115555;} .cart-item__action.favorite-active i {font-weight: 900;} .cart-item__variation {color: #6c7280;} .cart-item__variation-value {font-weight: 700;} .cart-item__price-block {font-size: 16px; font-weight: 600; display: flex; flex-direction: column; align-items: flex-start;} .cart-item__price-block.has-base-price {color: #df0000;} .cart-item__base-price {color: #666; position: relative; font-size: 14px;} .cart-item__base-price::before {background: #df0000; content: ''; display: block; height: 1px; left: 0; position: absolute; top: 50%; transform: rotate(-3deg); width: 100%;} .cart-item__init-price {font-size: 12px; color: #666;} .cart-item__price-block hr {width: 100%; margin: 3px 0;} .cart-item__cart-block {display: flex; margin-left: 20px} .cart-item__cart-block > button {background: COLOR_SITE11; color: COLOR_SITE; padding: 10px; border-radius: var(--item-border-radius); width: 35px; height: 35px; flex-shrink: 0; line-height: 1;} .cart-item__cart-block > input {width: 100%; max-width: 70px; border: 1px solid COLOR_SITE11; border-radius: var(--item-border-radius); padding: 5px 10px; text-align: center; font-size: 16px;} .cart-item__cart-block > * + * {margin-left: 5px;} .checkout-steps {display: flex; width: 100%; flex-direction: column;} .checkout-steps > * + * {margin-top: 30px;} .checkout-step {display: flex; width: 100%; flex-direction: column; align-items: flex-start;} .checkout-step > * + * {margin-top: 20px;} .checkout-step__title {font-size: 22px; font-weight: normal;} .checkout-step__title em {font-style: normal; font-weight: 700;} .checkout-step__body {width: 100%; display: flex; flex-direction: column; max-width: 500px;} .checkout-step__body > * + * {margin-top: 20px;} .order-delivery-wrapper, .order-paysystem-wrapper {width: 100%; font-size: 18px;} .order-delivery-wrapper .des-select__current, .order-paysystem-wrapper .des-select__current {border-color: COLOR_SITE;} .order-delivery-description {padding: 20px; font-size: 16px; border: 1px solid COLOR_SITE; border-radius: var(--element-border-radius);} .des-select__current img, .des-select__dropdown-list li img {width: 27px; height: 27px; object-fit: contain; margin-right: 5px;} .checkout-user-data {display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px 20px;} .user-data-step .checkout-step__body {max-width: unset;} .checkout-user__comment {grid-column: 1 / 3;} .checkout-user__address:not(.hidden) + .checkout-user__comment {grid-column: 2 / 3;} .checkout-user-data textarea {height: 90px;} .cart-result-block {width: 50%; display: flex; flex-direction: column; align-items: center; margin: 50px auto;} .cart-result-block > * + * {margin-top: 20px;} .cart-success-block {padding: 20px;border:1px solid #eee;background: #fcfcfc;color:#111} .cart-success-block > h2 {display: block;width: 100%;text-align: center;font-size: 22px;font-weight: 600} .cart-result-line {display: flex; align-items: center; width: 80%;} .cart-result-line__icon {display: flex; justify-content: center; align-items: center; width: 50px; height: 50px; text-align: center; border-radius: 50%; font-size: 24px; margin-right: 20px; flex-shrink: 0;} .cart-result-line__icon_success {background: #28a745; color: #fff;} .cart-result-content > span {font-size: 18px;} .cart-result-content > strong {font-size: 20px; color: COLOR_SITE;} .cart-result-content > p {font-size: 18px;} .cart-result-content em {color: COLOR_SITE; font-style: normal;} .cart-page-block .cart-no-items{width: 100%;padding: 20px 0;font-size: 18px;} .cart-page {background: #f0f0f0;} .brand-page .container{display: flex} .brand-page .h2{margin-bottom: 20px;display: block} .brand-list {width: 100%;display: grid; grid-template-columns: repeat(4, calc(100%/4)); grid-gap: 10px;} .brand-list a {width: 100%;border:1px solid #f0f0f0;margin-right: -1px;margin-bottom: -1px;padding:10px;transition: var(--general-transition, .3s); border-radius: var(--item-border-radius); display: flex; flex-direction: column; justify-content: center; word-break: break-word;} .brand-list a:hover{box-shadow: 0 0 10px rgba(0,0,0, .3);} .brand-list a div{position: relative;width: 100%;display: block} .brand-list a div:before{content:'';width: 100%;display: block;padding-bottom: 100%;} .brand-list a span {display: block;width: 100%;text-align: center;font-size: 24px;margin-top: 5px;color:#111; text-transform: uppercase} .brand-list a div + span {font-size: 16px; text-transform: none;} .brand-info{display: flex;width: 100%;margin-bottom: 20px} .brand-info .brand-left {width: 100%;margin-right: 20px;} .brand-info .brand-right {width: 20%;flex-shrink: 0;} .brand-info .brand-right img {display: block;width: 100%} .error-content {display: flex;flex-wrap: wrap;align-items: center; width: 100%;} .menu-left + .error-content {width: calc(79% - 30px);margin-left: 30px;} .error-content .error-left {width: 50%;} .error-content .error-left strong {width: 100%;display: block;text-align: center;color:COLOR_SITE} .error-content .error-left strong:first-child{font-size: 150px;} .error-content .error-left strong:last-child{font-size: 42px;} .error-content .error-right {width: 45%;margin-left:5%;} .error-right h1{color:COLOR_SITE;display: block;margin-bottom: 20px} .error-right p{display: block;width: 100%;padding: 3px 0;margin: 0;color:#666;font-size: 14px} .error-right a{color:COLOR_SITE;text-decoration: underline} .error-right a:hover{text-decoration: none} .product-probably {width: 100%;margin-top:40px} .product-probably .catalog-products {margin-top:10px} .login-page{min-height: calc(100vh - 350px)} .signup-form {position:relative;display: block;width: 40%;margin:100px 30%;transition:.2s;padding: 25px;border:1px solid #ddd;box-shadow:0 0 10px rgba(0,0,0, .2); border-radius: var(--element-border-radius);} .signup-form:before{position: absolute;left:0;top:0;width: 100%;height: 100%;content:''; background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.01) 75%); background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,0.01) 75%); background: linear-gradient(to bottom, rgba(255,255,255,0) 0%, rgba(0,0,0,0.01) 75%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0f0f0', GradientType=0 );} .signup-form .h2 {width: 100%;text-align: center;position:relative;color:#111} .signup-form form {width: 100%;position:relative;margin-top: 20px; align-items: center;} .signup-form form a:nth-child(3){margin-left:10%;margin-right: 5%;} .signup-form form a:hover{text-decoration: none;} .signup-form__actions a:first-child{color:#666;font-size: 13px;} .signup-form__actions a:nth-child(2){color:COLOR_SITE;font-size: 13px;} .signup-form__actions a {text-decoration: underline} .signup-form__actions a:hover {text-decoration: none} .alert-message {display: block;margin:20px 0 0 0;width: 100%;padding: 15px;border-radius: 5px;border: 1px solid transparent;} .alert-error {color: #842029; background-color: #f8d7da; border-color: #f5c2c7;} .alert-success {color: #224e24; background-color: #c0e7c1; border-color: #a2dca6;} .restored-block {display: block;width: 50%;margin:50px 25% 100px 25%;padding: 20px;border:1px solid #eee;background: #fcfcfc;color:#111} .restored-block > .h2 {display: block;width: 100%;text-align: center;font-size: 22px;font-weight: 600;margin-bottom: 15px} .restored-block >div {display:flex;width: 100%;padding: 10px 0;align-items: center} .restored-block div i {width:50px;line-height: 50px;text-align: center;font-size: 20px;border-radius:50%;flex-shrink: 0;margin-left: 15%;background: #289020;color:#fff;} .restored-block div span {font-size:16px;width: 100%;margin-left: 20px} .restored-block div div {margin-left:20px;width: calc(85% - 70px);} .signup-form.register-form {width: 50%;margin: 50px 25% 0} .signup-form.register-form .h2{display: block;width: 100%;text-align: center} .signup-form.register-form .h2 + p {display: block;margin:5px 0 0 0;padding: 0;color:#666;font-size: 13px;text-align: center; } .signup-form.register-form .captcha div {display: flex;align-items: center; padding-left: var(--input-padding-inline);} .signup-form.register-form .captcha div button {color:COLOR_SITE;margin:0 10px; border-radius: 2px;} .signup-form.register-form .captcha div input {height: 38px;width: 100px} .signup-form.register-form .captcha .captcha-img {height: 38px;width: 100px} .signup-form.register-form .form-confirm {display: flex;font-size: 13px;} .signup-form.register-form .form-confirm a {color:COLOR_SITE;text-decoration: underline; margin-left: 5px;} .signup-form.register-form .form-confirm a:hover {text-decoration: none} .signup-form.register-form label i{float:right;color:#df0000;font-style: normal;font-size: 12px} .signup-form.register-form label i.text-left{float:right;width: 100%} .category-index__page {margin-bottom: 20px} .entity-form.service-feedback-form {display:block;width: 100%;position: relative;margin-top:30px;background-size: cover;border-radius: 15px;padding: 15px;margin-bottom: 20px; float: left} .entity-form.service-feedback-form:before{content:'';position: absolute;left:0;top:0;width: 100%;height: 100%;background: rgba(0,0,0, .6);border-radius: 15px} .entity-form.service-feedback-form > div {display: block;width: 45%;margin:30px 0 30px 30px;position: relative;z-index: 3;padding: 15px;border-radius: 10px;background: rgba(255,255,255, .7);} .entity-form .service-feedback-form__title {display: block; width: 100%;text-align: center; text-transform: uppercase; font-size:18px; font-weight: 600;} .entity-form .service-feedback-form__desc {display: block; width: 100%; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 400;margin-bottom: 10px} .entity-form .service-feedback-form__field, .entity-form .service-feedback-form__send-btn {display: block;width: 100%;} .entity-form .service-feedback-form__send-btn .btn {display:inline-block;position: relative;left:50%;transform: translateX(-50%)} .entity-form .service-feedback-form__field input, .entity-form .service-feedback-form__field select, .entity-form .service-feedback-form__field textarea { display: block; width: 100%; margin-bottom: 10px; padding: 10px; box-sizing: border-box; border: 1px solid #999; border-radius: 5px; text-align: left} .entity-form.service-feedback-form:first-child {margin-top: 0;} .contacts__map-address:not(:first-of-type) {margin-top: 20px} .ui-slider .ui-slider-handle {z-index: 1 !important;} .menu_left .menu-left-category ul > li > a .category-list__icon i {font-size: 24px; line-height: 1;} ymaps [class$="placemark__content-inner"] {padding: 0 10px;} ymaps [class$="placemark__content-inner"] p {display: none;} .fancybox__container{z-index: 999999999 !important;} .faq__content {width: 100%; display: flex; flex-direction: column;} .faq__content > * + * {margin-top: 20px;} .faq__content:not(.hidden) + .faq__content {margin-top: 20px;} .faq__item {width: 100%;} .faq__inner {width: 100%; box-shadow: 0 0 5px rgb(0 0 0 / 30%); border-radius: var(--item-border-radius);} .faq__question {width: 100%; display: flex; align-items: center; padding: 30px;} .faq__question > .icon {display: flex; align-items: center; justify-content: center; font-size: 18px; height: 35px; border-radius: 50%; background: COLOR_SITE; width: 35px; text-align: center; color: #fff; flex-shrink: 0; margin-left: auto; padding-left: 0; padding-top: 3px;} .faq__question .icon > i {transition: var(--general-transition, .3s);} .faq__question-text {flex-grow: 1; margin-right: 20px; font-size: 18px; font-weight: 600;} .faq__answer {max-height: 0; overflow: hidden; transition: var(--general-transition, .3s); padding: 0 30px; border-top: 1px solid transparent;} .main-faq {padding: 60px 0;} .faq__inner.opened .faq__answer {max-height: 300px; padding: 15px 30px; border-top-color: #d0d0d0;} .faq__inner.opened .icon > i {transform: rotate(180deg);} .faq-page .faq__question {padding: 15px;} .main-question-block {padding: 80px 0; background: #f0f0f0;} .main-question-block .container {display: flex; align-items: center;} .main-question__title-block {display: flex; flex-direction: column; align-items: flex-start; width: 35%; flex-shrink: 0; padding-right: 40px;} .main-question__description {margin-top: 15px;} .main-question__form {display: grid; flex-grow: 1; grid-template-columns: repeat(2, 1fr); grid-gap: 20px;} .main-question__form input, .main-question__form textarea {width: 100%; padding: 12px 26px; border-radius: var(--element-border-radius);} .main-question__form-block {display: flex; align-items: center; } .main-question__form-block [type="submit"] {width: 100%;} .main-question__form-block [type="submit"]:hover {color: #000;} #main-question__form-confirm { border-radius: 3px; float: left; width: 14px; margin-right: 7px; background: #ddd; height: 14px; border: 1px solid COLOR_SITE; flex-shrink: 0; position: relative; padding: 0;} #main-question__form-confirm:checked:after {position: absolute; left: 1px; top: 1px; width: 10px; height: 10px; background: COLOR_SITE; content: '';} label[for="main-question__form-confirm"] {line-height: 1;} label[for="main-question__form-confirm"] a {color: COLOR_SITE; text-decoration: underline;} label[for="main-question__form-confirm"] a:hover {text-decoration: none;} .big-search-form {width: 100%;} .big-search-form .modal {top: -100px; border-radius: 0; max-width: unset; width: 100%;} .big-search-form.active .modal {top: 0;} .big-search-form .container { display: flex; align-items: center; width: 100%; padding: 10px 15px;} .big-search-form .close-modal { font-size: 28px; position: relative; transition: var(--general-transition, .3s); background: none;} .big-search-form .search-form { width: 100%; margin: 0; display: flex; align-items: center} .big-search-form .search-form input[type=text] { font-size: 26px; height:50px; width: 100%;background: #dfdfdf;} .big-search-form .search-form input[type=submit] { background: COLOR_SITE; color: TEXT_SITE; position: relative; width: 36px; height: 36px; cursor: pointer; margin: 0 5%; flex-shrink: 0; border-radius: var(--element-border-radius);} .search-form .input-wrapper {width: auto; flex-grow: 1;} body.modal-active {overflow: hidden;} .main-question-confirm {width: 100%; display: flex; margin-top: 10px; align-items: center;} .main-question-confirm input {border-radius: 3px; float: left; width: 14px; margin-right: 7px; background: #ddd; height: 14px; border: 1px solid #ddd; flex-shrink: 0; position: relative;} .main-question-confirm input:checked:after { position: absolute; left: 1px; top: 1px; width: 10px; height: 10px; background: COLOR_SITE; content: ''; } .main-question-confirm input:checked { border-color: COLOR_SITE; } .img-wrapper {position: relative; width: 100%; overflow: hidden;} .img-wrapper::before {content: ''; display: block; width: 100%; padding-bottom: 100%;} .img-wrapper img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: cover;} .img-wrapper-contain img {object-fit: contain;} .mySwiper .swiper-button-navigation {-webkit-user-select: none; user-select: none;} .inputs-wrapper {display: flex; flex-direction: column; width: 100%;} .inputs-wrapper > * + * {margin-top: 20px;} .input-wrapper { display: flex; width: 100%; flex-direction: column; align-items: flex-start; position: relative; scroll-margin-top: calc(var(--header-callapsed-height, 0px) + 20px); /* высчитываем стандартную высоту */ --input-default-height: calc( var(--general-font-size) * var(--input-line-height) + var(--input-padding-block) * 2 ); /* Берём минимум из: половины высоты инпута (дефолтная или указанная в свойствах) и радиуса границы. Но не менее 10px (внешняя функция max()) */ --input-padding-inline: calc( max( 10px, min( ( max(var(--current-input-height, 0px), var(--input-default-height) ) ) / 2, var(--element-border-radius) ) ) ); } .input-custom-placeholder {position: absolute; left: var(--input-padding-inline); top: var(--input-padding-block); color: #777; display: none; pointer-events: none; transition: .2s; background: #fff; padding: 0 5px;} .input:placeholder-shown + .input-custom-placeholder {display: block;} .input:not(:placeholder-shown) + .input-custom-placeholder.dynamic-placeholder, .input:focus + .input-custom-placeholder.dynamic-placeholder {transform: translateY(-50%); display: block; top: 0;} .input-custom-placeholder em {font-style: normal; color: #df0000;} .input-wrapper label > em {color: #df0000;} .input-wrapper input, .input-wrapper textarea, .input-wrapper select { padding: var(--input-padding-block) var(--input-padding-inline); outline: none; border: 1px solid #ddd; width: 100%; border-radius: var(--element-border-radius); background: #fff; line-height: var(--input-line-height);} .input-wrapper label { margin-bottom: 5px; padding-left: calc( var(--input-padding-inline) + 1px ); } .review-form-rate {padding: 0 var(--input-padding-inline);} .input-wrapper input:focus, .input-wrapper textarea:focus, .input-wrapper select:focus {outline: 1px solid COLOR_SITE;} .input-wrapper select {position: relative; appearance: none;} .input-wrapper select::after {content: '▼'; display: block; position: absolute; top: 50%; transform: translateY(-50%); right: 0;} .input-wrapper > i {font-style: normal; font-size: 12px; color: #df0000;} .input-checkbox label {display: flex;align-items: center; flex-wrap: wrap;} .input-checkbox input {border-radius:3px;float:left;width: 18px;margin-right: 7px;background: #ddd;height: 18px;border:1px solid #ddd;flex-shrink: 0;position: relative; padding: 0;} .input-checkbox input:checked {border-color:COLOR_SITE;} .input-checkbox input:checked::after {position: absolute;left:1px;top:1px;width: 14px;height: 14px;background: COLOR_SITE;content:''; border-radius: 2px;} .input-wrapper.has-error .input, .input.has-error {outline: 1px solid #df0000;} .input-wrapper.has-error[data-error]:not([data-error=""])::after {content: attr(data-error); display: block; width: 100%; font-size: 12px; color: #df0000; margin-top: 5px; padding-left: calc( var(--input-padding-inline) + 1px );} .input.has-error[data-error]:not([data-error=""])::after {content: attr(data-error); display: block; width: 100%; font-size: 12px; color: #df0000; margin-top: 5px; padding-left: calc( var(--input-padding-inline) + 1px );} .form-main-alert { margin-top: 20px;} .form-main-error {color: #b50000;} .form-main-success {color: #2b642e;} .input-group {display: flex; width: 100%; flex-direction: column; align-items: flex-start;} .input-group-title {margin-bottom: 10px; padding-left: calc( var(--input-padding-inline) + 1px ); font-size: 18px;} .input-group__items {display: flex; flex-direction: column; width: 100%;} .input-group__items > * + * {margin-top: 10px;} .input-group .input-wrapper label {font-size: 14px;} .password-wrapper {width: 100%; position: relative;} .password-wrapper > i {position: absolute; right: 0; top: 0; cursor: pointer; width: 40px; height: 100%; display: grid; place-content: center; font-size: 16px;} .password-hidden > i::before {content:"\f070";} .password-shown > i::before {content:"\f06e";} .register-sign-in {width: 50%; margin: 20px 25%; display: flex; justify-content: flex-end;} .register-sign-in a {color: COLOR_SITE; text-decoration: underline; align-self: flex-end;} .register-sign-in a:hover {text-decoration: none;} .register-success-block {display: flex; flex-direction: column; align-items: center; width: 40%; margin: 100px 30%; padding: 25px; border: 1px solid #ddd; box-shadow: 0 0 10px rgba(0,0,0, .2); text-align: center;} .register-success-block > * + * {margin-top: 20px;} .modal .inputs-wrapper > * + * {margin-top: 10px;} .form-actions {margin-top: 20px; display: flex; justify-content: flex-end; align-items: center; width: 100%;} .form-actions > * + * {margin-left: 20px;} select.des-select.des-active {display: none;} .des-select__wrapper {position: relative; width: 100%;} .des-select__wrapper i.icon {position: absolute; right: var(--input-padding-inline, 15px); top: 50%; transform: translateY(-50%); font-size: 18px; transition: var(--general-transition, .3s); cursor: pointer;} .des-select__current + i {pointer-events: none;} .des-select__current i {color: COLOR_SITE; margin-right: 5px;} .des-select__wrapper > button {border-radius: var(--element-border-radius); padding: var(--input-padding-block, 10px) var(--input-padding-inline, 30px) var(--input-padding-block, 10px) var(--input-padding-inline, 10px); width: 100%; background: #fff; text-align: left; border: 1px solid #ddd; padding-right: calc(var(--input-padding-inline, 10px)*2); text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .des-select__wrapper > button.has-image {display: flex; align-items: center;} .des-select__wrapper > button em {font-style: normal; color: #df0000; margin: 0 5px;} .des-select__wrapper > button > span {text-overflow: ellipsis; white-space: nowrap; overflow: hidden;} .des-select[disabled] + .des-select__wrapper::after {content: ''; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgb(255 255 255 / .75);} .des-select[disabled] + .des-select__wrapper {cursor: not-allowed;} .has-error .des-select__wrapper > button {outline: 1px solid #df0000;} .des-select__dropdown {position: absolute; top: 120%; left: 0; width: 100%; display: flex; flex-direction: column; opacity: 0; visibility: hidden; transition: var(--general-transition, .3s); background: #fff; padding: 15px; border-radius: var(--element-border-radius); box-shadow: 0 0 10px 0 rgba(0,0,0, .3); z-index: 1;} ul.des-select__dropdown-list {width: 100%; display: flex; flex-direction: column; max-height: 300px; overflow-y: auto;} .des-select__dropdown-list li {padding: 5px 10px; transition: var(--general-transition, .3s); cursor: pointer; display: flex; align-items: center;} .des-select__dropdown-list li.active {background: #c9c9c9;} .des-select__dropdown-list li:hover {background: #f0f0f0;} .des-select__dropdown-list li:first-child {border-top-left-radius: var(--item-border-radius); border-top-right-radius: var(--item-border-radius);} .des-select__dropdown-list li:last-child {border-bottom-left-radius: var(--item-border-radius); border-bottom-right-radius: var(--item-border-radius);} .des-select__dropdown-list li i {color: COLOR_SITE; margin-right: 5px;} .des-select__search {position: relative; margin-bottom: 10px;} .des-select__search > input {border-radius: var(--element-border-radius); padding: var(--input-padding-block, 10px) var(--input-padding-inline, 30px) var(--input-padding-block, 10px) var(--input-padding-inline, 10px); padding-right: calc(var(--input-padding-inline, 10px)*2);} .des-select__search-empty {padding: 0 10px; font-size: 16px; color: #999;} .des-select__search-input:not(:placeholder-shown) + i:before {content: "\f00d";} .des-select__wrapper.active .des-select__dropdown {opacity: 1; visibility: visible;} .des-select__wrapper.active > i {transform: translateY(-50%) rotate(180deg);} #modal-vacancyForm.modal {position: fixed} .vacancies-block {display: flex; flex-direction: column; width: 80%; margin-bottom: 20px; margin-left: 2%;} .vacancies-block > * + * {margin-top: 30px;} .vacancies-general-content {display: flex; width: 100%; padding: 40px; background: #fafafa; flex-direction: column; align-items: center;} .vacancies-info__content {display: flex; width: 100%; margin-top: 20px;} .vacancies {display: flex; flex-direction: column; width: 100%;} .vacancy {border: 1px solid #e5e5e5; position: relative; transition: box-shadow ease 0.3s; background: #fff; margin-bottom: -1px;} .vacancy:hover {box-shadow: 0 5px 20px rgba(0, 0, 0, 0.1); z-index: 1;} .vacancy__head {padding: 34px 40px; display: flex; flex-direction: column; cursor: pointer; position: relative;} .vacancy__head .close-icon {position: absolute; top: 37px; right: 15px; font-size: 18px; transition: var(--general-transition, .3s); font-weight: 800;} .vacancy__head:hover .close-icon {color: COLOR_SITE;} .vacancy.open .vacancy__head .close-icon {transform: rotate(135deg);} .vacancy__head-title {color: #333; font-weight: bold; display: flex; font-size: 18px;} .vacancy-price {margin-left: auto; margin-right: 30px;} .vacancy__head-description {font-size: 13px; color: #999;} .vacancy__body {padding: 0 40px; height: 0; overflow: hidden; transition: var(--general-transition, .3s);} .vacancy__content {margin-bottom: 35px;} .vacancy__content ul {list-style: none; padding-inline-start: 0;} .vacancy__content ul li:before { content: ""; position: relative; left: 0; top: 11px; background: #666666; width: 11px; height: 1px; display: inline-block; vertical-align: top; margin-right: 10px; } .payment-result {width: 100%;background: #fff;position: relative; display: flex; justify-content: center;} .payment-result-block {position: relative; max-width: 50%; display: flex; flex-direction: column; align-items: center; text-align: center;} .payment-result-block i {width: 100px;line-height: 100px;text-align: center;border-radius: 50%;font-size:36px;border:2px solid; } .payment-result-block > div {width: 100%; display: flex; flex-direction: column; align-items: center;} .payment-result-block > div > * + * {margin-top: 20px;} .payment-result-block div span {font-size:32px;font-weight: 400;} .payment-result-block div p {font-size:16px;color:#111;} .result-success i {color:#1d9414;border-color:#1d9414} .result-success div div span {color:#1d9414;} .result-error i {color:#bf0000;border-color:#bf0000} .result-error div div span {color:#bf0000;} .product__variations-block {width: 100%; display: flex; flex-direction: column; margin-top: 20px;} .product__variations {display: flex; width: 100%; flex-direction: column; align-items: flex-start;} .product__variation-colors {display: grid; grid-template-columns: repeat(7, 1fr); grid-gap: 10px; margin-top: 10px; width: 100%;} .product__variations-title span {font-weight: 600;} .product__variation-colors-block {width: 100%;} .product__variation-color {padding: 3px; border: 2px solid transparent;} .product__variation-color.active {border: 2px solid COLOR_SITE;} .product__variation-sizes-block + *, .product__variation-colors-block + * {margin-top: 20px;} .product__variation-size-select {margin-top: 10px; position: relative;} .product__variation-size-current {background: none; padding: 5px 30px 5px 15px; min-width: 200px; max-width: 100%; text-align: left; font-size: 16px; position: relative; border: 1px solid #f0f0f0; border-radius: 25px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;} .product__variation-size-current .fa-caret-down {font-size: 16px; position: absolute; top: 50%; right: 15px; transform: translate(50%, -50%); transition: var(--general-transition, .3s);} .product__variation-size-current.active .fa-caret-down {transform: translate(50%, -50%) rotate(180deg);} ul.product__variation-sizes-list {position: absolute; width: 100%; top: 120%; left: 0; border-radius: 25px; overflow: hidden; box-shadow: 0 0 10px 0 rgba(0,0,0, .5); background: #fff; opacity: 0; visibility: hidden; transition: var(--general-transition, .3s); z-index: 1;} ul.product__variation-sizes-list.active {opacity: 1; visibility: visible;} .product__variation-sizes-list li > * {padding: 8px 20px; transition: var(--general-transition, .3s); display: block; color: #111; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; position: relative; text-align: left; width: 100%;} .product__variation-sizes-list .product__variation-size:hover {background: #f0f0f0; color: COLOR_SITE;} .product__variation-sizes-list .product__variation-size.active {padding: 8px 40px 8px 20px;} .product__variation-sizes-list .product__variation-size.active::after {content: "\f00c"; font: normal normal normal 14px/1 FontAwesome; font-size: 16px; position: absolute; top: 50%; right: 20px; transform: translate(50%, -50%); color: COLOR_SITE;} .product__variation-sizes-list li + li {border-top: 1px solid #f0f0f0;} .main-banner-btn {white-space: nowrap;} .slider-range .noUi-connect {background: COLOR_SITE;} .slider-range .noUi-handle {border-radius: var(--element-border-radius);} .form-loader {position: absolute; left: 0; top: 0; width: 100%; height: 100%; display: grid; place-content: center; background: rgb(255 255 255 / .7);} .form-loader i {font-size: 40px;} .slider-range .noUi-connect {background: COLOR_SITE;} @keyframes rotation { from { transform: rotate(0deg); } to { transform: rotate(359deg); } } .spinned { animation: rotation 2s infinite linear;} @media (max-width: 1100px) { .catalog-item .catalog-item__actions {display: flex; flex-direction: column;} .catalog-item .catalog-item__actions > * {width: 100% !important;} .catalog-item .catalog-item__actions .add-to-cart {margin: 0 0 5px 0;} .catalog-item .catalog-item__counter {padding: 0 0 5px 0; margin: 0;} .catalog-item .catalog-item__counter button {width: 36px; flex-shrink: 0;} } /*.cart-item__cart-block {width: 100%; flex-direction: column;} .cart-item__cart-block > * + * {margin: 5px 0 0 0; } .cart-item__cart-block > button {width: 100%;} .cart-item__cart-block > input {max-width: unset;}*/