a{text-decoration: none !important;}
@keyframes shine {0% {left: -100%;}50% {left: 0;}100% {left: 100%;}}
.shine-layer {position: absolute;top: 0;left: -100;width: 100%;height: 100%;background: linear-gradient(to right, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.9), rgba(255, 255, 255, 0));animation: shine 4s infinite;}
#category .accordion-button::after{display:none}
#displayedProductsInfo {margin-left: 10px;padding: 5px 8px;}
.sort-container {display: flex;align-items: center;}
.breadcrumb li a, .breadcrumb-item span{text-transform: capitalize;font-size: 12px;color: #F50D07;}
#deptFilterDropdown,#typsFilterDropdown,#subTypsFilterDropdown{display: flex;flex-direction: column};
.breadcrumb li, .breadcrumb li a, .breadcrumb-item.active, .breadcrumb-item.active a, .breadcrumb-item + .breadcrumb-item::before {font-size: 0.75rem;color: #747e67;display: inline-block;}
.breadcrumb-item.active {color: #6c757d; text-transform: capitalize;}
#category{padding: 0 4.6875% !important;}
#category .catheading h1{text-align: left;}
#category #CategoryProducts{max-width: 100%; float: right;text-align: center;}
#category .sort{background: transparent;border: none;}
.productListing .name { display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: auto !important; padding: 0 5px 0 5px;text-transform: capitalize;font-size: 0.75rem;color: #000000;margin-bottom: 12px;}
.viewdetailbtn{background: #F50D07;color: rgb(255, 255, 255) !important;border-radius: 0;text-align: center;padding: 5px !important;font-size: 14px !important;margin: 12px 0px;width: 100px; visibility: hidden;font-weight: 500;}
.viewdetailbtn:hover{transform: scale(1.03);}
.productListing:hover .viewdetailbtn{visibility: visible;}
.new-name{display: -webkit-box;-webkit-box-orient: vertical;overflow: hidden;-webkit-line-clamp: 2;height: auto !important;}
#brandSearchInput,#caliberSearchInput{width: 100% !important;font-size: 14px !important;text-transform: capitalize;}
.card{min-height:450px; border: 0px solid;transition:none;margin: 0 0 28px 0;display: inline-block;padding: 10px;border-radius: 0;position: relative;width: 100%;transition: ease-out .25s;transition-delay: .25s;cursor: pointer;}
.card a{text-decoration: none; color: #000;z-index: 2 !important;}
.card-title{font-size:14px}
.productListing .image img {max-width: 100%;width: 200px;height: 200px;object-fit: contain;}
.productListing .instock {text-transform: capitalize;margin-bottom: 10px;display: inline-block;width: 100%;font-size: 0.75rem;color: #478147;}
.productListing .outstock {text-transform: capitalize;margin-bottom: 10px;display: inline-block;width: 100%;font-size: 0.75rem;color: #ca1515;}
.productListing .pricing {padding: 10px 0 0 0;border-top: 0 solid #c5c5c5;}
.productListing .pricing strong {float: left;width: 100%;font-weight: normal;font-size: 0.75rem;padding: 0;}
.productListing span {padding: 0;float: left;width: 100%;font-size: 0.75rem;color: #000000;}
.card-image{height:210px; width:100%; display:flex; align-items:center; justify-content:center;}
.card .quickview{background: #f5f5f5;color: #00006e;width: 100%;float: left;height: 40px;text-transform: uppercase;line-height: 40px;text-decoration: none;margin: 10px 0 0 0; display: none;position: absolute;        bottom: 0;        left: 0;        border: 0px solid !important;}
#productCards #prodthum .cardpopup{width: 100%;        height: 100%;        float: none;        background: rgba(0, 0, 0, 0.6);        position: fixed;        margin: auto;        left: 0;        top: 0;        z-index: 15;        right: 0;        bottom: 0;        display: none;        align-items: center;        text-align: center;        border: none;}
#productCards #prodthum .cardpopup .cardpopup-container{background: #fff; width: 100%;height: 500px;  max-width: 60%;   margin: 5% auto 0;}
#productCards #prodthum .cardpopup #cardpopupclose{width: 30px; float: right;height: 30px; text-decoration: none;  background: url(../images/nav_close_icon.svg) no-repeat;margin: 5px;}
#productCards #prodthum .cardpopup .cardpopup-container .brand{font-size: 18px;color: #000;border-bottom: none !important;text-transform: capitalize;margin-top: 35px;text-align: left;}
#productCards #prodthum .cardpopup .cardpopup-container .name{  text-align: left; font-size: 17px;  margin: 15px 0 10px 0;}
#productCards #prodthum .cardpopup .cardpopup-container .instock{font-size: 15px;color: #000;border-bottom: none !important;text-transform: capitalize;margin-top: 35px;text-align: left;}
#productCards #prodthum .cardpopup .cardpopup-container .itemPrice{        font-size: 15px;        color: #000;        border-bottom: none !important;        text-transform: capitalize;        margin-top: 14px;        text-align: left;       width: 100%;        float: left;}
#productCards #prodthum .cardpopup .cardpopup-container .cardpopup-addtocart{background: #000; font-size: 14px;  color: #fff;  width: 90%;float: left;}
#productCards #prodthum .cardpopup .cardpopup-container #qty{border: 1px solid #ddd;  width: 100px;  float: left;  margin: 20px 0;  height: 35px;  color: #000;    font-size: 13px;  padding: 0 6px;}
#deptName{text-transform: uppercase !important;white-space: nowrap;}
div#catproductinner .categoryselect span {font-size: 0.75rem;font-weight: normal;color: #000000;margin-right: 5px;}
#category select {font-size: 0.75rem;color: #000000;border: solid 1px #dedcdc;background-color: #f2f2f2;padding: 1px 5px 2px;height: 30px;display: inline;}
.productListing .brand {height: 35px;overflow: hidden;margin: 10px 0 0 0;padding: 0 0 0 5px;text-transform: uppercase !important;font-size: 0.75rem !important;color: #626262;font-weight: bold !important;}
#productCards .list-group-item {max-width: 100%;  flex: 0 0 100%;  border: none;  padding: 0 15px;}
#productCards .list-group-item2 {max-width: 50%;  flex: 0 0 50%;  border: none;  padding: 0 15px;}
#productCards .list-group-item3 {max-width: 33.3%;  flex: 0 0 33.3%;  border: none;  padding: 0 15px;}
#productCards .list-group-item6 {max-width: 16.6%;  flex: 0 0 16.6%;  border: none;  padding: 0 15px;}
#productCards .list-group-item4 {max-width: 25%;  flex: 0 0 25%;  border: none;  padding: 0 15px;}
.card .card-body .brand { font-size: 18px; color: #000; border-bottom: none !important; text-transform: capitalize; margin-top: 10px;}
.card .card-body .name{overflow: hidden;  padding: 0px;  font-weight: bold;  text-transform: capitalize;  height: 65px;  font-size: 12px;  color: #000000;}
.card .card-body .instock{text-transform: capitalize;  margin-bottom: 10px;  display: inline-block;  width: 100%;  font-size: 12px;  color: #2A912A;}
.card .card-body .pricing{float: left;  width: 100%;  font-size: 12px;  color: #000000;}
footer #footer-top {z-index: 0;}
.card-image img{max-height:200px; max-width:200px;}
input[type="checkbox"]{margin-right:5px;}
input[type="radio"]{margin-right:5px;}
section.range-slider {position: relative;max-width: 300px;max-width:90%; height: 70px;text-align: center;padding: 10px;text-align: left;margin: auto;}
section.range-slider input[type="range"] {pointer-events: none;accent-color: #F50D07; position: absolute;-webkit-tap-highlight-color: rgba(255, 255, 255, 0);border: none;border-radius: 14px;background: #f1efef;box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;-webkit-box-shadow: inset 0 1px 0 0 #cdc6c6, inset 0 -1px 0 0 #d9d4d4;overflow: hidden;left: 0;top: 50px;width: 100%;outline: none;height: 12px;margin: 0;padding: 0;}
section.range-slider input[type="range"]::-webkit-slider-thumb {pointer-events: all;position: relative;z-index: 1;outline: 0;-webkit-appearance: none;width: 20px;height: 20px;border: none;border-radius: 14px;background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #00006e), color-stop(100%, #f0e4f0));/* android <= 2.2 */background-image: -webkit-linear-gradient(top, #00006e 0, #f7f7f7 100%);/* older mobile safari and android > 2.2 */background-image: linear-gradient(to bottom, #00006e 0, #dadada 100%);/* W3C */cursor:pointer;}
section.range-slider input[type="range"]::-moz-range-thumb {pointer-events: all;position: relative;z-index: 10;-moz-appearance: none;width: 20px;height: 12px;border: none;border-radius: 14px;background-image: linear-gradient(to bottom, #00006e 0, #f0f0f0 100%);/* W3C */cursor:pointer;}
section.range-slider input[type="range"]::-ms-thumb {pointer-events: all;position: relative;z-index: 10;-ms-appearance: none;width: 20px;height: 12px;border-radius: 14px;border: 0;background-image: linear-gradient(to bottom, #00006e 0, #f0ecf0 100%);/* W3C */cursor:pointer;}
section.range-slider input[type=range]::-moz-range-track {position: relative;z-index: -1;background-color: rgb(255, 255, 255);border: 0;}
section.range-slider input[type=range]:last-of-type::-moz-range-track {-moz-appearance: none;background: none transparent;border: 0;}
section.range-slider input[type=range]::-moz-focus-outer {border: 0;}
#category #SideNav .accordion-button[aria-expanded="false"]{color: #fff; background: url(../images/cate_nav_down_arrow_icon.png) no-repeat 97% 17px;  padding: 10px 10px;  line-height: 26px;padding: 5px 10px 10px 10px !important;width: 100%;    text-transform: capitalize !important;text-align: left;}
#category #SideNav .accordion-button[aria-expanded="true"]{background: #F50D07 url(../images/cate_nav_up_white_arrow_icon.png) no-repeat 97% 13px !important; padding: 10px 10px 10px 10px !important;        border-bottom: 1px solid #ececec !important; width: 100%; text-transform:  capitalize !important;text-align: left;}
#category #SideNav .accordion-button[aria-expanded="true"]:hover{background: #F50D07 url(../images/cate_nav_up_white_arrow_icon.png) no-repeat 97% 13px !important; color: #fff !important;}
#category .accordion-button[aria-expanded="true"]{background: #F50D07 url(../images/cate_nav_up_white_arrow_icon.png) no-repeat 97% 13px !important; padding: 10px 10px 10px 10px !important; color: #fff !important;       border-bottom: 1px solid #ececec !important;}
#category #SideNav .accordion-body .form-check{border: solid 0px #000000 !important;padding-left: 0;margin-bottom: 10px;transition: all .2s ease-out;padding-left: 5px;border: solid 1px #fff;}
#category .accordion-body .form-check .form-check-input {position: relative;margin-top: 0;margin-left: 0;margin-right: 5px;display: inline;}
.form-check-input:checked {background-color: #000 !important;border-color: #000 !important;}
#category .accordion-body label {color: #000;width: auto;font-size: 0.75rem;font-weight: normal;margin-bottom: 7px;margin-right: 7px;display: inline;padding: 0;cursor: pointer;}
#collapseExampleDept label {color: #000;width: auto;font-size: 0.75rem;font-weight: normal;margin-bottom: 7px;margin-right: 7px;display: inline;padding: 0;cursor: pointer;text-transform: uppercase;}
#category #SideNav .accordion-body .form-check:hover{border: solid 0px #000000 !important;}
#category div#catproductinner .display-mode a{margin-left: 10px;  width: 35px;  display: block;  float: left;  height: 30px;  border: 1px solid #e5e5e5;  padding: 0px;  text-align: center;}
#category div#catproductinner .display-mode a span{height: 15px;  background: #000;  width: 3px;  float: none;  margin: 6px 1px;  display: inline-block;}
#productCards{background: #fff;border-bottom: 1px solid #000;}
#SideNav {position: fixed;  z-index: 2;  background: #0000006e;  border: solid 1px #e5e5e5;  width: 100%;  max-width: 100%;  left: 0; bottom:0; top: 0%;  padding: 0 0 0 0; display:none;z-index: 99;transition: all ease .5s;}
#SideNav .filter-heading {font-size: 16px; text-transform: uppercase;  color: #F50D07;}
#filters-button{border: solid 1px #e5e5e5;  height: 40px;  width: 120px;  display: block;  color: #000;  line-height: 28px;    text-decoration: none;  font-size: 14px;  font-weight: bold;  text-align: left;}
#filters-button svg{width: 30px;  height: 100%;  margin: 0px 15px;z-index: -1; position: relative;}
#filters-button-close{width: 26px; float: right;height: 26px; text-decoration: none;margin: 5px 0 0 0; border-radius: 50%;display: flex;align-items: center;justify-content: center;}
#filters-button-close:hover{background-color:#F50D07;}
#filters-button-close svg{width: 20px;height: 20px;fill:#F50D07 ;}
#filters-button-close:hover svg{width: 20px;height: 20px;fill: white;}
#category .accordion-body #brandFilterDropdown{height: 140px; overflow-y: scroll;margin-bottom: 10px;transition: all .2s ease-out;padding-left: 5px;}
#category .accordion-body #brandFilterDropdown::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
#category .accordion-body #brandFilterDropdown::-webkit-scrollbar{width: 8px; background-color: #F5F5F5;}
#category .accordion-body #brandFilterDropdown::-webkit-scrollbar-thumb{border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F50D07;}
#category .accordion-body #priceFilterDropdown{height: 140px; overflow-y: scroll;}
#category .accordion-body #priceFilterDropdown::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
#category .accordion-body #priceFilterDropdown::-webkit-scrollbar{width: 8px; background-color: #F5F5F5;}
#category .accordion-body #priceFilterDropdown::-webkit-scrollbar-thumb{border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F50D07;}
#category .accordion-body #collapseExampleDept{height: 400px; overflow-y: auto;overflow-x: hidden; background: #F5F5F5 !important;padding: 10px 5px;}
div#collapseExampleOne {overflow-x: hidden; background: #F5F5F5;padding: 10px 5px;}
div#collapseExampleType {overflow-x: hidden; background: #F5F5F5;padding: 10px 5px;}
div#collapseExamplesubType {overflow-x: hidden; background: #F5F5F5;padding: 10px 5px;}
div#collapseExampleBrand {overflow-x: hidden; background: #F5F5F5;padding: 10px 5px;}
div#collapseExampleCalibers {overflow-x: hidden; background: #F5F5F5;padding: 10px 5px;}
div#collapseExamplePrice_Range {overflow-x: hidden; background: #F5F5F5;padding: 10px 5px;}
#category .accordion-body #collapseExampleDept::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
#category .accordion-body #collapseExampleDept::-webkit-scrollbar{width: 8px; background-color: #F5F5F5;}
#category .accordion-body #collapseExampleDept::-webkit-scrollbar-thumb{border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F50D07;}
#category .accordion-body #caliberFilterDropdown{height: 140px; overflow-y: scroll;}
#category .accordion-body #priceFilterDropdown{height: 140px; overflow-y: scroll;}
#category .accordion-body #caliberFilterDropdown::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
#category .accordion-body #caliberFilterDropdown::-webkit-scrollbar{width: 8px; background-color: #F5F5F5;}
#category .accordion-body #caliberFilterDropdown::-webkit-scrollbar-thumb{border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F50D07;}
#category .accordion-flush .accordion-item {margin-bottom: 0px;margin-top: 0;border: none !important;}
.filters-button-clear{float: right;}
#category .accordion-body {padding-left: 0 !important;}
#category .accordion-flush .accordion-item #flush-headingTwo{background: none;  margin: 0;      padding: 0px;        border-bottom: 1px solid #EFEFEF !important;}
#category .accordion-button::after {font-size: 0; content: none;    rotate: none !important;}
#category .accordion-button:not(.collapsed)::after {font-size: 0; content: none;    rotate: none !important;}
#SideNav #accordionFlush{max-width: 25%;  width: 100%;  float: left;  background: #fff;  padding: 0 14px;margin: 17px 0 0 0; overflow-y:auto; overflow-x: hidden; height: 100%; z-index: 1; position: relative;}
.site-header{z-index: 0;}
#SideNav .accordion-item{margin-top:25px}
#SideNav #accordionFlush::-webkit-scrollbar-track{-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); border-radius: 10px; background-color: #F5F5F5;}
#SideNav #accordionFlush::-webkit-scrollbar{width: 12px; background-color: #F5F5F5;}
#SideNav #accordionFlush::-webkit-scrollbar-thumb{border-radius: 10px;  -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,.3); background-color: #F50D07;}
#viewMoreButton{background-color: #00006e;margin: 30px auto 0;}
#backtopButton{background-color: #00006e;margin: 0px auto 0;position: absolute;bottom: 43px;right: 0;}
html,body {scroll-behavior: smooth;}
.backtopButton {offset: 50px; position: fixed;bottom: 50px;place-self: end;margin-top: calc(100vh + var(--offset));text-decoration: none;padding: 8px;color: #fff;background: #F50D07;white-space: nowrap;right: 32px;font-size: 20px;border-radius: 50%;width: 50px;height: 50px;text-align: center;line-height: 32px; display: none;z-index: 9999;}
.backtopButton:hover{color: #fff; text-decoration: none;}
.backtopButton svg {fill: white !important;}
.backtopButton:focus{color: #fff !important;}
#category .accordion-button {font-size: 14px !important; background: url(../images/cate_nav_down_arrow_icon.png) no-repeat 97% 7px !important; color: #F50D07 !important;}
#category .accordion-button:hover{background: #F50D07 url(../images/cate_nav_down_arrow_icon-1.png) no-repeat 97% 7px !important; color: #fff !important;}
#category .accordion-button .collapsed{background: #fff;}
#category div#catproductinner .display-mode #list{display: none;float: right;}
#category div#catproductinner .display-mode #list2{display: none;float: right;}
#category div#catproductinner .display-mode #list3{display: block;float: right; background: #e8e8e8;}
#category div#catproductinner .display-mode #list6{display: block;float: right;}
#category div#catproductinner .display-mode #grid{display: block;float: right; background: #e8e8e8;}
.sticky-wrapper {padding: 2px;}
.color-name{width:20px;height:20px;border-radius:50%; border:0px solid #000;cursor:pointer}
.colors{display:flex;align-items:center;justify-content:flex-start; gap:10px;width:100%;margin:10px 3px}
@keyframes mymove {0%   {left: -300px;}100% {left: 0;} }
.color-name{width:20px;height:20px;border-radius:50%; border:0px solid #000;cursor:pointer}
.colors{display:flex;align-items:center;justify-content:flex-start; gap:10px;width:100%;margin:10px 3px}
option{padding:3px !important;font-size:14px;}
.card-with-rad-shadow{border-radius: 35px;box-shadow: 5px 5px #F50D07;}
.inp-with-ra-shadaw{border-radius: 35px !important;}
#SideNav {margin: auto; height: 100%; left: auto; left: 0%; text-align: left; animation: mymove .5s ease-in-out;background-color: rgba(0, 0, 0, 0.2);z-index:9}
#SideNav #accordionFlush #flush-collapse{margin: 10px 0 0 0;}
@media (min-width: 992px) {header nav.navbar-nav {height: 40px;}}
/* @media (min-width : 1441px){section.range-slider {left: 66px;}} */
@media (max-width: 767px) {
    #category .catheading h1 {font-size: 17px !important;}
    #category #filterby:not(.collapsed)::after {display: none;}
    header nav.navbar-nav{z-index: 0;}
    #SideNav {position: fixed;}
    #SideNav #accordionFlush {max-width: 100%;}
    #category div#catproductinner .display-mode #list{display: block;float: right; }
    #category div#catproductinner .display-mode #list2{display: block;float: right; background: #e8e8e8; }
    #category div#catproductinner .display-mode #list3{display: none;float: right;}
    #category div#catproductinner .display-mode #list6{display: none;float: right;}
    #category div#catproductinner .display-mode #grid{display: none;float: right;}  
    .breadcrumb li, .breadcrumb li a, .breadcrumb-item.active, .breadcrumb-item.active a, .breadcrumb-item + .breadcrumb-item::before{
        font-size: 0.55rem ;
    }  
}
@media (min-width: 768px) and (max-width: 992px) {
    #category #filterby:not(.collapsed)::after {display: none;}
    header nav.navbar-nav{z-index: 0;}
    #SideNav {position: fixed;}
    #SideNav #accordionFlush {max-width: 100%;}
    #category div#catproductinner .display-mode #list{display: block;float: right;}
    #category div#catproductinner .display-mode #list2{display: block;float: right; background: #e8e8e8;}
    #category div#catproductinner .display-mode #list3{display: none;float: right;}
    #category div#catproductinner .display-mode #list6{display: none;float: right;}
    #category div#catproductinner .display-mode #grid{display: none;float: right;}    
}
@media screen and (max-width:767px) {
    #productCards #prodthum .cardpopup .cardpopup-container{height:auto;padding: 5%;}
    #mainBody {display: block !important;}
    .sort-container{margin-left: 180px;margin-top: -39px;}
    .card .quickview {display: block;}
    #sortingDropdown{position: absolute;margin-left: 42px;}
    #SideNav{position: fixed;}
}
@media screen and (min-width:768px) and (max-width:992px) {
    #productCards #prodthum .cardpopup .cardpopup-container{height:auto;padding: 5%;}
    .card .quickview {display: block;}
    #sortingDropdown{position: absolute;margin-left: 42px;margin-top: 10px;}
    #sortlabel{margin-top: 10px;}
    #SideNav{position: fixed;}
}
  /*************************************DEPARTMENT STYLES [START]**************************************/
  #category .catheading h1 {font-size: 1.25rem;color: #F50D07;border-bottom: none !important;text-transform: capitalize;}
  #category * .inner.innerMore.styleMore {transition: all 250ms;box-shadow: 0 1px 3px rgb(0 0 0 / 12%), 0 1px 2px rgb(0 0 0 / 24%);background: #fff;padding: 5px;}
  #category * .inner.innerMore.styleMore a {text-decoration: none;color: #000;font-size: 1rem;justify-content: flex-start;align-items: center;display: flex;gap: 30px;}
  #category * .inner.innerMore.styleMore:hover {box-shadow: 0 3px 6px rgb(0 0 0 / 16%), 0 3px 6px rgb(0 0 0 / 23%);-ms-transform: translateY(-5px);-webkit-transform: translateY(-5px);transform: translateY(-5px);}
  /*************************************DEPARTMENT STYLES [END]****************************************/