body { font-family: 'Rubik', sans-serif;  overflow-anchor: none; font-size: 15px; font-weight: 400; color: #111; background-color: #ebf0f4; }
a, .parent-cat-item, .parent-cats .cat-title { -webkit-transition: all .2s ease-out; transition: all .2s ease-out; }
a { text-decoration: none; color: #1265a2; }
a:hover { color: #f99500; }
h1, .h1, h2, .h2, h3, .h3, .parent-cats .cat-title { font-family: 'Rubik', sans-serif; font-weight: 500; color: #00557e; }
h2, h3 { color: #000; }
b, strong { font-weight: 500; }
.content-wrap { padding: 20px; background-color: #fff; border-radius: 3px; }
.text-block p { line-height: 1.4; margin-bottom: 16px; }
.text-block p:last-child { margin-bottom: 0; }
.text-block ul li { line-height: 1.4; position: relative; margin-bottom: 8px; padding-left: 10px; }
.text-block li:last-child { margin-bottom: 0; }
.text-block ul li:before { position: absolute; top: 9px; left: 0; display: block; width: 5px; height: 5px; margin-right: 6px; content: ''; background: #f99500; }
.text-block .delivery-block li:before { top: 7px; }
.text-block ol li { margin-bottom: 5px; list-style-position: inside; list-style-type: decimal; }
.text-block ol { counter-reset: li; }
.text-block ol li { line-height: 1.4;
 position: relative;
 display: block;
 margin-bottom: 10px;
 padding-left: 26px; }

 .text-block ol li::before { font-size: 13px; line-height: 20px; position: absolute; top: 0; left: 0; width: 20px; height: 20px; content: counter(li); counter-increment: li; text-align: center; color: #fff; border-radius: 50%; background-color: #f99500; }
 .text-block ul, .text-block ol { margin-bottom: 16px; }
 .text-block ul:last-child, .text-block ol:last-child { margin-bottom: 0; }
 .text-block table td, .text-block table th { padding: 5px 10px; vertical-align: top; }

 [class*='e-icon']::before { display: inline-block; width: 24px; height: 24px; margin-right: 6px; content: ''; vertical-align: middle; background-repeat: no-repeat; background-position: center center; background-size: contain; }
 [class*='e-icon'].e-icon-single::before { margin-right: 0; }
 [class*='e-icon'] span { display: inline-block; vertical-align: middle; }
 .e-icon-cart::before { background-image: url('images/cart-w.svg'); }
 .e-icon-cart-b::before { background-image: url('images/cart-b.svg'); }
 .e-icon-cart.btn-buy::before { width: 18px; height: 18px; }
 .e-icon-cart-w::before { margin-top: -2px; margin-right: 6px; background-image: url('images/cart-w.svg'); }
 .e-icon-compare::before { background-image: url('images/compare.svg'); }
 .e-icon-compare-b::before { background-image: url('images/compare-b.svg'); }
 .e-icon-pdf::before { background-image: url('images/pdf.svg'); margin-top: -2px; }
 .e-icon-xls::before { background-image: url('images/xls.svg'); margin-top: -2px; }
 .e-icon-user::before { margin-top: -4px; margin-right: 4px; background-image: url('images/lock.svg'); }
 .prod-buttons .e-icon-compare-b::before { width: 18px; height: 18px; background-image: url(images/compare-b.svg); }
 .header-right [class*='e-icon']::before { width: 18px; height: 18px; opacity: .6; }

 .btn-download {
 /* padding: 8px 20px;
 border-radius: 3px;
 border: 1px solid #2c6188; */
 display: inline-block;
 line-height: 1;
 font-weight: 500; }

 .btn-grey {
 border: 1px solid #acb0b5;
 background-color: transparent;
 padding: 5px 15px;
 color: #6e7479;
 border-radius: 3px;
 }

 .prod-price-wrap .btn-discount { margin-top: 20px; }
 .prod-buttons .btn-buy { width: 100%; /* width: calc(100% - 52px); */ }

 .btn-city { display: inline-block; border: 0; background-color: transparent; }
 .btn-city .nice-select:after { /* margin-top: -2px; */ border-color: #fff; }
 .btn-city .nice-select { padding-right: 30px; padding-left: 0; vertical-align: middle; border: 0; background-color: transparent; }
 .btn-city .nice-select .current { line-height: 1.3; display: inline-block; max-width: 140px; vertical-align: middle; white-space: normal; word-wrap: break-word; color: #fff; }
 header .btn-city { margin-left: 30px; }
 .icon-city::before, .btn-city .nice-select::before { display: inline-block; width: 16px; height: 16px; margin-right: 2px; content: ''; vertical-align: middle; background: url('images/map.svg') no-repeat center center; background-size: contain; }

 .is-fixed .header-main { position: fixed; width: 100%; left: 0; top: 0; z-index: 10; }
 header, .white-bg { background-color: #fff; }
 .header-main { padding: 10px 0; background-color: #00557e; }
 .site-menu, .cart-block, .logo, .search { display: inline-block; vertical-align: middle; }
 .site-menu { margin-top: 10px; }
 .cart-block { font-size: 15px; color: #fff; border: 0; background-color: transparent; }
 .logo { width: 165px; }
 .logo img { width: 100%; max-width: none; display: block; }
 .header-left { float: left; }
 .header-right { float: right; }
 .site-menu-item, .top-menu li { display: inline-block; vertical-align: top; }
 .top-menu a:not(:last-child), .top-menu span:not(:last-child) { margin-right: 20px; }
 .site-menu-item { margin-left: 24px; }
 .site-menu-item { vertical-align: middle; }
 .site-menu-item a, .site-menu-item span { font-size: 15px; color: #fff; }
 .header-top { padding: 7px 0; }
 .top-menu { float: left; margin-top: 7px; }
 .header-top-right { float: right; }
 .top-phone { display: inline-block; padding: 8px 0; vertical-align: baseline; font-size: 14px; }
 .main-phone { font-weight: 500; margin-right: 10px; font-size: 17px; }
 .phone-caption { display: block;
 color: #576575;
 font-size: 11px;
 text-align: right;
 font-weight: normal; }
 .top-messengers {
 display: inline-block;
 text-align: right;
 margin-left: 20px;
 }
 .btn-callback {
 font-size: 14px;
 display: inline-block;
 vertical-align: middle;
 color: #00557e;
 border: 0;
 border-bottom: 1px dashed #00557e;
 background-color: transparent;
 }
 .top-menu li { font-size: 15px; margin-right: 30px; }
 .top-menu a, .top-menu span { display: inline-block; padding: 8px 0; color: #000; position: relative; }
 .top-menu .active span::after { content: ''; position: absolute; left: 0; bottom: 5px; display: block; width: 100%; height: 2px; background-color: #f99500; }
 .top-menu a:hover { color: #f99500; }
 .catalog-top { position: relative; display: inline-block; width: 220px; vertical-align: top; }
 .catalog-top nav { position: relative; z-index: 12; }
 .catalog-wrap { position: absolute; margin-top: 10px; display: none; overflow: visible !important; width: 300px; }
 .btn-catalog { font-size: 17px; font-weight: 500; padding: 10px 20px; border: 0; border-radius: 3px; background-color: #f99500; color: #fff; }
 .btn-menu-m { font: inherit; position: relative; z-index: 2; display: inline-block; overflow: visible; margin: 0; margin-left: 10px; padding: 4px; cursor: pointer; -webkit-transition-timing-function: linear; transition-timing-function: linear; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: opacity, -webkit-filter; transition-property: opacity, -webkit-filter; transition-property: opacity, filter; transition-property: opacity, filter, -webkit-filter; vertical-align: middle; text-transform: none; color: inherit; border: 0; background-color: transparent; }
 .btn-menu-box { position: relative; display: inline-block; width: 32px; height: 24px; vertical-align: middle; }
 .btn-menu-inner { top: 50%; display: block; margin-top: -2px; -webkit-transition-timing-function: cubic-bezier(.55, .055, .675, .19); transition-timing-function: cubic-bezier(.55, .055, .675, .19); -webkit-transition-duration: .22s; transition-duration: .22s; }
 .btn-menu-inner, .btn-menu-inner::before, .btn-menu-inner::after { position: absolute; width: 28px; height: 2px; -webkit-transition-timing-function: ease; transition-timing-function: ease; -webkit-transition-duration: .15s; transition-duration: .15s; -webkit-transition-property: -webkit-transform; transition-property: -webkit-transform; transition-property: transform; transition-property: transform, -webkit-transform; border-radius: 4px; background-color: #25303c; }
 .btn-menu-inner::before, .btn-menu-inner::after { display: block; content: ''; }
 .btn-menu-inner::before { top: -10px; -webkit-transition: top .1s .25s ease-in, opacity .1s ease-in; transition: top .1s .25s ease-in, opacity .1s ease-in; }
 .btn-menu-inner::after { bottom: -10px; -webkit-transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19); transition: bottom .1s .25s ease-in, -webkit-transform .22s cubic-bezier(.55, .055, .675, .19); transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19); transition: bottom .1s .25s ease-in, transform .22s cubic-bezier(.55, .055, .675, .19), -webkit-transform .22s cubic-bezier(.55, .055, .675, .19); }

 .btn-catalog .btn-menu-inner, .btn-catalog .btn-menu-inner::before, .btn-catalog .btn-menu-inner::after { width: 16px; background-color: #fff; }
 .btn-catalog .btn-menu-inner::before { top: -6px; }
 .btn-catalog .btn-menu-inner::after { bottom: -6px; }
 .btn-catalog .btn-menu-box { width: 20px; height: 16px; }

 .is-active .btn-menu-inner { -webkit-transition-delay: .12s; transition-delay: .12s; -webkit-transition-timing-function: cubic-bezier(.215, .61, .355, 1); transition-timing-function: cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(225deg); transform: rotate(225deg); }
 .is-active .btn-menu-inner::before { top: 0; -webkit-transition: top .1s ease-out, opacity .1s .12s ease-out; transition: top .1s ease-out, opacity .1s .12s ease-out; opacity: 0; }
 .is-active .btn-menu-inner::after { bottom: 0; -webkit-transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1); transition: bottom .1s ease-out, -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1); transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1); transition: bottom .1s ease-out, transform .22s .12s cubic-bezier(.215, .61, .355, 1), -webkit-transform .22s .12s cubic-bezier(.215, .61, .355, 1); -webkit-transform: rotate(-90deg); transform: rotate(-90deg); }

 .catalog > li:first-child .catalog-link-first { border-radius: 3px 3px 0 0; }
 .catalog > li:last-child .catalog-link-first { border-bottom: 0; border-radius: 0 0 3px 3px; }
 .catalog-link-first { font-size: 14px; display: block; min-height: 60px; display: -webkit-flex; display: flex; -webkit-align-items: center; align-items: center; -webkit-flex: 0 1 100%; flex: 0 1 100%; padding: 10px 10px 10px 60px; -webkit-transition: none; transition: none; color: #000; border-bottom: 1px solid #dde0e2; background-color: #fff; background-repeat: no-repeat; background-position: 10px 6px; background-size: 45px auto; }
 .catalog-link-first:hover, .catalog-link-first.active { color: #fff; background-color: #f99500; }
 .cat-1 .catalog-link-first { background-image: url('images/cat-icons/c-ico1.png'); }
 .cat-42 .catalog-link-first { background-image: url('images/cat-icons/c-ico9.png'); }
 .cat-2 .catalog-link-first { background-image: url('images/cat-icons/c-ico2.png'); }
 .cat-4 .catalog-link-first { background-image: url('images/cat-icons/c-ico3.png'); }
 .cat-5 .catalog-link-first { background-image: url('images/cat-icons/c-ico4.png'); }
 .cat-6 .catalog-link-first { background-image: url('images/cat-icons/c-ico5.png'); }
 .cat-9 .catalog-link-first { background-image: url('images/cat-icons/c-ico6.png'); }
 .cat-10 .catalog-link-first { background-image: url('images/cat-icons/c-ico8.png'); }
 .cat-74 .catalog-link-first { background-image: url('images/cat-icons/phytolamp.png'); background-size: 36px auto; background-position: 15px center; }
 .cat-1 .catalog-link-first:hover, .cat-1 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico1.png'); }
 .cat-42 .catalog-link-first:hover, .cat-42 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico9.png'); }
 .cat-2 .catalog-link-first:hover, .cat-2 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico2.png'); }
 .cat-4 .catalog-link-first:hover, .cat-4 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico3.png'); }
 .cat-5 .catalog-link-first:hover, .cat-5 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico4.png'); }
 .cat-6 .catalog-link-first:hover, .cat-6 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico5.png'); }
 .cat-9 .catalog-link-first:hover, .cat-9 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico6.png'); }
 .cat-10 .catalog-link-first:hover, .cat-10 .catalog-link-first.active { background-image: url('images/cat-icons-white/c-ico8.png'); }
 .cat-74 .catalog-link-first:hover, .cat-74 .catalog-link-first.active { background-image: url('images/cat-icons-white/phytolamp-w.png'); }


 .catalog .submenu { display: none; border-bottom: 1px solid #dde0e2; }
 .catalog .submenu-2 a {
 display: block;
 background-color: #75899a;
 padding: 8px 25px;
 font-size: 14px;
 color: #fff;
 border-bottom: 1px solid #dde0e2;
 }
 .catalog .submenu-2 a:hover, .catalog .submenu-2 a.active { background-color: #455869; }

 .catalog .submenu-2 li:last-child a { border-bottom: 0; }
 .home-text { padding: 30px 0; background-color: #fff; }
 .parent-cats .grid-item { width: 25%; -webkit-flex-basis: 25%; flex-basis: 25%; max-width: 25%; }
 .parent-cat-item { padding: 40px 10px; border: 1px solid #d3d7dd; border-radius: 3px; height: 100%; background-color: #fff; }
 .parent-cat-item, .parent-cat-item span { display: block; text-align: center; }
 .parent-cat-item .cat-title { font-size: 17px; min-height: 40px; color: #317ea5; }
 .parent-cat-item:hover { border-color: #f99500; }
 .parent-cat-item:hover .cat-title { color: #f99500; }
 .parent-cats .cat-image { margin: 27px 0; }

 .category .parent-cats .grid-item { width: 33%; -webkit-flex-basis: 33%; flex-basis: 33%; max-width: 33%; }
 .category .parent-cats .parent-cat-item { border: 0; }

 .products-home { padding-top: 50px; }

 footer { padding: 28px 0; color: #d5d8da; background-color: #133647; }
 footer a { color: #d5d8da; }
 .footer-left, .footer-right { font-size: 15px; display: inline-block; vertical-align: top; }
 .footer-table { display: table; table-layout: fixed; width: 100%; }
 .footer-col { display: table-cell; min-width: 230px; vertical-align: top; padding-right: 30px; }
 .footer-col:last-child { padding-right: 0; }
 .footer-col .col-header { font-weight: 500; margin-bottom: 8px; color: #fff; }
 .footer-col p { margin-bottom: 6px; }
 .footer-contact { max-width: 250px; }
 .footer-right { width: 330px; margin-right: 100px; }
 .footer-left { width: -webkit-calc(100% - 430px); width: calc(100% - 430px); }
 .footer-rek { font-size: 13px; float: right; }
 .footer-rek p { margin-bottom: 8px; }
 footer .social-links { margin-bottom: 10px; }
 .social-links li { display: inline-block; margin-left: 9px; vertical-align: middle; }
 .social-links a { display: block; width: 18px; height: 20px; margin-top: 5px; opacity: .7; background-repeat: no-repeat; background-position: center center; background-size: contain; }
 .social-links li:first-child { margin-left: 0; }
 .social-links a:hover { opacity: 1; }
 footer .social-links a { width: 22px; height: 22px; }
 .link-whatsapp { background-image: url('images/whatsapp.svg'); }
 .link-viber { background-image: url('images/viber.svg'); }
 .link-telegram { background-image: url('images/telegram.svg'); }
 .link-mail { background-image: url('images/mail.svg'); }
 .link-whatsapp-blue { background-image: url('images/whatsapp-blue.svg'); }
 .link-viber-blue { background-image: url('images/viber-blue.svg'); }
 .link-telegram-blue { background-image: url('images/telegram-blue.svg'); }
 .link-mail-blue { background-image: url('images/mail-blue.svg'); }
 .link-skype { background-image: url('images/skype.svg'); }
 footer li { display: block; margin-bottom: 8px; }

 .category-toolbar .category-count { float: left; }
 .category-toolbar .category-options { float: right; }
 .subcat-links { margin: 20px 0; }
 .subcat-links li { display: inline-block; margin-right: 10px; }
 .subcat-links a { display: block; background-color: #75899a; color: #fff; border-radius: 3px; padding: 6px 14px; margin-bottom: 8px; font-size: 14px; }
 .subcat-links a:hover { opacity: 0.65; }

 .overlay_menu {
 position: absolute;
 z-index: 11;
 top: 104px;
 display: none;
 width: 100%;
 height: 100vh;
 background: rgba(33, 44, 56,.5);
 }

 .prod-header-wrap { position: relative; display: inline-block; width: -webkit-calc(100% - 250px); width: calc(100% - 250px); margin-left: 20px; }
 .prod-header-wrap h1 { padding-right: 40px; }
 .product-page { position: relative; margin-top: 20px; }
 .product-left { position: relative; overflow: hidden; margin-right: 360px; }
 .product-right { float: right; width: 330px; }
 .product-left, .prod-price-block { padding: 30px; border-radius: 3px; background-color: #fff; }
 .prod-info-block { margin-top: 30px; margin-bottom: 20px; padding: 20px; background-color: #fff; }
 .prod-info-block { margin-top: 30px; margin-bottom: 20px; padding: 20px; border-radius: 3px; background-color: #fff; }
 .prod-info-block h3:first-child { margin-top: 0; }
 .prod-info-block .text-green { font-size: 13px; display: block; }
 .prod-price-wrap .prod-stock {
 margin-bottom: 16px;
 padding-top: 16px;
 border-top: 1px solid #dee7f2;
 margin-top: 16px;
 }
 .prod-price { font-weight: 500; }
 .prod-price-wrap { text-align: center; }
 .prod-price-block .prod-sku { width: -webkit-calc(100% - 40px); width: calc(100% - 40px); margin-bottom: 6px; }
 .prod-price-wrap .prod-price { font-size: 32px; margin-bottom: 14px; }
 .prod-sku { font-size: 14px; display: inline-block; padding: 7px 14px 5px; color: #424d53; background-color: #ebf0f5; }
 .prod-price-new { color: #d45757; }
 .prod-content .prod-price-new { margin-left: 10px; }
 .prod-price-block { position: relative; }
 .prod-price-opt {
 margin-bottom: 10px;
 }
 .sticker-production {
 position: absolute;
 display: inline-block;
 left: 0;
 top: 24px;
 padding: 10px 15px 10px 35px;
 background: url(images/cog.svg) no-repeat left 10px center;
 background-size: 18px auto;
 background-color: #768086;
 text-transform: uppercase;
 font-size: 10px;
 font-weight: bold;
 color: #fff;
 line-height: 1.2;
 text-align: left;
 letter-spacing: 1px;
 z-index: 1;
 }

 .price-opt { font-weight: 500; background-color: #ffdc41; display: inline-block; padding: 3px 5px 1px; }


 .label-discount { font-size: 15px; position: absolute; top: 25px; left: 0; display: inline-block; padding: 5px 10px; color: #fff; background-color: #d45757; }
 .product-left .label-discount { z-index: 10; }
 .product-left .text-block { text-align: left; }
 .prod-photo { float: left; width: 450px; text-align: center; }
 .prod-photo-main { padding: 30px; }
 .prod-photo a { display: block; text-align: center; }
 .prod-photo-add { font-size: 0; margin: 0 -5px; }
 .prod-photo-add li { display: inline-block; vertical-align: top; padding: 5px; width: 25%; }
 .prod-photo-add a { display: block; border: 1px solid #d8dee0; position: relative; padding-bottom: 100%; }
 .prod-photo-add a img {
 position: absolute;
 max-width: 80%;
 max-height: 80%;
 left: 50%;
 top: 50%;
 -webkit-transform: translate(-50%, -50%);
 transform: translate(-50%, -50%);
 }
 .prod-photo a:hover { border-color: #f99500; }
 .prod-descbox { margin-top: 30px; }

 .text-info-blue { font-size: 14px; line-height: 1.4; padding: 10px; color: #526b79; background-color: #f7f9fb; }
 .prod-photo .text-info-blue { font-size: 13px; text-align: left; }
 .prod-content { margin-left: 490px; }
 .props-table { margin: 20px 0; width: 100%; }
 .props-cell { padding: 10px; border-bottom: 1px solid #dee7f2; }
 .props-row:first-child .props-cell { border-top: 1px solid #dee7f2; }
 .props-key { font-size: 13px; text-transform: uppercase; color: #555; }
 .props-val { width: 170px; }
 .text-info { font-size: 12px; color: #777; }
 .category-desc {
 margin-top: 30px;
 background-color: #fff;
 padding: 20px;
 border-radius: 3px;
 }

 .btn-add-cart.e-icon-cart::before {
 background-image: url(images/cart-w.svg);
 width: 20px;
 height: 20px;
 margin-top: -2px;
 }
 /* .btn-add-cart.e-icon-cart::before, .btn-buy.e-icon-cart::before { opacity: 0.6; } */

 .page-item {
 font-size: 0;
 margin-bottom: 16px;
 background-color: #fff;
 padding: 20px;
 border-radius: 3px;
 }
 .page-item-image {
 display: inline-block;
 width: 140px;
 margin-right: 20px;
 }
 .page-item-image + .page-item-desc { display: inline-block; vertical-align: top;
 width: -webkit-calc(100% - 160px);
 width: calc(100% - 160px);
 font-size: 15px; }
 .page-item-desc { font-size: 15px; }
 .page-item-desc time { font-size: 14px; color: #555; display: block; margin: 6px 0; }
 .page-item-desc .h3 { display: block; }

 .search-page { margin-top: 20px; }

 .price-table-wrap { display: none; }
 .price-table { width: 100%; margin-bottom: 40px; }
 .price-table th { text-align: left;
 padding: 10px 10px;
 background-color: #6f7984;
 border: 1px solid #6f7984;
 color: #fff; }
 .price-table td { vertical-align: middle; padding: 5px 10px; border-bottom: 1px solid #d9dde2; }
 .price-table td:first-child { border-left: 1px solid #d9dde2; }
 .price-table td:last-child { border-right: 1px solid #d9dde2; }
 .price-table .item-image { width: 60px; }
 .price-table .item-price, .price-table .item-price-opt { width: 80px; text-align: right; }
 .header-wrap {
 display: -webkit-flex; display: flex;
 -webkit-flex: 0 1 100%;
 flex: 0 1 100%;
 -webkit-justify-content: space-between;
 justify-content: space-between;
 margin-bottom: 20px;
 -webkit-align-items: center;
 align-items: center;
 padding-top: 12px;
 font-weight:400;
 border-top: 1px solid #f2f2f2;

 }
 [data-toggle-price] { cursor:pointer; padding-left:20px }
 [data-toggle-price]:hover { color:#1265a2 }
 .header-wrap h2 { margin-bottom: 0; border-bottom: 1px dashed; }
 .contacts-block p { margin-bottom: 10px; }

 .gallery { margin-top: 40px; }
 .gallery .grid-item { width: 25%; }
 .gallery a { display: block; }
 .gallery a:hover { -webkit-transform: translateY(-8px); transform: translateY(-8px); opacity: .7; }

 .homecats-grid {
 margin-left: -4px;
 margin-right: -4px;
 font-size: 0;
 display: block;
 padding-top: 10px;
 padding-bottom: 40px;
 }

 .isflex .homecats-grid {
 display: -webkit-flex;
 display: flex;
 -webkit-flex: 1 0 auto;
 flex: 1 0 auto;
 -webkit-flex-wrap: wrap;
 flex-wrap: wrap
 }

 .homecats-grid .homecat-item {
 display: inline-block;
 vertical-align: top;
 width: 25%;
 padding: 4px;
 }

 .homecat-item-title {
 position: absolute;
 z-index: 1;
 bottom: 20px;
 left: 20px;
 right: 20px;
 display: inline-block;
 font-weight: 500;
 color: #fff;
 font-size: 18px;
 /* max-width: 310px; */
 }

 .homecats-grid .homecat-item img {
 position: absolute;
 }

 .object-fit {
 width: 100%;
 height: 100%;
 object-fit: cover;
 font-family: 'object-fit: cover; '
 }

 .homecat-item-inner {
 display: block;
 overflow: hidden;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 padding-bottom: 100%;
 position: relative;
 }

 .homecat-item-inner:after {
 content: '';
 display: block;
 position: absolute;
 bottom: 0;
 left: 0;
 width: 100%;
 /* Permalink - use to edit and share this gradient: https://colorzilla.com/gradient-editor/#000000+0,000000+100&0+1,0.65+99 */
 background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0) 1%, rgba(0,0,0,0.65) 99%, rgba(0,0,0,0.65) 100%); /* FF3.6-15 */
 background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* Chrome10-25,Safari5.1-6 */
 background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 1%,rgba(0,0,0,0.65) 99%,rgba(0,0,0,0.65) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
 height: 70%;
 }

 .homecat-item-inner img {
 -webkit-transition: all .15s ease-in-out;
 transition: all .15s ease-in-out
 }

 .homecat-item-inner:hover img {
 transform: scale(1.05)
 }

 @supports (display:grid) {
 @media screen and (min-width: 768px) {
 .homecats-grid .homecat-item {
 padding-bottom: 33.33%;
 position: relative;
 }
 .homecat-item-inner {
 position: absolute;
 padding-bottom: 0;
 }

 .homecats-grid, .isflex .homecats-grid {
 display:grid;
 grid-template-columns: repeat(6,1fr);
 grid-gap: 8px;
 margin-left: 0;
 margin-right: 0
 }

 .homecats-grid .homecat-item {
 width: 100%;
 padding: 0
 }

 .homecats-grid .homecat-item img {
 padding: 0
 }
 .homecats-grid .homecat-item { grid-column: span 2; padding-bottom: 50%; }
 .homecats-grid .homecat-item:first-child, .homecats-grid .homecat-item:nth-child(4) { grid-column: span 2; grid-row: span 2; padding-bottom: 50%; }
 .homecats-grid .homecat-item:nth-child(2) { /* grid-column: span 4; */grid-row: span 2; padding-bottom: 100%; }
 .homecats-grid .homecat-item:nth-child(n+8) { grid-column: span 2; padding-bottom: 33.33%; }

 }

 }
 .textbox .nice-select { border: 1px solid #7a8c9c; }
 .visually-hidden {
 position: absolute !important;
 height: 1px;
 width: 1px;
 overflow: hidden;
 clip: rect(1px 1px 1px 1px);
 clip: rect(1px, 1px, 1px, 1px);
 white-space: nowrap;
 }