* { outline: none !important; }

/* barlow-regular - latin-ext_latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 400;
    src: local(''),
    url('../fonts/barlow-v12-latin-ext_latin-regular.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/barlow-v12-latin-ext_latin-regular.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-500 - latin-ext_latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 500;
    src: local(''),
    url('../fonts/barlow-v12-latin-ext_latin-500.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/barlow-v12-latin-ext_latin-500.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-600 - latin-ext_latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 600;
    src: local(''),
    url('../fonts/barlow-v12-latin-ext_latin-600.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/barlow-v12-latin-ext_latin-600.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}
/* barlow-700 - latin-ext_latin */
@font-face {
    font-family: 'Barlow';
    font-style: normal;
    font-weight: 700;
    src: local(''),
    url('../fonts/barlow-v12-latin-ext_latin-700.woff2') format('woff2'), /* Chrome 26+, Opera 23+, Firefox 39+ */
    url('../fonts/barlow-v12-latin-ext_latin-700.woff') format('woff'); /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */
}

:root {
    --swiper-navigation-size: 30px;
    --swiper-pagination-bullet-size: 18px;
    --swiper-pagination-bullet-horizontal-gap: 6px;
    --swiper-navigation-color: #999;
    --header-height: 86px;
}

body { font-family: 'Barlow', sans-serif; font-size: 1rem; font-weight: 400; color: #282828; background: #fff; }

.img-anim {
    -webkit-transition: all 0.3s 0s ease; -moz-transition: all 0.3s 0s ease; -o-transition: all 0.3s 0s ease; transition: all 0.3s 0s ease;
    -webkit-backface-visibility: hidden; -moz-backface-visibility: hidden; -ms-backface-visibility: hidden; backface-visibility: hidden;
    -moz-transform: translate3d(0, 0, 0); -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0);
}

.ulclear { margin:0; padding:0; list-style:none; }

.btn svg { width: 16px; height: 16px; }
.btn { border: 0 none; border-radius: 0; text-transform: uppercase; font-weight: 700; --tooljo-btn-padding-y: .75rem; --tooljo-btn-padding-x: 1rem; --tooljo-btn-font-size: 1rem; }
.btn-lg { --tooljo-btn-padding-y: 1rem; --tooljo-btn-padding-x: 1.5rem; --tooljo-btn-font-size: 1rem; }
.btn-primary { --tooljo-btn-color: #fff; }
.btn-primary:hover { --tooljo-btn-hover-bg: var(--tooljo-blue); --tooljo-btn-hover-color: #fff; }
.btn-secondary {}
.btn-secondary:hover { --tooljo-btn-hover-bg: var(--tooljo-orange); --tooljo-btn-hover-color: #fff; }

.btn-primary { --tooljo-btn-active-color: var(--tooljo-orange); --tooljo-btn-active-bg: var(--tooljo-gray-500); --tooljo-btn-active-border-color: var(--tooljo-gray-500) }

.btn-sm { --tooljo-btn-padding-y: 6px; --tooljo-btn-padding-x: 6px; --tooljo-btn-font-size: 10px; font-weight: 400; }

.btn-offcat { text-transform: none; }
.btn-offcat svg { display: inline-block; width: 14px; height: 14px; margin-left: 5px; vertical-align: top; }

.form-control {  }
.form-control:focus {  }

/*.form-control::-webkit-input-placeholder { color: #005c9b; }*/
/*.form-control::-moz-placeholder { color: #005c9b; }*/
/*.form-control:-ms-input-placeholder { color: #005c9b; }*/
/*.form-control:-moz-placeholder { color: #005c9b; }*/

.bg-light { background-color: #f5f6f7!important; }
.bg-light2 { background-color: #efefef!important; }

.nav-link:focus, .nav-link:hover { color: initial; }

.main-title { font-size: 2.875rem; line-height: 1.1; font-weight: 500; margin-bottom: 2.75rem; }
.main-title>span { position: relative; display: flex; flex-wrap: nowrap; align-items: center; margin-bottom: .5rem; color: var(--tooljo-orange); font-size: 1rem; font-weight: 600; text-transform: uppercase; }
.main-title>span:before { content: ''; width: 6.875rem; height: 1px; background-color: var(--tooljo-orange); margin-right: 1rem; }
.main-title.text-center { text-align: center; }
.main-title.text-center>span { justify-content: center; }

.py-6 { padding-top: 4rem!important; padding-bottom: 4rem!important; }
.link-overlay { position: absolute; z-index: 3; top: 0; right: 0; bottom: 0; left: 0; background-color: transparent; text-decoration: none; font-size: 0; line-height: 0; }

.header-top { font-size: .875rem; font-weight: 500; border-bottom: 1px solid rgba(var(--tooljo-dark-rgb), .2); background-color: #fff; position: relative; z-index: 1023;  }
.header-top .brand-links {  }
.header-top .brand-links .nav-link { }
.header-top .nav-link { text-transform: uppercase; color: #282828; padding: .5rem; }
.header-top .nav-link:hover { color: #fff; background-color: var(--tooljo-blue) }
.header-top .nav-link.active { color: var(--tooljo-orange); background-color: transparent; }

header { box-shadow: 0 0 .75rem 0 rgba(var(--tooljo-dark-rgb), .3);}
header.sticky-top { z-index: 1022; }
header .navbar { --tooljo-navbar-padding-y: 1rem; }
header .navbar-brand { --tooljo-navbar-brand-padding-y: 0; }
header .navbar-brand img { width: 205px; }
header .nav-link { color: #000; --tooljo-nav-link-font-size: 1rem; --tooljo-nav-link-font-weight: 700;  --tooljo-navbar-active-color: var(--tooljo-blue); }
header .nav-link:hover,
header .nav-link.show,
header .nav-link.active { color: var(--tooljo-orange); }
header .navbar-nav .nav-item + .nav-item { margin-left: clamp(0px,2.1vw, 40px); }
header .dropdown-toggle::after { color: var(--tooljo-orange); }

.dropdown-menu { --tooljo-dropdown-link-hover-color: #fff; --tooljo-dropdown-link-hover-bg: var(--tooljo-orange); --tooljo-dropdown-link-active-bg: var(--tooljo-blue); }


.modal-search { --tooljo-light: var(--tooljo-gray-400); --tooljo-modal-width: 630px; }
.modal-search .modal-content { border: 0 none; box-shadow: 0 0 12px 0 rgba(0,0,0,.5); }
.modal-search .modal-header { position: relative; color: var(--tooljo-gray-700); padding: 10px 15px 10px 10px; border-bottom: 0 none; }
.modal-search .modal-header>svg.icon { position: absolute; top: 50%; left: 15px; transform: translateY(-50%); width: 2rem; }
.modal-search .modal-header .form-control { padding: 5px 5px 5px calc(3rem + 1rem); background-color: transparent; border-radius: 0; border: 0 none; border-bottom: 1px solid var(--tooljo-gray-700); color: #000; font-size: 2rem; font-weight: 400; }
.modal-search .modal-header .form-control:focus { box-shadow: none; }
/*.modal-search .modal-header .form-control::-webkit-input-placeholder { color: var(--tooljo-dark); }*/
/*.modal-search .modal-header .form-control::-moz-placeholder { color: var(--tooljo-dark); }*/
/*.modal-search .modal-header .form-control:-ms-input-placeholder { color: var(--tooljo-dark); }*/
/*.modal-search .modal-header .form-control:-moz-placeholder { color: var(--tooljo-dark); }*/
.modal-search .btn-close { font-size: 1.5rem; opacity: .7; margin-left: 15px; background: transparent url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23282828'%3e%3cpath d='M.293.293a1 1 0 011.414 0L8 6.586 14.293.293a1 1 0 111.414 1.414L9.414 8l6.293 6.293a1 1 0 01-1.414 1.414L8 9.414l-6.293 6.293a1 1 0 01-1.414-1.414L6.586 8 .293 1.707a1 1 0 010-1.414z'/%3e%3c/svg%3e") center/1em auto no-repeat; }
.modal-search .btn-close:hover { opacity: 1; }
.modal-search .btn-close:focus { box-shadow: none; }
.modal-search .modal-body { position: relative; padding: 1rem; overflow: hidden; display: flex; flex-direction: column; }
.modal-search .mini-list { display: flex; flex-direction: column; max-height: 100%; overflow: hidden; background-color: var(--tooljo-light); border-radius: 7px; }
.modal-search .mini-list::before{ content: ''; position: absolute; top: 0; left: 40px; right: auto; width: 0; height: 0; border-style: solid; border-width: 0 1rem 1rem 1rem; border-color: transparent transparent var(--tooljo-light) transparent; }
/*.modal-search .mini-list .item:hover { background-color: #fafafa; }*/
.modal-search .product-item-wrapper { max-height: 100%; }



.scroll-wrapper { overflow-y: auto; }
.scroll-wrapper::-webkit-scrollbar { width: 7px; background-color:rgba(0,0,0,0.2); border-radius: 7px; }
.scroll-wrapper::-webkit-scrollbar-track { background-color: transparent; }
.scroll-wrapper::-webkit-scrollbar-thumb { border-radius: 7px; background-color:rgba(0,0,0,0.4); }
.scroll-wrapper::-webkit-scrollbar-thumb:hover { background-color:rgba(0,0,0,0.7); }

.quick-nav {}
.quick-nav .nav-link { --tooljo-nav-link-padding-y: .5rem; --tooljo-nav-link-padding-x: .5rem; }
.quick-nav .nav-item+.nav-item { margin-left: 5px; }
.quick-nav .nav-link svg { display: block; width: 16px; height: 16px; }
.quick-nav .dropdown-toggle::after { content: none; }

.promobox,
.promobox * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }
.promobox .item { position: relative; overflow: hidden; height: 0; padding-bottom: 100%; }
.promobox .item .link-overlay {}
.promobox .item picture { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.promobox .item img { width: 100%; height: 100%; object-fit: cover; }

.swiper-pagination-bullet { border-radius: var(--swiper-pagination-bullet-size); transition: all 0.2s 0s ease; background-color: var(--tooljo-gray-700); opacity: 1; }
.swiper-pagination-bullet-active { width: calc(var(--swiper-pagination-bullet-size) * 3); background-color: var(--tooljo-blue); opacity: 1; }
.swiper-horizontal>.swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {}

.promobox .swiper-pagination-bullet { background-color: var(--tooljo-gray-500); opacity: 1; }
.promobox .swiper-pagination-bullet-active { background-color: var(--tooljo-orange); opacity: 1; }
.promobox .swiper-horizontal>.swiper-pagination-bullets, .promobox .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: .75rem; }

.text ul { list-style: none; padding: 0 0; margin: 0 0; font-weight: 700; font-size: .9375rem; }
.text ul li { display: flex; margin-bottom: 1rem; }
.text ul li:before { content: ''; width: 16px; height: 16px; flex: 0 0 16px; margin-right: .5rem; margin-top: .275rem;
    background: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='%23ee7025' d='M12.736 3.97a.733.733 0 0 1 1.047 0c.286.289.29.756.01 1.05L7.88 12.01a.733.733 0 0 1-1.065.02L3.217 8.384a.757.757 0 0 1 0-1.06.733.733 0 0 1 1.047 0l3.052 3.093 5.4-6.425a.247.247 0 0 1 .02-.022Z'/%3e%3c/svg%3e") 50% 50% no-repeat scroll transparent;
    background-size: cover;
}

.aboutus .text ul { column-count: 2; column-gap: 1rem; }
.aboutus .text ul { margin-top: 2rem; }
.aboutus .text a { font-weight: 700; color: #000; }
.aboutus .text a:hover { color: var(--tooljo-orange); }

.sticky-header-height { top: calc(var(--header-height) + var(--sticky-offset)); }

.quick-links { gap: 1.5rem; margin-top: 2.5rem; }
.quick-links a { width: 33.3333%; color: #000; font-weight: 700; text-decoration: none; line-height: 1.2;
    transition: all 0.15s 0s ease-in-out;
}
.quick-links a .icon { width: 4rem; height: 4rem; margin-right: 1rem; flex: 0 0 4rem; display: inline-flex; border-radius: 100%; background-color: var(--tooljo-gray-700); color: #fff;
    transition: all 0.15s 0s ease-in-out;
}
.quick-links a .icon>svg { width: 24px; margin: auto; }
.quick-links a span:not(.icon) {  }
.quick-links a:hover { color: var(--tooljo-orange); }
.quick-links a:hover .icon { background-color: var(--tooljo-blue); }

.brands {}
.brands .item { display: flex; height: 100%; padding: .875rem; border: 1px solid var(--tooljo-gray-500); box-shadow: 0 0 0 rgba(0,0,0,.2);
    transition: all 0.15s 0s ease-in-out;
}
.brands .item img {  margin: auto; }
.brands .item:hover { background-color: var(--tooljo-light); box-shadow: 0 0 .5rem rgba(0,0,0,.2); }

.brands-widget-list {}
.brands-widget-list .item { padding: .5rem; }
.brands-widget-list .item, .brands-widget-list .item:hover{ border: 0 none;
    box-shadow:
            1px 0 0 0 var(--tooljo-gray-500),
            0 1px 0 0 var(--tooljo-gray-500),
            1px 1px 0 0 var(--tooljo-gray-500),
            1px 0 0 0 var(--tooljo-gray-500) inset,
            0 1px 0 0 var(--tooljo-gray-500) inset;
}

/*.brands-widget .row>div { aspect-ratio: 2 / 1; }*/

.category-list {  }
.category-list.widget { --tooljo-category-item-row: 6; }
.category-list.widget { display: flex; flex-wrap: wrap; }
.category-list.widget .main-title { flex: 0 1 calc((100% / var(--tooljo-category-item-row)) * 2); margin-bottom: 5px; }
.category-list.widget .item { position: relative; flex: 0 1 calc(100% / var(--tooljo-category-item-row)); padding: 1.5rem 10px; text-align: center; color: var(--tooljo-dark); text-decoration: none;}
.category-list.widget .item.stretched-link::after { content: none; }
.category-list.widget .item .category-image { }
.category-list.widget .item .category-title { margin: 1.5rem 0 0 0; font-size: 12px;font-weight: 600; text-transform: uppercase; }
.category-list.widget .item:hover { color: var(--tooljo-orange); }
.category-list.widget .item:hover .category-image { filter: grayscale(90%); }

.product-list {}
.product-list .item { position: relative; display: flex; flex-direction: column; height: 100%; text-align: center; padding: 2rem; background-color: #fff; }
.product-list .item .link-overlay:hover ~ .product-details .btn-secondary { background-color: var(--tooljo-orange); color: #fff; }
.product-list .item .link-overlay:hover ~ .product-title{ color: var(--tooljo-orange); }
.product-list:not(.product-slider):not(.mini-list) .item { transition: all 0.3s 0s ease; }
.product-list:not(.product-slider):not(.mini-list) .item:hover { box-shadow: 0 0 15px rgba(var(--tooljo-dark-rgb), .2); }
.product-list .product-image { position:relative; }
.product-list .product-image img { image-rendering: -webkit-optimize-contrast; transform: translate3d(0, 0, 0); }
.product-list .product-title { margin: 1rem 0; font-size: 14px; font-weight: 700; color: var(--tooljo-dark); text-transform: uppercase; }
.product-list .product-title a { color: inherit; text-decoration: none; }
.product-list .product-title:hover { color: var(--tooljo-orange); }
.product-list .product-details { margin-top: auto; }
.product-list .product-details .btn { width: 100%; }
.product-list .product-new {position:absolute;right:0;top:0;z-index:100;}

.product-view .product-image {position:relative;}
.product-view .product-new {position:absolute;right:0;top:0;z-index:100;}

.product-list.mini-list { padding: 1rem 5px 1rem 1rem; }
.product-list.mini-list .item { height: inherit; flex-direction: row; flex-wrap: nowrap; align-items: center; padding: 1rem; margin-right: 1rem;  text-align: left; }
.product-list.mini-list .item + .item  { margin-top: 1rem; }
/*.product-list.mini-list .item .link-overlay { display: none; }*/
.product-list.mini-list .product-image { width: 120px; flex-shrink: 0; margin-right: 1rem; }
.product-list.mini-list .product-title { margin: 0 auto 0 0; font-size: 1.25rem; }
.product-list.mini-list .product-details { margin: 0 0 0 1rem; }
.product-list.mini-list .product-details .btn { width: auto; --tooljo-btn-padding-x: 1rem; --tooljo-btn-padding-y: .75rem; }

.product-slider,
.product-slider * { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; user-drag: none; -webkit-user-drag: none; }
.product-slider .swiper { padding-bottom: 3rem; }
.product-slider .swiper-horizontal>.swiper-pagination-bullets, .product-slider .swiper-pagination-bullets.swiper-pagination-horizontal { bottom: 0; }

.category-lead img { margin-bottom: 1rem; max-width: 100%; height: auto; } /* img-fluid */

.product-view .product-image a:hover { border-color: var(--tooljo-orange)!important; }

.table-fixed { table-layout: fixed; }

.newsletter {}
.newsletter .nl-wrapper { background-color: var(--tooljo-gray-500); align-items: center; }
.newsletter .nl-wrapper .image { background: url(../images/bg-nl.png) 100% 0 no-repeat scroll transparent; background-size: cover; }
.newsletter .nl-wrapper .title { position: relative; }
.newsletter .nl-wrapper h2 { margin: 0 0; font-weight: 500; }
.newsletter form { display: flex; padding: 2.75rem 2rem; }
.newsletter .col-btn { padding: 1.5rem 2rem; }
.newsletter .form-control { background-color: transparent; border-radius: 0; border: 0 none; border-bottom: 1px solid var(--tooljo-gray-700); color: #000; }
.newsletter .form-control:focus { box-shadow: none; border-color: var(--tooljo-orange);}
.newsletter .btn-lg { --tooljo-btn-padding-x: clamp(1rem, 3.6vw, 70px); }
.newsletter .nl-wrapper .icon { flex: 0 0 4.375rem; position: absolute; top: 50%; right: 100%; transform: translate(10px, -50%); display: flex; width: 4.375rem; height: 4.375rem; border-radius: 100%; background-color: #fff; color: var(--tooljo-dark); }
.newsletter .nl-wrapper .icon svg { width: 32px; height: 32px; margin: auto; }


.newsletter .form-control.is-invalid,
.form-control.is-invalid { border-color: #dc3545; }

.social-box { gap: 1rem; }
.social-box a { padding: .5rem; color: var(--tooljo-gray-700); text-decoration: none; }
.social-box a svg { display: block; width: 26px; height: 26px; }
.social-box a:hover { color: var(--tooljo-orange); }

footer {  }
footer .subtitle { margin: 0 0 1.5rem 0; font-size: 1rem; font-weight: 600; text-transform: uppercase; }
.info-list { list-style: none; padding: 0; margin: 0; }
.info-list li+li { margin-top: 0 }
.info-list .nav-link { display: inline-flex; align-items: center; }
.info-list .nav-link svg { width: 16px; height: 16px; margin-right: 1rem; color: var(--tooljo-gray-700); }
.info-list .nav-link:not(span):hover { color: var(--tooljo-orange); }
.info-list .nav-link:not(span):hover svg { color: var(--tooljo-orange); }
/*
footer .brand-list  { display: flex; flex-wrap: wrap; width: 100%; }
footer .brand-list li { width: 25%; }
 */
footer .brand-list { column-count: 3; column-gap: clamp(5px, 2.5vw, 48px); }
footer .brand-list li { }
footer .logo img { max-width: 205px; }
footer .bottom { font-size: 13px; }
footer .bottom a { text-decoration: none; }
footer .bottom a:hover { text-decoration: underline }

.offcanvas-navigation.offcanvas-end { width: 80%; max-width: 400px; }
.offcanvas-navigation { background-color: var(--tooljo-light); color: var(--tooljo-dark); }
.offcanvas-navigation .offcanvas-header { border-bottom: 1px solid var(--tooljo-gray-400); }
.offcanvas-navigation .offcanvas-header .btn-close { opacity: 1; }
.offcanvas-navigation .offcanvas-title img { max-width: 120px; }
.offcanvas-navigation .collapse:not(.show) { display: block; }
.offcanvas-navigation ul .nav-link { font-size: 1.142rem; font-weight: 700; }
.offcanvas-navigation .info-list .nav-link { font-weight: 400; }
.offcanvas-navigation .nav-link.active { background-color: var(--tooljo-orange); color: #fff; margin-right: calc(var(--tooljo-offcanvas-padding-x) * -1); margin-left: calc(var(--tooljo-offcanvas-padding-x) * -1); padding-right: var(--tooljo-offcanvas-padding-x); padding-left: var(--tooljo-offcanvas-padding-x); }
.offcanvas-navigation .nav-link:focus-visible { outline: none!important; box-shadow: none!important; }
.offcanvas-navigation .dropdown-menu { --tooljo-dropdown-padding-y: 5px; }
.offcanvas-navigation .dropdown-menu li + li { border-top: 1px solid var(--tooljo-border-color-translucent); }
.offcanvas-navigation .dropdown-item { font-size: 1rem; white-space: normal }
.offcanvas-navigation .dropdown-item.active,
.offcanvas-navigation .dropdown-item:active,
.offcanvas-navigation .dropdown-item:focus,
.offcanvas-navigation .dropdown-item:hover { color: #fff; background-color: var(--tooljo-blue); }

.offcanvas-navigation .lang-box { gap: 10px; }
.offcanvas-navigation .lang-box a { padding: .5rem; color: var(--tooljo-gray-700); font-weight: 600; line-height: 1; font-size: 16px; text-decoration: none; }
.offcanvas-navigation .lang-box a:hover { text-decoration: none; }
.offcanvas-navigation .lang-box a.active { color: var(--tooljo-orange); text-decoration: underline; }
.offcanvas-navigation .social-box { gap: 10px; margin: 1rem 0; justify-content: flex-start!important;  }
.offcanvas-navigation .social-box a svg { width: 20px; height: 20px; }

.modal-backdrop.show,
.offcanvas-backdrop.show { opacity: 1; background-color: rgba(0,0,0,.6);
    backdrop-filter: blur(3px) saturate(140%);
    -webkit-backdrop-filter: blur(3px) saturate(140%);
}
.modal-backdrop,
.offcanvas-backdrop { transition: backdrop-filter .15s linear, background-color .15s linear, opacity .15s linear; }



.sidebar-header { margin-top: 0; margin-bottom: 1.5rem; padding-bottom: .5rem; border-bottom: 1px solid var(--tooljo-gray-500); font-size: 1.25rem; font-weight: 700; }
.sidebar-header:first-child { margin-top: 0; }
.sidebar-header .help-block { font-weight: 400; }
.category-nav .nav-link.active,
.category-nav .show>.nav-link { color: inherit; background-color: inherit; }
.category-nav .nav-link { white-space: normal; display: flex; align-items: center; color: var(--tooljo-dark); margin-bottom: 4px; padding: .5rem .5rem; font-size: 14px; font-weight: 400; }
.category-nav .nav-link>i { }
.category-nav .nav-link>i img { }
.category-nav .nav-link .icon { display: block; width: 32px; height: 32px; margin-right: 8px; }
/*.category-nav .nav-item>.nav-link { background-color: var(--tooljo-gray-400); }*/
.category-nav .nav-link[aria-expanded="false"] { background-color: transparent; }
.category-nav .nav-link[aria-expanded="true"] { background-color: var(--tooljo-gray-400); }
/*.category-nav .nav-link.collapsed { background-color: transparent; color: var(--tooljo-dark); }*/
.category-nav .nav-link.dropdown-toggle::after { transition: all 0.1s 0s ease;  }
.category-nav .nav-link.collapsed.dropdown-toggle::after { transform: rotate(0);  }
.category-nav .nav-link:hover { background-color: var(--tooljo-gray-400); }
.category-nav .nav-link.active { color: var(--tooljo-blue); font-weight: 600; }
.category-nav .nav-link.active:not(.dropdown-toggle):hover { background-color: transparent; }
.category-nav .nav-collapse>.nav-link.active:hover { background-color: transparent; }

.category-nav .nav-collapse { position: relative; padding-left: calc(32px + 8px); }

.category-nav .nav-collapse::before { content: ''; position: absolute; top: .25rem; bottom: .25rem; left: calc(.5rem + (32px / 2)); width: 2px; /*height: calc(100% - .25rem)*/; background-color: var(--tooljo-gray-400); }
.category-nav .dropdown-toggle::after { transform: rotate(-180deg);
    color: red; margin-left: auto; border: 0 none; width: 1rem; height: 1rem;
    background: url("data:image/svg+xml,%3csvg width='16' height='16' viewBox='0 0 16 16' fill='%23282828' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
}

/*
.category-nav .nav-item>.nav-link { background-color: var(--tooljo-light); }
.category-nav .nav-item>.nav-link:hover { background-color: var(--tooljo-light); }
.category-nav .nav-item>.nav-link.collapsed { background-color: transparent; color: var(--tooljo-dark); }
.category-nav .nav-link>i { margin-right: .5rem; }
.category-nav .nav-collapse { position: relative; padding-left: 1.9375rem; }
.category-nav .nav-link.active,
.category-nav .show>.nav-link { color: inherit; background-color: inherit; }
.category-nav .nav-link.active { background-color: var(--tooljo-gray-400); }
.category-nav .show>.nav-link.active { background-color: transparent; color: var(--tooljo-blue); font-weight: 700; }
.category-nav .nav-collapse::before { content: ''; position: absolute; top: 0; left: 1.3125rem; width: 2px; height: 100%; background-color: var(--tooljo-gray-500); }
*/

.page-image { height: clamp(50px, 7.35vw, 150px); background: 50% 0 no-repeat scroll transparent; background-size: cover; }

.card-list:not(.gallery) .card:not(.news-image) { height: 100%; }
.card-list .card { text-decoration: none; color: var(--tooljo-dark); }
.card-list .card-body { padding: .75rem; }
.card-list .card:hover { border-color: var(--tooljo-orange); color: var(--tooljo-orange); }
.card-list .card-title { text-decoration: none; text-transform: uppercase; font-weight: 600; }
.card-list .card-text {  }

.news-view .content-lead {  }
.news-view .content-lead .short-desc { flex: 1; }

.form-control { border-radius: 0; border-color: var(--tooljo-gray-700); }
.user-form textarea.form-control { height: 185px; }

.team { margin-bottom: 4rem; }
.team .group-title { margin: 0 0 2rem 0; font-size: 2rem; font-weight: 500; }
.team .group:not(:last-child) { margin-bottom: 4rem; }
.team .group:not(:first-child) { margin-top: 4rem; }
.team .card { flex-direction: row; height: 100%; --tooljo-card-spacer-y: .75rem; --tooljo-card-spacer-x: .75rem; }
.team .card-image { flex: 0 0 auto; padding: var(--tooljo-card-spacer-y) var(--tooljo-card-spacer-x);  }
.team .card-body { display: flex; flex-direction: column; }
.team .card-title { color: var(--tooljo-blue); font-weight: 700; font-size: 1.125rem; margin-bottom: 0; }
.team .card-subtitle { font-weight: 700; font-size: 0.9375rem; margin-bottom: 0; }
.team .card-info { margin-top: .5rem; font-size: 13px; }
.team .card-info a { color: inherit; text-decoration: none; }
.team .card-info a:hover { color: var(--tooljo-orange); text-decoration: underline; }
.team .card-text:not(:last-child) { margin-bottom: .5rem; }

.main-subtitle { margin-bottom: 2rem; font-size: 2.875rem; font-weight: 500; }

.contact-wrapper { overflow: hidden; }
.contact-wrapper .col-form { padding: 1rem 2rem; margin-left: clamp(5px, 2.5223vw, 48px); }
.contact-wrapper .map-image { position: relative; display: flex; height: 100%; min-width: 440px; min-height: 640px; padding: 1rem; align-items: flex-end;
    background: url(../images/map-tooljo-01.jpg) 50% 50% no-repeat scroll transparent; background-size: cover;
}
.contact-wrapper .map-image img { display: none; }
.contact-wrapper .info-box { padding: 1rem; background-color: var(--tooljo-blue); font-size: .9375rem; color: #fff; }
.contact-wrapper .info-box h2 { margin: 0 0 0 0; font-size: 1.5rem; font-weight: 700; }

/**/
.show-phone,
.show-tablet,
.show-desktop { display: block; margin-left: auto; margin-right: auto; max-width: 100%; height: auto; }

.show-phone { display: none; }
.show-tablet { display: none; }
.show-desktop { display: none; }

.szechenyi { position: fixed; z-index: 101; }
.szechenyi .close { display: flex; justify-content: center; align-items: center; width: 40px; height: 40px; border: 0; padding: 0; outline: 0 none; border-radius: 100vw;
    background-color: #fff; box-shadow: 0 0 15px 0 rgba(238,112,37,.3); color: #000; opacity: 1;
    position: absolute; right: 10px;
    transition: background-color .15s ease-in-out, color .15s ease-in-out;
}
.szechenyi .close svg { width: 20px; }
.szechenyi .close:hover { background-color: #000; color: var(--tooljo-orange); }

.szechenyi-terv { right: 0; bottom: 0; }
.szechenyi-terv img { max-width: 450px; width: 100%; }
.szechenyi-terv .close { top: -50px;}

@media (min-width: 576px) {
    html { font-size: 14px; }
}
@media (min-width: 768px) {
    html { font-size: 14px; }

    .promobox .item { padding-bottom: 0; }
    .promobox .item,
    .promobox .item img { height: 280px; }
}
@media (min-width: 992px) {
    html { font-size: 14px; }

    .menu-toggler { display: none!important; }

    .promobox .item,
    .promobox .item img { height: 360px; }

    .newsletter .nl-wrapper .image { flex: 0 1 300px; height: 130px; }
    .newsletter .nl-wrapper .title { padding: 10px 1.75rem; }
    .newsletter .nl-wrapper h2 { font-size: 1.75rem;  }

    .offcanvas-category { transition: none; transform: none; visibility: visible!important; position: relative; z-index: 1; width: auto; top: auto; left: auto; bottom: auto; }
    .offcanvas-category .offcanvas-header { padding: 0; }
    .offcanvas-category .offcanvas-body { padding: 0; overflow-y: visible; }
    .offcanvas-category .btn-close { display: none; }

    .info-bar.sticky-top { position: static; }



}
@media (min-width: 1200px) {
    html { font-size: 16px; }

    .promobox .item,
    .promobox .item img { height: 430px; }

    .show-desktop { display: block!important; }
}

@media (min-width: 1400px) {
    html { font-size: 16px; }

    .promobox .item,
    .promobox .item img { height: 500px; }

    .newsletter .nl-wrapper .image { flex: 0 1 400px; height: 170px; }
    .newsletter .nl-wrapper .title { padding: 10px 2rem; }
    .newsletter .nl-wrapper h2 { font-size: 2.875rem;  }

}

@media (min-width: 768px) and (max-width: 991.98px) {

    .newsletter .nl-wrapper .image { flex: 0 1 180px; height: 92px; }
    .newsletter .nl-wrapper .title { padding: 10px 1.5rem; }
    .newsletter .nl-wrapper h2 { font-size: 1.5rem; }
    .newsletter .nl-wrapper form { padding: 1.5rem 1rem; }

    /*footer .brand-list { column-count: 4; }*/

    /*.header-top { font-size: 12px; }*/
    .header-top .brand-links .nav-link { font-size: 10px; }
    .header-top .nav-link { padding: .375rem; }

    .contact-wrapper .col-form { padding: 1rem; margin-left: 0; }
    .contact-wrapper .map-image { min-width: 280px; min-height: 407px; }

}

@media (min-width: 390px) and (max-width: 575.98px) {
    .category-list.widget { --tooljo-category-item-row: 3; }
}

@media (min-width: 576px) and (max-width: 767.98px) {
    .news-view .content-lead .pic { width: 40%; }
}

@media (min-width: 576px) and (max-width: 991.98px) {
    .category-list.widget { --tooljo-category-item-row: 4; }
}
@media (min-width: 576px) and  (max-width: 1199.98px) {
    .show-tablet { display: block!important; }
}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    .contact-wrapper .col-form { padding: 1rem 2rem; margin-left: 0; }
    .contact-wrapper .map-image { min-width: 360px; min-height: 524px; }
    .team .card-image { width: 100px; }
}

@media (max-width: 389.98px) {
    .category-list.widget { --tooljo-category-item-row: 2; }
}

@media (max-width: 575.98px) {
    html { font-size: 14px; }

    .aboutus .text ul { column-count: inherit; }

    .category-list.widget .item { padding: 1rem 5px; }
    .category-list.widget .item .category-title { margin-top: 1rem; }

    .product-list.mini-list .product-image { width: 55px!important; }

    .modal-search .modal-header .form-control { font-size: 1.5rem; }

    .col-images { max-width: 300px; margin: var(--tooljo-gutter-y) auto 0 auto; }

    .show-phone { display: block!important; }
}

@media (max-width: 767.98px) {
    :root {
        --swiper-pagination-bullet-size: 12px;
        --swiper-pagination-bullet-horizontal-gap: 3px;
    }

    .main-title { font-size: 2rem; margin-bottom: 1.5rem; }
    .main-title>span { font-size: 1rem; margin-bottom: 0; }

    .header-top { display: none; }

    .py-6 { padding-top: 2rem!important; padding-bottom: 2rem!important; }

    .brands .item { padding: .5rem; }

    .newsletter .nl-wrapper .image { display: none; }
    .newsletter .nl-wrapper .title { display: flex; align-items: center; padding: 1rem; width: 100%; }
    .newsletter .nl-wrapper .icon { position: static; transform: none; margin-right: 1rem; }
    .newsletter .nl-wrapper h2 {}
    .newsletter .nl-wrapper h2 br { display: none; }
    .newsletter .nl-wrapper form { padding: 1rem; }
    .newsletter .col-btn { padding: .5rem; }

    .product-list .product-title { font-size: 12px; }
    .product-list .product-details .btn {
        --tooljo-btn-padding-y: 6px;
        --tooljo-btn-padding-x: 9px;
        --tooljo-btn-font-size: 11px;
    }

    footer { text-align: center; }

    .table-sm { font-size: 12px; }

    .contact-wrapper .map-image { display: block; background-image: none; padding: 0; min-height: inherit; min-width: inherit; /*width: 100%; min-width: inherit; min-height: clamp(5px,57.36vw, 440px);*/ }
    .contact-wrapper .map-image img { display: block; }
    .contact-wrapper .col-form { padding: 1rem; margin-left: 0; }


}

@media (max-width: 991.98px) {

    header .navbar-brand img { width: 130px; }
    header .navbar { --tooljo-navbar-padding-y: .75rem; }

    .quick-nav .nav-item+.nav-item { margin-left: 10px; }
    .quick-nav .nav-link { --tooljo-nav-link-padding-x: 4px; --tooljo-nav-link-padding-y: 4px; }
    .quick-nav .nav-link svg { width: 22px; height: 22px; }

    .quick-links { gap: 7px; font-size: 13px; margin-top: 1.5rem; }
    .quick-links a { flex-direction: column; text-align: center; }
    .quick-links a .icon { margin-right: 0; margin-bottom: 1rem; }

    .main-title { font-size: 2rem; margin-bottom: 1.5rem; }

    .category-list.widget .main-title { flex: 1 1 100%; text-align: center; }
    .category-list.widget .main-title>span { justify-content: center; }
    .category-list.widget .main-title br { display: none; }
    .category-list.widget .item {}

    .product-list.mini-list { padding: .5rem 5px .5rem .5rem; }
    .product-list.mini-list .item { padding: .5rem; }
    .product-list.mini-list .product-image { width: 90px; margin-right: .5rem; }
    .product-list.mini-list .product-title { font-size: 12px; }
    .product-list.mini-list .product-details { margin-left: .5rem; }
    .product-list.mini-list .product-details .btn { --tooljo-btn-padding-x: 10px; --tooljo-btn-padding-y: 5px; --tooljo-btn-font-size: 11px; }

    .offcanvas-start-lg { top: 0; transition: transform .3s ease-in-out; left: 0; width: 80%; max-width: 400px; transform: translateX(-100%); }
    .offcanvas-category .offcanvas-header { padding-bottom: 5px;}
    .offcanvas-category .offcanvas-header .btn-close { margin-left: auto; }
    .offcanvas-category .offcanvas-body { padding-top: 0; }
    .offcanvas-category .sidebar-header { position: sticky; top: 0; z-index: 10; background-color: #fff; margin-bottom: .5rem; }

    .info-bar { margin: -1.5rem calc(-.5 * var(--tooljo-gutter-x)) 0 calc(-.5 * var(--tooljo-gutter-x));
        display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; background-color: var(--tooljo-light); padding: 1rem; }
    .info-bar .main-title { flex: 1; margin-bottom: 0; font-size: 1.25rem; }
    .info-bar .btn {  }

    .main-subtitle { font-size: 2rem; margin-bottom: 1.5rem; }

    .team .card { flex-direction: column; --tooljo-card-spacer-y: .5rem; --tooljo-card-spacer-x: .5rem; }
    .team .card { text-align: center; }

    .szterv { display: none; }
}

@media (max-width: 1199.98px) {
    .product-list .item { padding: 1rem; }

}
@media (max-width: 1399.98px) {


}


/**/
div.errormark { display: none; width: 16px; height: 16px; }
div.errormark a {display: block; background: transparent url(../images/icons/error.png) no-repeat; width: 16px; height: 16px; }
div.errors { position: relative; background: #ffecec; border: solid 1px #ffffff; padding: 10px; margin-bottom: 10px; }
div.errors strong { color: #000000; }
div.errors .error-close { position: absolute; width: 17px; height: 17px; top: 0px; right: 0px; display: block; background: url(../images/icons/error_close_icon.png) no-repeat; }
div.error-text { margin-top: 5px; }


/**/
.assets .row>div>div { padding: 1rem; aspect-ratio: 2 / 1; }
.assets .b { background-color: var(--tooljo-blue); color: #fff; }
.assets .o { background-color: var(--tooljo-orange); color: #fff; }
.assets .l { background-color: var(--tooljo-light); }
.assets .g4 { background-color: var(--tooljo-gray-400); }
.assets .g5 { background-color: var(--tooljo-gray-500); }
.assets .g7 { background-color: var(--tooljo-gray-700); }
.assets .d { background-color: var(--tooljo-dark); color: #fff; }
.asset-btn div { display: flex; gap: 30px; margin-bottom: 30px; }
.asset-icon { display: flex; gap: 30px; }
.asset-icon div {}
.asset-icon div svg { display: block; width: 4rem; height: 4rem; }