/*--------------------------------------------------------------
# General
--------------------------------------------------------------*/
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;500&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,400;0,700;1,300;1,700&display=swap');
:root {
  --bs-font-sans-serif: 'Lato', sans-serif;
  --bs-border-radius : 0.8em;
  --bs-card-border-radius : 1em;
  --header-height:60px;
  --footer-height:0px;
  --bs-body-line-height: 1.3;
  --themecolor:rgb(214, 48, 49);
  --bs-primary:var(--themecolor);
  --bs-primary-rgb:214, 48, 49;
}
body, html {height: calc(100% - var(--header-height)/2); }
a {--bs-link-color: #212529; text-decoration: none;}
a:hover {color: #f44336;text-decoration: none}
.h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6, .nav-link {font-family: 'Teko', sans-serif;font-weight: 400;}
.list-group-item {padding: calc(var(--bs-list-group-item-padding-y) + 2px) var(--bs-list-group-item-padding-x) var(--bs-list-group-item-padding-y);}
.nav-pills .nav-link {--bs-nav-pills-border-radius: var(--bs-border-radius);}
p:last-child {margin-bottom: 0}
.small, small { font-size: .8em; }
/*.xs-small { font-size: 10px;}*/
[class*="ellipsis-"]{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;text-overflow: ellipsis;}
.ellipsis-1 {-webkit-line-clamp: 1;}
.starsrating {display: inline-block; --percent:calc(var(--rating) / 5 * 100%);margin-bottom: 0;font-size: 18px;}
.starsrating:before {content: "\eeb8 \eeb8 \eeb8 \eeb8 \eeb8";background: linear-gradient(90deg, #ffc107 var(--percent), #dedede var(--percent));-webkit-background-clip: text;-webkit-text-fill-color: transparent;/* letter-spacing: 10px; */font-family: boxicons;font-weight: 400;margin-right: 10px;}
.thumb-sm {width: 60px;height: 60px;object-fit: cover;border: 1px solid #ddd;border-radius: 3px;}
.thumb-70 {width: 70px; height: 70px; object-fit: cover; }

/*--------------------------------------------------------------
# Override Bootstrap
--------------------------------------------------------------*/
/*-- Navbar --*/
.navbar {--bs-navbar-active-color :var(--themecolor);--bs-navbar-toggler-focus-width:0; position: relative; padding: 0}
.navbar-toggler {border: 0;font-size: 30px;padding: 0;}
.navbar .badge {position: absolute;top: var(--bs-badge-padding-y);left: 0; font-family: 'Lato', sans-serif; font-size: 10px}
.nav-link {font-size: 18px;}
.navbar-wrapper {display: flex!important;justify-content: space-between;align-items: center;width: 100%;}
.ctmsidebar {width: 100%; flex-direction: column}
.top-bar {background-color: #f8f9fa;width: 100%;padding: 10px 0;}
.top-bar a {color: rgb(33,37,41);font-size: 10px;text-transform: uppercase;padding: 5px 10px;font-weight: 600;}
@media only screen and (max-width: 767px) {
  .navbar { padding: 0 15px;}
  .top-bar {background-color: rgba(0,0,0,0.3);padding: 15px;margin: 20px -15px 0;width: calc(100% + 30px);}
  .top-bar a { font-size: 14px;}
  .navbar-wrapper {flex-direction: column;}
  .navbar-wrapper .navbar-nav:first-child {margin: 10px -30px 0;border-top: 1px solid rgba(255,255,255,0.15);width: calc(100% + 60px);padding: 20px 30px 0;}
  .icon-nav {background: rgb(255 255 255 / 25%);border-radius: 30px;width: 42px;height: 42px;}
  .ctmsidebar {position: fixed;width: 92%;height: 100%;background: rgb(79 79 79);z-index: 1999;border-radius: 4px;box-shadow: 0 0 15px rgba(0, 0, 0, 0.1);padding: 15px;top: 0;right: -100%;transition: .2s ease;display: flex;flex-direction: column;align-items: start;box-shadow: -10px 0px 20px rgb(0 0 0 / 50%);}
  .ctmsidebar.show {right: 0;transition: .2s ease;}
  .ctmsidebar .closebtn {position: absolute;top: 0;right: 0;font-size: 30px;width: 30px;height: 30px;display: flex;justify-content: center;align-items: center;}
  .ctmsidebar a {color: rgba(255,255,255,0.85);padding: 10px;font-family: var(--bs-font-sans-serif);font-size: 14px;font-weight: normal;}
  .ctmsidebar a.btn {padding: 0;font-size: 30px;line-height: 1;position: absolute;}
  .ctmsidebar a.nav-link {}
}

/*-- Dropdown menus --*/
.dropdown-menu {--bs-dropdown-header-color : var(--bs-black);--bs-dropdown-font-size: var(--bs-body-font-size);}
.dropdown-menu{border-radius:var(--bs-border-radius);padding: 0;animation-name:dropdown-animate;animation-duration:.2s;animation-fill-mode:both;border:0;box-shadow:0 5px 30px 0 rgba(82,63,105,.2);inset: 8px -10px auto auto !important;}
.dropdown-menu .dropdown-footer,.dropdown-menu .dropdown-header{text-align:center;padding: 10px 15px;}
.dropdown-menu .dropdown-item{padding: 10px 15px;transition:.3s;display: flex;grid-gap: 15px;align-items: center;}
.dropdown-menu .dropdown-item, .dropdown-menu .dropdown-footer {border-top: 1px solid var(--bs-gray-300);}
@-webkit-keyframes dropdown-animate{
  0%{opacity:0}
  100%{opacity:1}
  0%{opacity:0}
}
@keyframes dropdown-animate{
  0%{opacity:0}
  100%{opacity:1}
  0%{opacity:0}
}

/*-- Card --*/
.card {--bs-card-border-radius: var(--bs-border-radius); border: none;box-shadow: 0 0 30px rgba(1, 41, 112, .1);}
.card + .card { margin-top: 1em}
.card-header:first-child {border-radius: var(--bs-border-radius) var(--bs-border-radius) 0 0;}
.card-footer:last-child {border-radius: 0 0 var(--bs-border-radius) var(--bs-border-radius);}
.card-img-top {border-top-left-radius: var(--bs-border-radius);border-top-right-radius: var(--bs-border-radius);}
.card-img-bottom {border-bottom-right-radius: var(--bs-border-radius);border-bottom-left-radius: var(--bs-border-radius);}
.card-footer, .card-header {border-color: #ebeef4;background-color: #fff;padding: 15px}
.card-title {--bs-card-title-spacer-y: 20px;}
.card-title span {color: #899bbd;font-size: 14px;font-weight: 400}
.card-img-overlay {background-color: rgba(255, 255, 255, .6)}
.card .filter {position: absolute;right: 0;top: 15px}
.card-icon {color: #fff;padding: 10px;font-size: 16px;border-radius: 100%;display: flex;align-items: center;justify-content: center;width: 30px; height: 30px;}
@media (min-width:1200px){
  .card-body {padding: 35px}
  .card-icon { width: 46px;height: 46px;font-size: 22px; }
}

/*-- Accordion --*/
.accordion {--bs-accordion-active-bg:#f5f5f5;--bs-accordion-active-color : #000; --bs-accordion-btn-focus-box-shadow:none;--bs-accordion-btn-padding-x: 15px;--bs-accordion-btn-padding-y: 12px;--bs-accordion-border-radius:1em;}
.accordion-item { border: 0}
.accordion-button:not(.collapsed) {box-shadow: none; color: var(--bs-primary)}
.accordion-item:first-of-type .accordion-button, .accordion-item:last-of-type .accordion-button.collapsed, .accordion-button { background-color: #f5f5f5; margin-bottom: .2em; border-radius: var(--bs-accordion-border-radius);font-size: 1.35rem; }
.accordion-flush .accordion-button{padding:15px 0;background: transparent !important; font-weight: 600;}
.accordion-flush .accordion-button.collapsed { font-weight: normal}
.accordion-flush .accordion-body{padding: 15px 0;}
.accordion-button:not(.collapsed)::after {filter: hue-rotate(100deg);}

/* Breadcrumbs */
.breadcrumb, .breadcrumb a {--bs-breadcrumb-font-size: 13px;color:var(--bs-gray-500); --bs-breadcrumb-item-active-color:var(--bs-dark);display: flex;align-items: center;}
.breadcrumb a i {font-size: 1rem;}

/* Paginations */
.pagination {--bs-pagination-color: var(--bs-primary); --bs-pagination-active-bg:var(--bs-primary);--bs-pagination-active-border-color:var(--bs-primary)}
.page-link {padding: calc(var(--bs-pagination-padding-y)) var(--bs-pagination-padding-x) var(--bs-pagination-padding-y);border:0;border-radius: 50%;}
.page-link:focus {box-shadow: none}

/* Bordered Tabs */
.nav-tabs-bordered{border-bottom:2px solid #ebeef4}
.nav-tabs-bordered .nav-link{margin-bottom:-2px;border:none;color:#2c384e}
.nav-tabs-bordered .nav-link:focus,.nav-tabs-bordered .nav-link:hover{color:#4154f1}
.nav-tabs-bordered .nav-link.active{background-color:#fff;color:#4154f1;border-bottom:2px solid #4154f1}

/* Forms & Buttons */
.btn-close{background-size:25%}
.btn-close:focus{box-shadow:none}
.btn {--bs-btn-border-radius:var(--bs-border-radius);--bs-btn-padding-x: 20px;}
.btn-icon {display: flex;align-items: center;grid-gap: 8px;white-space: nowrap;}
.btn-icon i { font-size: 20px;}
.form-control, .form-select {font-size: var(--bs-body-font-size);padding: 10px 15px;border: 0;background-color: #F7F7f7;border-radius: var(--bs-border-radius);}
.lightinput .form-control, .lightinput .form-select {background-color: var(--bs-white);}
label + .form-control { margin-top: 5px;}
.form-group label { font-size: 13px;}
input:-webkit-autofill,input:-webkit-autofill:focus {-webkit-box-shadow: 0 0 0px 1000px #f7f7f7 inset;}
.form-check-input{border: 2px solid var(--bs-primary);margin-top: .15em;}
.form-check-input:checked {background-color: var(--bs-primary); border-color:var(--bs-primary);}
.form-control:focus, .form-check-input:focus, .form-select:focus {box-shadow: 0 0 0 0.25rem rgb(207 207 207 / 25%);}
.form-control::placeholder {color: rgba(0,0,0,0.2);}
.input-group-text {border: 0}
.input-group-text + .form-control {max-width: 50px;text-align: center;}
.btn-primary {--bs-btn-bg:var(--themecolor);--bs-btn-hover-bg:var(--themecolor);--bs-btn-border-color:var(--themecolor);--bs-btn-hover-border-color:var(--themecolor);--bs-btn-active-bg:var(--themecolor);--bs-btn-active-border-color:var(--themecolor)}
.btn-outline-primary {--bs-btn-color:var(--themecolor); --bs-btn-border-color:var(--themecolor);--bs-btn-hover-bg:var(--themecolor);--bs-btn-hover-border-color:var(--themecolor);--bs-btn-active-bg:var(--themecolor);--bs-btn-active-border-color:var(--themecolor)}

/* Shadow */
[class*="shadow"] {--shadow-rgb: rgb(1 41 112 / 10%)}
.shadow    {box-shadow: 0 .5rem 1rem var(--shadow-rgb)!important;}
.shadow-sm {box-shadow: 0 .125rem .25rem var(--shadow-rgb)!important;}
.shadow-md {box-shadow: 0 0 2rem var(--shadow-rgb);}
.shadow-lg {box-shadow: 0 1rem 3rem var(--shadow-rgb)!important;}

/* Slick Slider */
.slick-slider { overflow-x: hidden}

/* Title */
[class*="display-"]{line-height: 0.9 !important; text-transform: uppercase;}

/*--------------------------------------------------------------
# Header/Footer
--------------------------------------------------------------*/
.homebanner {overflow-x: hidden;}
.homebanner img { aspect-ratio: 16 / 5; object-fit: cover}
.bg-center { background-position: center}
.bg-cover { background-size: cover}
.header-footer-brands {width: 250px;}
footer .header-footer-brands {width: 200px;}
.topbanner { position: relative;}
.topbanner:after {content: "";height: 100%;width: 50%;background: #e7e7e7;display: block;position: absolute;top: 0;transform: skew(-30deg, 0deg);box-shadow: 15px 0 20px rgba(0,0,0,0.1);}
.topbanner > .container {z-index: 1;position: relative;}
@media only screen and (max-width: 767px) {
  .topbanner:after { width: 95%; left: -30px}
  .header-footer-brands {max-height: 50px;width: auto;}
  .colophon {font-size: 12px;}
}

/* Homepage Slider / Product Slider */
.swiper-slide img { width: 100%; height: 100%; object-fit: fill;}
.swiper-button-prev:after, .swiper-button-next:after { font-size: 24px;}
.swiper-slide-visible { opacity: .5;}
.swiper-slide-thumb-active {opacity: 1}

/* Products */
.product{position:relative;background: rgba(0,0,0,0.05);border-radius: 1.5rem;overflow: hidden;}
.product > a.ratio { display:block}
.product .badge{position:absolute;top:1rem;left:1rem;z-index:999}
.product img{transition:all .3s; object-fit: cover;}
.product:hover img{opacity:.6}
.product-btn{width:50px;height:50px;display:-ms-flexbox;display:flex;-ms-flex-align:center;align-items:center;-ms-flex-pack:center;justify-content:center;text-transform:uppercase;font-size:.85rem;font-weight:400;background:#fff;text-decoration:none;color:inherit;transition:all .3s;z-index:99;opacity:0}
.product-btn:hover{background:var(--themecolor);color:#fff}
.product-btn i.bx { font-size: 20px;}
.product:hover .product-btn{opacity:1;-webkit-transform:none;transform:none}
.product:hover .cta{-webkit-transform:none;transform:none;opacity:1}
.product .cta{position:absolute;bottom:1rem;right:1rem;-webkit-transform:translateX(.5rem);transform:translateX(.5rem);opacity:0;transition:all .3s}
/*.noUi-horizontal{height:3px!important}*/
/*.noUi-target{background-color:#e9ecef!important;box-shadow:none!important;border:none!important}*/
/*.noUi-connect{background:#111!important}*/
/*.noUi-handle{width:10px!important;height:10px!important;border-radius:50%!important;background:#111!important;border:none!important;box-shadow:none!important;color:pointer!important;top:-4px!important;right:-8px!important}*/
/*.noUi-handle::after,.noUi-handle::before{display:none!important}*/
/*.noUi-handle:focus,.noUi-handle:hover{outline:0!important;border:none!important}*/
/*.noUi-tooltip{display:block!important;font-weight:700!important;border:none!important;padding:3px 5px!important;font-size:.7rem!important}*/