/* montserrat-regular - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/montserrat-v26-latin_latin-ext-regular.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/montserrat-v26-latin_latin-ext-regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-500 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 500;
    src: url('../fonts/montserrat-v26-latin_latin-ext-500.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/montserrat-v26-latin_latin-ext-500.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}
/* montserrat-700 - latin_latin-ext */
@font-face {
    font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
    font-family: 'Montserrat';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/montserrat-v26-latin_latin-ext-700.woff2') format('woff2'), /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
    url('../fonts/montserrat-v26-latin_latin-ext-700.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
}

/*html { font-size: 14px; }*/

/*body { font-family: "Arial", sans-serif; font-size: 1rem; font-weight: 400; color: #282828; background: #f7f7f7; }*/
:root {}
body{--mf-body-font-family: "Montserrat", sans-serif; font-size: 16px; font-weight: 400; color: #282828; background: #f7f7f7;}

.btn { display: inline-flex; align-items: center; /*justify-content: center;*/ border: 0 none; border-radius: 4px; text-transform: uppercase; font-weight: 700; --hr-btn-padding-y: .75rem; --hr-btn-padding-x: 1rem; --hr-btn-font-size: .925rem; }
.btn-primary { --hr-btn-color: #fff; --hr-btn-hover-color: #fff; --hr-btn-hover-bg: #000; }

.btn svg { width: .8rem; height: .8rem; margin-left: .5rem; }
.btn-icon svg { margin-left: 0; }

/*
.form-control { background-color: #686868; border-color: #686868; color: #fff; }
.form-control::-moz-placeholder { color: #fff; opacity: 1; text-transform: uppercase; font-weight: 700; font-size: .75rem; }
.form-control::placeholder { color: #fff; opacity: 1; text-transform: uppercase; font-weight: 700; font-size: .75rem; }
 */
/*.form-control:focus { border-color: red; background-color: green; box-shadow: none; }*/

.bg-gray-700 { background-color: var(--hr-gray-700); }

.container, .container-fluid, .container-xl { --hr-gutter-x: 30px; }

header { border-top: 4px solid var(--hr-orange); }
header .inner { background-color: var(--hr-gray-700); padding: 1rem 0; }
header .menu { background-color: #fff; font-size: 14px; }
header .d-flex { align-items: center; }

header .logo { margin-right: 10px; }
.info-box { margin-left: auto; display: flex; }
.info-box .item { color: #fff; font-weight: 700; font-size: 1.5rem; line-height: 1; text-transform: uppercase; text-decoration: none;
    display: grid;
    grid-template-columns: repeat(2, auto);
    grid-template-rows: repeat(2, min-content);
    grid-column-gap: 0;
    grid-row-gap: 0;
}
.info-box .item .name {  grid-area: 1 / 1 / 2 / 2; font-size: 1rem; color: var(--hr-primary) }
.info-box .item .phone { grid-area: 2 / 1 / 3 / 2; }
.info-box .item .icon { grid-area: 1 / 2 / 3 / 3; margin-left: 1rem; border-radius: 100%; border: 2px solid var(--hr-yellow); width: 2.8rem; height: 2.8rem;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ffed00' class='bi bi-telephone-fill' viewBox='0 0 16 16'%3E%3Cpath fill-rule='evenodd' d='M1.885.511a1.745 1.745 0 0 1 2.61.163L6.29 2.98c.329.423.445.974.315 1.494l-.547 2.19a.678.678 0 0 0 .178.643l2.457 2.457a.678.678 0 0 0 .644.178l2.189-.547a1.745 1.745 0 0 1 1.494.315l2.306 1.794c.829.645.905 1.87.163 2.611l-1.034 1.034c-.74.74-1.846 1.065-2.877.702a18.634 18.634 0 0 1-7.01-4.42 18.634 18.634 0 0 1-4.42-7.009c-.362-1.03-.037-2.137.703-2.877L1.885.511z'/%3E%3C/svg%3E") 50% 50% no-repeat scroll transparent;
    background-size: 1.25rem 1.25rem;
}
.info-box .item+.item { margin-left: 2.5rem; }
.info-box .item:hover .name { color: #fff; }
.info-box .item:hover .phone { text-decoration: underline; }

header .search-box { margin-left: 3rem; }
header .search-box .input-group { cursor: pointer; }
header .search-box .btn { --hr-btn-bg: var(--hr-primary); color: #fff; pointer-events: none; }
header .search-box .input-group:hover .btn { --hr-btn-bg: #000; }
header .search-box .input-group:hover .form-control { background-color: #717171; }
.btn-icon svg { width: 1.25rem; height: 1.25rem; }
header .search-box .form-control { display: flex; align-items: center; }
header .search-box .form-control span { color: #fff; text-transform: uppercase; font-weight: 700; font-size: .75rem; }

header .search-box { width: 230px; }
header .nav-box { display: none; margin-left: 1rem; }

.search-box .form-control { background-color: #686868; border-color: #686868; color: #fff; }
.search-box .form-control::-moz-placeholder { color: #fff; opacity: 1; text-transform: uppercase; font-weight: 700; font-size: .75rem; }
.search-box .form-control::placeholder { color: #fff; opacity: 1; text-transform: uppercase; font-weight: 700; font-size: .75rem; }

header .menu .nav-link { --hr-nav-link-padding-x: 8px; /*--hr-nav-link-padding-y: 10px;*/ text-transform: uppercase; --hr-nav-link-color: #000; --hr-nav-link-hover-color: var(--hr-primary) }
header .menu .nav-item { display: flex; align-items: center; }
header .menu .nav-item+.nav-item:before { content: "|"; margin-top: -3px; }

.promobox { background-color: var(--hr-light) }

.main-title { margin-bottom: 1.5rem; color: var(--hr-orange); font-size: 1.75rem; font-weight: 700; text-transform: uppercase; }

.block_item { border-radius: 5px; overflow: hidden;  }
.block_item + .block_item { margin-top: 1.5rem; }
.block_header { padding: 1rem 1.5rem; }
.block_title { margin: 0 0; text-transform: uppercase; color: var(--hr-orange); font-size: 1.4rem; font-weight: 700; }
.block_inner { font-size: 11px; padding: 10px 1.5rem 1rem  }
.block_footer {}
.block_footer .btn { border-top-left-radius: 0; border-top-right-radius: 0; }

.block_category {}
.block_category .block_header { }
.block_category .block_inner { padding: 10px 0; }

.nav-category {}
.nav-category .nav-link { position: relative; display: flex; align-items: center; font-size: 13px; font-weight: 700; color: #000; padding: .5rem 5px .5rem .5rem; }
.nav-category .nav-link:before { content: "";  width: .7rem; height: .7rem; margin: 0 .5rem; opacity: 0;
    transition: all .15s 0s ease;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='%23ef7f1a' class='bi bi-caret-right-fill' viewBox='0 0 16 16'%3E%3Cpath d='m12.14 8.753-5.482 4.796c-.646.566-1.658.106-1.658-.753V3.204a1 1 0 0 1 1.659-.753l5.48 4.796a1 1 0 0 1 0 1.506z'/%3E%3C/svg%3E") 50% 50% no-repeat scroll transparent;
    background-size: .7rem;
}
.nav-category .nav-link:hover { background-color: var(--hr-light); }
.nav-category .nav-link:hover:before { opacity: 1; }
.nav-category .active>.nav-link { background-color: var(--hr-light); }
.nav-category .active>.nav-link:before { opacity: 1; }
.nav-category .active>.nav { display: flex; background-color: #efefef; }
.nav-category .active2>.nav-link { color: var(--hr-orange); }
    /*.nav-category .nav { display: none; }*/
.nav-category .nav .nav-link { padding-left: 2.5rem; }
.nav-category .nav .nav-link:before { content: inherit; }
.nav-category .nav .nav-link:hover { background-color: transparent; color: var(--hr-orange) }

.product-list {}
.product_item { background-color: #fff; border-radius: 5px; overflow: hidden; }
.product_item_body { display: flex; padding: 1.5rem; color: inherit; text-decoration: none; }
.product_item_body:hover { color: var(--hr-orange); }
.product_pic { flex: 0 0 auto; margin-right: 1.5rem; }
.product_inner {}
.product_name { margin: 0 0 1.5rem 0; font-size: 16px; font-weight: 700; color: var(--hr-orange); text-transform: uppercase; }
.product_short_desc { font-size: 14px; }
.product_buttons { display: flex; }
.product_buttons .btn { }
.product_buttons .btn:first-child { border-radius: 0 0 0 4px; flex: 0 0 auto; margin-right: 5px; }
.product_buttons .btn:last-child { border-radius: 0 0 4px 0; flex: 1; justify-content: space-between; }
.product_link_icon { display: inline-flex; background-color: var(--hr-orange); color: #fff; padding: .5rem; }
.product_link_icon svg { width: .8rem; height: .8rem;  }

.product-list-mini {}
.product-list-mini .product_item { background-color: transparent; border-radius: 0; }
.product-list-mini .product_item + .product_item { margin-top: 10px; }
.product-list-mini .product_item_body { padding: .75rem; }
.product-list-mini .product_name { margin-bottom: 1.5rem; color: #000; text-transform: none; }
.product-list-mini .product_pic { flex: 0 0 90px; margin-right: 1rem; }
.product-list-mini .product_item_body:hover .product_name { color: var(--hr-orange); }
.product-list-mini .product_item_body:hover .product_link_icon { background-color: #000; }

.product-list:not(.product-list-mini) .product_item { display: flex; flex-direction: column; height: 100%; }
.product-list:not(.product-list-mini) .product_item_body { height: 100%; }
.product-list:not(.product-list-mini) .product_pic { flex: 0 0 122px; }

.category-groups { margin-bottom: 2rem; padding-bottom: 2rem; border-bottom: 1px solid var(--hr-light); }
.category-groups .card { border: 0 none; --hr-card-cap-bg: #fff; }
.category-groups .card-body {  }
.category-groups .card-title { font-size: 13px; font-weight: 700; }
.category-groups .btn { width: 100%; justify-content: space-between; border-top-left-radius: 0; border-top-right-radius: 0; }
.category-groups .card-footer { border-top: 0; padding: 0; }

.product-view .product_short_desc { font-size: 1rem; margin-bottom: 2rem; }
.product-view .buttons-wrapper { font-size: 1rem; margin-top: auto; }
.product-view .subtitle { margin: 0 0 1.5rem 0; padding-bottom: .5rem; font-size: 1.25rem; font-weight: 700; text-transform: uppercase; color: var(--hr-orange); border-bottom: 1px solid var(--hr-light); }

.nav-tabs { font-size: 1.5rem; }
.nav-tabs .nav-link.active { --hr-nav-tabs-link-active-border-color: transparent; }
.tab-content { padding: 1rem; background-color: #fff; }

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

.modal-search { --hr-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; 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(--hr-gray-700); color: #000; font-size: 2rem; font-weight: 400; }
.modal-search .modal-header .form-control::-moz-placeholder { color: #000; text-transform: none; font-weight: 700; font-size: inherit; }
.modal-search .modal-header .form-control::placeholder { color: #000; text-transform: none; font-weight: 700; font-size: inherit; }
.modal-search .modal-header .form-control:focus { box-shadow: none; }
.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 .product-list-mini { display: flex; flex-direction: column; max-height: 100%; overflow: hidden; background-color: var(--hr-gray-200); border-radius: 7px; }
.modal-search .product-list-mini::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(--hr-gray-200) transparent; }
.modal-search .product-list-mini .product_inner { width: 100%; display: flex; align-items: center; }
.modal-search .product-list-mini .product_name { margin-bottom: 0; font-size: 1.5rem; padding-right: .5rem; }
.modal-search .product-list-mini .product_link_icon { margin-left: auto; }
.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); }

.contact-index {}
.contact-index .subtitle { margin: 0 0 1rem 0; text-transform: uppercase; font-weight: 700; font-size: 1.25rem; color: var(--hr-orange); }
.contact-index .contact-info-box { font-size: 13px; }
.contact-index .contact-info-box .table { --hr-table-bg: #fff; }
.contact-form {}
.contact-form textarea.form-control { min-height: 150px; }

footer { background-color: var(--hr-gray-700); border-top: .65rem solid var(--hr-orange); }
footer .inner { color: #fff; padding: 2rem 0 3rem 0; }
footer .inner a { color: #fff; text-decoration: none; }
footer .inner a:hover { color: var(--hr-orange); }
footer .subtitle { position: relative; margin: 1rem 0 1.5rem 0; padding-bottom: 1rem; color: var(--hr-orange); text-transform: uppercase; font-size: 1.5rem; }
footer .subtitle:before { content: ""; position: absolute; bottom: 0; left: 0; width: 25px; height: 4px; background-color: var(--hr-orange); }
footer .company { margin: 0 0; font-size: 1rem; font-weight: 400; color: var(--hr-orange); }
footer .social-link { display: inline-flex; align-items: center; }
footer .social-link svg { width: 2rem; height: 2rem; margin-right: .5rem; }
footer .nav { --hr-nav-link-padding-x: 0; --hr-nav-link-padding-y: 0; margin-top: 1rem; }
footer .nav .nav-item + .nav-item { margin-top: 5px; }
footer .nav .nav-link { display: inline-block; }
footer .bottom { background-color: #fff; padding: 1rem 0; color: #000; }
footer .bottom .d-flex { justify-content: space-between; }

.content-text img:not(.img-fluid) { max-width: 100%; height: auto; }

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

}
@media (min-width: 992px) {
    html { font-size: 14px; }
    .info-bar.sticky-top { position: static; }
}
@media (min-width: 1200px) {

}
@media (min-width: 1400px) {


}

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

}
@media (min-width: 390px) and (max-width: 575.98px) {
    .category-groups .col-6 { width: 33.3333%; }
}
@media (min-width: 576px) and (max-width: 767.98px) {

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

}
@media (min-width: 576px) and  (max-width: 1199.98px) {

}
@media (min-width: 992px) and  (max-width: 1199.98px) {
    header .menu .nav-link { font-size: 12px; --hr-nav-link-padding-x: 4px; }
}

@media (max-width: 389.98px) {

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

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

}
@media (max-width: 991.98px) {
    header { position: sticky; top: 0; z-index: 1020; }
    header .info-box { display: none; }
    header .menu { display: none; }
    header .search-box { margin-left: auto; width: auto; }
    header .search-box .form-control { display: none; }
    header .search-box .btn { border-radius: 4px!important; }
    header .nav-box { display: block; }
    .main-title { font-size: 1.5rem; }

    .offcanvas-navigation.offcanvas-end { width: 80%; max-width: 400px; }
    .offcanvas { }
    .offcanvas-title img { max-width: 120px; }
    .offcanvas-navigation { font-size: 14px; --hr-offcanvas-bg: var(--hr-gray-700); color: #fff; }
    .offcanvas-navigation .offcanvas-header { border-bottom: 1px solid rgba(255,255,255,.1); }
    .offcanvas-navigation .nav { flex-direction: column; --hr-nav-link-padding-x: 0; --hr-nav-link-color: #fff; }
    .offcanvas-navigation .contact-box { font-size: 11px; --hr-nav-link-padding-x: 0; --hr-nav-link-padding-y: 0; margin-top: 1rem; padding-top: 1rem; border-top: 1px solid rgba(255,255,255,.1); }
    .offcanvas-navigation .contact-box .company { font-size: 11px; color: var(--hr-orange); font-weight: 700; }
    .offcanvas-navigation .social-link svg { width: 2rem; height: 2rem; margin-right: 0.5rem; }
    .offcanvas-navigation .dropdown-menu { position: static; }

    .offcanvas-category {}
    .offcanvas-category .offcanvas-header { background-color: var(--hr-gray-700); font-size: 1.25rem; font-weight: 700; text-transform: uppercase; color: var(--hr-orange); }
    .offcanvas-category .offcanvas-body { padding: 0; }

    .info-box { margin-bottom: 1.5rem; }
    .info-box .item { font-size: 1rem; }
    .info-box .item .icon { margin-left: .5rem; width: 2rem; height: 2rem; border-width: 1px; background-size: .8rem .8rem; }
    .info-box .item+.item { margin-left: .5rem; }

    .info-bar { --hr-gutter-x: 30px; border-bottom: 1px solid var(--hr-light);
        z-index: 1019; margin: -1rem calc(-.5 * var(--hr-gutter-x)) 0 calc(-.5 * var(--hr-gutter-x));
        display: flex; justify-content: space-between; align-items: center; flex-wrap: nowrap; background-color: #f7f7f7; padding: 1rem 15px; }
    .info-bar .main-title { flex: 1; margin-bottom: 0; font-size: 1.25rem; }
    .info-bar .btn { margin-left: 5px;  }
    .info-bar .btn svg { width: 1.5rem; height: auto; }

    .content-lead { margin-top: 1rem; }

}
@media (max-width: 1199.98px) {
    header .logo { max-width: 160px; }
}
@media (max-width: 1399.98px) {


}