
   :target {
     scroll-margin-top: 120px; 
   }
   
   .sm-navbar {
      --sm-collapsible-nav-link-padding-y: 5px;
   }

   .bootstrap-select.btn-group:not(.input-group-btn), .bootstrap-select.btn-group[class*="col-"] {
       display: inline-flex;
   }

   #side-menu-desktop li {
      margin-left:5px;
   }
   
   #side-menu-desktop li a {
      color: black;
      font-weight: 600;
   }
   
   
   .mobile-toolbar-icon {
      font-size: 30px;
      color: #fff;
   }
   
   #main_navbar {
      display:inline;
   }
           
   .panel .side-heading a {
      color: #fff !important;
   }
           
   .side-heading {
      margin-bottom: 0px !important;
   }
           
   .li-isResellable {
      display: none;
   }
   
   h2 a.product-name {
      font-size: 13px;
   }
   	
	
.group-description p {
   margin-top: 0px;
	margin-bottom: 10px;
}

p {
	margin-top: 10px;
	margin-bottom: 10px;
}

.filter-caliber {
   display:none;
}

.filter-condition {
   display:none;
}

.filter-choke {
   display:none;
}

.filter-2nd {
   display:none;
}
 
 
.rating-container.is-display-only .caption {
   display: none;
}
 
.air-rifles-pistols-ammunition {
   display:none;
} 
 
.youth-air-rifles {
   display:none;
}


.filter-footwear {
   display:none;
}
	.navbar .btn {
      padding: 6px 10px;
	}
	
	.upsell-area-container {
	   height: 480px;
	}
	
   .mainBody {
       padding: 20px;
   }
	
	.owl-carousel {
	   display: none;
	}
	
	.owl-carousel .owl-loaded {
	   display: block;
	}
	
	.owl-carousel .product-thumbs {
	   max-width: 100%;
	}
	
	.watchlist-button-text { 
      display: none;
   }
      
	/*.mainBody ul li {*/
	/*   margin: 5px 20px;*/
	/*}*/
	 
	 .li-isFeatured {
	    display: none;
	 }
	 
	 
	.mainBody ul {
	   list-style: disc;
	} 
	
	.footer-panel h1 {
      font-size: 20px;
      padding: 5px;
      background-color: #024a97;
      color: #fff;
   }
	
	.subgroups-links a { 
	   font-weight: bold;
	}
	
      	
      .nav-pills>li+li {
          margin-left: 0px;
      }
	
	.carousel-fade .carousel-inner .item {
		padding: 0px;
	}
	
	.alert-fact {
       font-weight: bold;
       color: #333;
       background-color: #ffff02;
   }
	
   .alert-fact a {
       font-weight: bold;
       color: #c00;
   }
	
	
	.inline-gallery-container {
       width: 100%;
       height: 0;
       padding-bottom: 100%;
   }

   .lg-outer .lg-thumb-outer {
       background-color: #f4f4f5;
   }

   .lg-backdrop {
      background-color: #fff;
   }
   
   .lg-next, .lg-prev {
      background-color: rgb(153 148 148 / 45%);
   }
   
   .lg-toolbar .lg-icon:hover {
     color: #999; 
   }

	.package-component-list li {
	   list-style:disc;
	   font-size: 12px;
	   padding: 2px;
	   margin-left: 15px;
	}
	
	.iframe-container {
     position: relative;
     overflow: hidden;
     width: 100%;
     padding-top: 56% ; /* 16:9 Aspect Ratio (divide 9 by 16 = 0.5625) */
   }

   /* Then style the iframe to fit in the container div with full height and width */
   .responsive-iframe {
     position: absolute;
     top: 0;
     left: 0;
     bottom: 0;
     right: 0;
     width: 100%;
     height: 100%;
   }
   	
	.addToCart {
       border: 1px solid transparent !important;
       color: #000;
       font-size: 13px !important;
   }
	.priceDetail {
	   margin-top: 15px;
	   text-align: center;
	}

	.priceDetail .normalPrice .price {
	   font-size: 32px;
	}
	
	.priceDetail .salePrice .price {
	   font-size: 32px;
	   color: #d30714;
	}
	
	.priceDetail .savePrice .price {
	   color: #d30714;
	   font-size:18px;
	}
	
	.priceDetail .saveLabel {
	   color: #d30714;
	}
	
	.priceDetail .wasPrice .price {
	   color: #999;
	}
	
	.priceDetail .wasPrice .price .price-whole {
	   text-decoration: line-through;
	   font-size:18px;
	}
	
	.priceDetail .wasPrice .price .price-prefix {
	   text-decoration: line-through;
	}
	
	.priceDetail .wasPrice .price {
	   color: #999;
	}
	
	.priceDetail .wasLabel {
	   color: #999;
	}	
	
	.priceDetail .salePrice {
	   margin-bottom: 5px;
	}		
	
	#qcartIframe {
	   border: 0px;
	   margin-bottom: 200px;
	}
	
	.fnc-stock-enquiry 
	{
      cursor: pointer;
      text-decoration: none !important;
   }
	
	.product-thumbs {
      max-height: 200px;
   }
	
   .product-stocklevels .label {
      width: 60px;
      display: inline-block;
      line-height: 15px;
   }

   .popover-content {
      overflow-y: auto;
      height: 92%;
   }

   .product-stocklevels.motueka { 
      display: none !important;
   }

  
   .product-stocklevels.supplier.negative-stock {
      display: none;
   }

	.widget-profile-header {
	   background-color: #024a97;
      padding: 5px;
      color: #fff;
	}
	
	.widget-profile-header .fa-user {
       font-size: 30px;
       float: left;
       margin: 6px;
	}

   .grid-col-container .me-ui-box {
       padding: 0px !important;
   }

   .feature-panel h4 {
       font-size: 20px;
       padding: 5px;
       background-color: #024a97;
       color: #fff;
   }

   .table-primary .price {
      font-size: 14px;
      color: #2f2c2a;
      font-weight: normal;
      float: right;
   }

   .prefix-nzd  {
      display: none;
   }
  
   .package-header {
      font-size: 20px;
      border-bottom: 1px solid #eee;
      padding: 5px;
      color: #333;
   }
  
   .salePriceLg {
      font-size: 32px !important;
   }
   

   .cart-status-tab {
      width: 130px !important;
   }
   
   .cart-tax-total {
      display: none;
   }

   div.package-option { 
      /*border-bottom: 1px dashed #ccc;*/
      padding: 0px 0px 5px 0px;
      margin-bottom: 5px;
   }

   
   .product-price .savings  {
      display: block;
   }
   
   .modal-header {
		background-color: #024A97 !important;
		min-height: 70px;
	}
	
	.cart-group {
       background-color: #024A97 !important;
   }
   
   .product-price .savings .price {
      color: #ED2028;
      font-size: 1.2em;
   }

   .footer-links {
      background-color: #eee;
   }

   p.section-group-header {
      background: #024A97;
      color: #fff;
      text-transform: uppercase;
      font-size: 18px;
      padding: 5px;
      text-align: center;
   }
   
   .logo {
   	max-width: 500px; 
      padding: 5px!important;
      margin: 0!important;
      margin-left: -12px!important;
      height: 70px;
   }
	.main-header {
		background: #024A97;;
	}
   .item-new-normal {
      float:right; 
      margin-top: 58px; 
      margin-left: -90px; 
      position: absolute; 
      top: 0px;
   }
   
    .clearfix::after {
      content: "";
      clear: both;
      display: table;
  }

   .item-new-special {
      float:right; 
      margin-top: 58px; 
      margin-left: -90px;
      position: absolute; 
      top: 0px;
   }
   
   .item-star-special {
      position: absolute; 
      width: 60px; 
      text-align: center; 
      color:#fff; 
      top: -100px; 
   }

   .item-licence-normal {
      float:right; 
      margin-top: 55px; 
      margin-left: -80px; 
      position: absolute; 
      top: 0px;
   }
   
   .item-licence-special {
      float:right; 
      margin-top: 55px; 
      margin-left: -80px; 
      position: absolute; 
      top: 0px;
   }



   
   @media (min-width: 1200px) {
      .item-new-normal {
         left: 245px;
      }
      
      .item-new-special {
         left: 180px; 
      }
      
      .item-star-special {
         left: 165px;
      }
   
      .item-licence-normal {
         left: 285px;
      }
      
      .item-licence-special {
         left: 220px;
      }
      
      .subgroups-links a {
          width: 150px; 
          float: left;
      }

      .product-slider {
         max-width: 202px  !important; 
      }
      
   }
   
   @media (min-width: 992px) and (max-width: 1199px) {
        .item-new-normal {
         left: 190px;
      }
      
      .item-new-special {
         left: 140px; 
      }
      
      .item-star-special {
         left: 125px;
      }
   
      .item-licence-normal {
         left: 225px;
      }
      
      .item-licence-special {
         left: 180px;
      }
      
      .addToCart {
         font-size: 10px !important;
      }
      
      .subgroups-links a {
          width: 150px; 
          float: left;
      }

      .product-slider {
         max-width: 202px !important; 
      }


   }
   
  

   
   @media (max-width: 991px) {
      .white-popup-block {    
         height: 100vh;
      }
      .copyright {
         min-height: 250px;
      }
      
      .addToCart {
         padding: 10px;
      }
      
       .item-new-normal {
         left: 320px;
      }
      
      .item-new-special {
         left: 320px; 
      }
      
      .item-star-special {
         left: 15px;
      }
   
      .item-licence-normal {
         left: 285px;
      }
      
      .item-licence-special {
         left: 220px;
      }
      
      
      .featured-categories .column {
         padding-left: 5px !important;
         padding-right: 5px !important;
      }
      
      
      .watchlist-button-text { 
         display: inline !important;
      }
      
      .subgroups-links a {
         display: none;
      }
      
      .subgroups-links .chips-mode a {
         display: block;
      }
      
      
      .group-description p {
         margin-top: 0px;
      	margin-bottom: 0px;
      }
      
      .accordion-toggle h5:after {
          content: '\25BC';  /* Down arrow */
          float: right;
          font-size: 12px;
          transition: transform 0.3s ease;
      }
      
      .accordion-toggle.collapsed h5:after {
          content: '\25BC';  /* Down arrow  */
        /*   content: '\25B6';  Right arrow */
      }


 .accordion-toggle b:after {
          content: '\25BC';  /* Down arrow  */
          float: right;
          font-size: 12px;
          transition: transform 0.3s ease;
      }
      
      .accordion-toggle.collapsed b:after {
          content: '\25BC';  /* Down arrow  */
      }


      
   }
   
     	.navbar.navbar-blue-dark .dropdown-menu > li > a {
     		background: #01366F;
     	}
     
     	.navbar.navbar-blue-dark .dropdown-menu > li > a:hover {
     		background: #164c8f;
     	}
     
     	.modal-title {
         color: #fff;
         font-weight: bold;
     	}
     
     	.modal-subject {
         color: #fff;
         font-weight: bold;
     	}
     	
   	.product-item-box {
   		margin-bottom: -1px;
   		border: 1px solid #ccc;
   		border-radius: 0px;
   		margin-right: -1px;
   		padding: 5px;
   		min-height: 280px;
   	}
   	
   	.btn-primary {
   		color: #fff;
   		background-color: #024A97;
   		border-color: #024A97;
   	}
   	
   	.orgPrice {
   		font-size: 12px;
   		color: #999;
   	}
   	
   	.orgPrice .price {
   		font-size: 15px;
   		color: #808080;
   		text-decoration: line-through;
   	}
   	
   	.special-price {
   		color: #f00;
   	}


   	
   	
html {
	margin: 0;
	padding: 0;
}
html, body {
	margin:0;
}
body {
	color: #777;
	font-family: 'Arial', sans-serif;
	font-weight:normal;
	margin: 0;
	font-size:13px;
	line-height:22px;
	min-width:260px;
}

fieldset {
	padding: 0;
	margin: 0;
	border: 0;
}

legend {
	display: block;
	width: 100%;
	padding: 0;
	margin-bottom: 20px;
	font-size: 21px;
	line-height: 40px;
	color: #333;
	border: 0;
	border-bottom: 1px solid #ccc;
}
img {
	max-width:100%
}
legend small {
	font-size: 15px;
	color: #999999;
}
label,
input,
button,
select,
textarea {
	font-size: 13px;
	font-weight: normal;
	line-height: 20px;
}
input,
button,
select,
textarea {
	font-family: Arial, sans-serif;
}

label {
	margin-bottom: 0px;
}


input,
textarea,
.uneditable-input {
	width: 280px;
	max-width:100%
}
.nav__primary.isStuck{
		width:100%;
	}
#page{
	background:#f3f2f2;
}
textarea {
	height: auto;
}

textarea,
input[type="text"],
input[type="password"],
input[type="datetime"],
input[type="datetime-local"],
input[type="date"],
input[type="month"],
input[type="time"],
input[type="week"],
input[type="number"],
input[type="email"],
input[type="url"],
input[type="search"],
input[type="tel"],
input[type="color"],
.uneditable-input {
	background-color: #ffffff;
	border: 1px solid #d7d7d7;
	-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
	-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
	-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
	-o-transition: border linear 0.2s, box-shadow linear 0.2s;
	transition: border linear 0.2s, box-shadow linear 0.2s;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus,
.uneditable-input:focus {
	outline: 0;
	outline: thin dotted \9;
	/* IE6-9 */
}

input[type="radio"],
input[type="checkbox"] {
	margin: 4px 0 0;
	margin-top: 1px \9;
	*margin-top: 0;
	line-height: normal;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
	width: auto;
}

select,
input[type="file"] {
	height: 30px;
	/* In IE7, the height of the select element cannot be changed by height, only font-size */

	*margin-top: 4px;
	/* For IE7, add top margin to align select with labels */
	line-height: 30px;
}

select {
	width: 280px;
	max-width:100%;
	background-color: #fff;
	border: 1px solid #ccc;
}

select[multiple],
select[size] {
	height: auto;
}

select:focus,
input[type="file"]:focus,
input[type="radio"]:focus,
input[type="checkbox"]:focus {
	outline: thin dotted #313131;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}


a, 
a:visited, 
a:focus {
	cursor: pointer;
	text-decoration:none;
	outline:none;
}
a{
	color:#8c7869;
}
a:hover {
	text-decoration:none;
	color: #2f2c2a;
}
a img {
	border: none;
}
form {
	margin-bottom:0;
}
/*======================= TYPOGRAPHY =======================*/

.p0 {
	padding:0 !important
}
.m0 {
	margin:0 !important
}
.mt0 {
	margin-top:0 !important
}
/***********************/

.fleft {
	float:left;
}
.fright {
	float:right;
}
.tcenter {
	text-align:center !important;
}
.fancybox {
	text-decoration:none;
}
.fancybox:hover {
	text-decoration:underline;
}
.account-success #content p {
	margin-bottom:5px;
}
.wrapper {
	width:100%;
	overflow:hidden;
}
.extra-wrap {
	overflow:hidden;
}
.clear {
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
a#hidden {
	display:none;
	visibility:hidden
}

.content ul {
	list-style:none;
	margin:0 0 30px 0;
	padding:0;	
}
.content ul li a {
	text-decoration:none;
}
.content ul li:first-child {
	border:none;
}

.product-description ul {
   list-style:disc;
   margin:initial;
	padding:initial;
}

.product-description ul li {
   color: #777;
   margin-left: 25px;
}

ul {
	list-style:none;
	margin:0;
	padding:0;
}

ul li {
   color: #2f2c2a;
}
   
.breadcrumb a:hover, .breadcrumb a.last{
	color:#2f2c2a;	
}
.breadcrumb {
	color:#777;
	font-size:14px;
	line-height:16px;
	background-color:#fff;
	padding:2px 0px 5px;
	font-weight:bold;
	text-transform:uppercase;
}
.breadcrumb a{
	font-size:14px;
	color:#8c7869;
}

a {
    color: #006994;
}
.price {
    font-size: 21px;
    line-height: 20px;
    color: #2f2c2a;
    font-weight: 700;
}

.search-price-range li {
   font-weight: bold;
}

.product-filter {
    margin-bottom: 5px!important;
    border: 0 solid #fff!important;
    line-height: 32px; 
}

small {
    font-size: 85%;
}

.plImg {
    height: 16em;
    line-height: 10em;
    text-align: center
}

.plImg img {
    max-width: 99%;
    margin: 0 auto;
    vertical-align: middle;
    display: inline-block
}
.plTitle {
    overflow: hidden
}
.discount-badge small {
    display: none
}
.plTitle h2 {
    margin: 0;
    font-size: 15px!important;
    font-weight: 700;
    color: #333
}
.plSpecialAlert {
    border-radius: 50%;
    width: 75px;
    height: 75px;
    background-color: #ed1c24;
    text-align: center;
    padding: 13px 0 3px;
    margin-top: -50px
}
.plSkuBar {
    height: 35px
}
.plSku {
    font-size: 9px
}
.plSpecialAlert small {
    max-width: 45px;
    color: #fff;
    display: inline-block;
    text-transform: uppercase;
    line-height: 8px;
    font-size: 9px
}
.plSpecialAlert div {
    font-size: 22px;
    font-weight: 600;
    color: #fff;
    line-height: 18px;
    margin-bottom: -5px
}
.salePrice {
    color: #d30714;
    font-weight: 600;
    font-size: 14px;
    line-height: 18px;
}

.was-price .price {
    font-size: 13px;
    line-height: 20px;
    color: #aaa;
    font-weight: 500;
}

.was-price .price-fraction {
  font-size: 1em;
  bottom: 0em;
}

.salePriceLg {
    font-weight: 700!important;
    margin-bottom: 5px
}

.priceBlock .salePriceLg{
padding:10px !important;   
} 

/*
.priceBlock .salePriceLg .price{
color:#d30714;   
}  

*/ 

#accordian h3,
.addToCart,
.btn-orange,
.w600 {
    font-weight: 600
}

.addLg {
    font-size: 1.2em
}
.guttert {
    margin-top: 8px
}
.guttertb {
    margin: 8px 0
}
.gutter {
    margin: 8px
}
.gutterb {
    margin-bottom: 8px
}
.mt1 {
    margin-top: 1em
}
.mt2 {
    margin-top: 2em
}
.p05 {
    padding: .5em!important
}
.mt05 {
    margin-top: .8em
}
.mb05 {
    margin-bottom: .5em
}
.mtb05 {
    margin: .5em 0;
    line-height: 1em
}
.mt3em {
    margin-top: 3em
}
.mt2em {
    margin-top: 2em
}
.ptb0 {
    padding-top: .8em!important;
    padding-bottom: .8em!important;
    margin-top: .25em
}
.img100 {
    max-width: 100%;
    width: 100%
}
.whiteLink {
    color: #fff
}
.whiteLink:hover {
    text-decoration: underline;
    color: #fff
}
.bgGrey {
    background-color: #dcddde
}
.bgBlue {
    background-color: #024892
}
.strike {
    text-decoration: line-through
}
.filterGroup {
    padding: 0 3px 0 10px
}
.rounded3 {
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px
}
.roundedt3 {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px
}
.btn-med {
    font-size: 1.1em
}
.btn-grey {
    background-color: #f1f1f1
}
.btn-grey:hover {
    background-color: #f3f3f3
}
.btn-orange {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJjMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdc00), color-stop(100%, #febc11));
    background: -webkit-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: -o-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: -ms-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: linear-gradient(to bottom, #ffdc00 0, #febc11 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffdc00', endColorstr='#febc11', GradientType=0);
    color: #000
}
#accordian ul ul li,
#accordian ul ul li a {
    color: #333;
    display: block
}
.gradOrange {
    background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZGMwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZWJjMTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
    background: -moz-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ffdc00), color-stop(100%, #febc11));
    background: -webkit-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: -o-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: -ms-linear-gradient(top, #ffdc00 0, #febc11 100%);
    background: linear-gradient(to bottom, #ffdc00 0, #febc11 100%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#ffdc00', endColorstr='#febc11', GradientType=0)
}

.modal .form-control.error {
    border-color: #f00 !important;
}

.item-sold {
   text-decoration: line-through;
}

#mc_embed_signup label {
    font-size: 12px !important;
}

#mc_embed_signup .button {
    color: #333 !important;
    font-size: 13px !important;
}

#mc_embed_signup input.email {
    font-size: 13px !important;
}

.container-fluid {
    padding-left: 0px !important;
    padding-right: 0px !important;
}

.navbar-collapse {
    padding-right: 4px !important;
    padding-left: 4px !important;
    margin-left:  0px !important;
    margin-right:  0px !important;
}

.owl-theme .owl-nav {
  margin-top: 10px;
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-nav [class*='owl-'] {
    color: #FFF;
    font-size: 14px;
    margin: 5px;
    padding: 4px 7px;
    background: #024a97;
    display: inline-block;
    cursor: pointer;
    border-radius: 3px; }
    .owl-theme .owl-nav [class*='owl-']:hover {
      background: #8697C1;
      color: #FFF;
      text-decoration: none; }
  .owl-theme .owl-nav .disabled {
    opacity: 0.5;
    cursor: default; }

.owl-theme .owl-nav.disabled + .owl-dots {
  margin-top: 10px; }
/*
.owl-theme .owl-dots {
  text-align: center;
  -webkit-tap-highlight-color: transparent; }
  .owl-theme .owl-dots .owl-dot {
    display: inline-block;
    zoom: 1;
    *display: inline; }
    .owl-theme .owl-dots .owl-dot span {
      width: 10px;
      height: 10px;
      margin: 5px 7px;
      background: #D6D6D6;
      display: block;
      -webkit-backface-visibility: visible;
      transition: opacity 200ms ease;
      border-radius: 30px; }
    .owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span {
      background: #869791; }
*/

.owl-theme .owl-dots {
   display: none;
}

.xmas-sale:hover {
   color: #fff !important;
}

.xmas-sale {
   color: red !important;
}



.menu-dropdown-info {
	     padding-left: 15px;
	     padding-right: 15px;
	 }
	
	 .menu-dropdown {
	     color: #01366F !important;
	     background-color: #f3f3f3 !important;
	     border-color: #eee !important;
	     box-shadow: 0 5px 11px #999 !important;
	     -webkit-box-shadow: 0 5px 11px #999 !important;
	     margin-bottom: 0px;
	     padding: 0px;
	 }
	
   .menu-dropdown li a.menu-item {
      font-weight: bold;
      padding: 10px 20px;
   }

   .menu-dropdown .form-control {
      padding: 6px 6px !important;
      background-color: #fff !important;
      color: #333!important;
      border: 1px solid #ccc!important;
      placeholder: #999!important;
   }
   
   .menu-dropdown .form-control:placeholder {
      color: #999!important;
   }
	
		.menu-dropdown input::-webkit-input-placeholder,
	.menu-dropdown textarea::-webkit-input-placeholder {
	  color: rgba(99,99,99,0.3)!important;
	}
	
	.menu-dropdown input::-moz-placeholder,
	.menu-dropdown  textarea::-moz-placeholder {
	  color: rgba(99,99,99,0.3)!important;
	}
	
	.menu-dropdown  input:-ms-input-placeholder,
	.menu-dropdown textarea:-ms-input-placeholder {
	  color: rgba(99,99,99,0.3)!important;
	}
	
	.menu-dropdown input:-moz-placeholder,
	.menu-dropdown  textarea:-moz-placeholder {
	  color: rgba(99,99,99,0.3)!important;
	}
	
	.menu-dropdown .cart-description a:hover {
	   color: #999 !important;
	   background-color: #fff !important;
	}
	
	.menu-dropdown a {
	   color: #333 !important;
	   background-color: #fff !important;
	}
	
	   .menu-dropdown a:hover {
	       color: #333 !important;
	       background-color: #eee !important;
	   }
	
	.menu-dropdown .divider {
	   background-color: #ccc !important;
	   margin: 0 !important;
	}
	


.cart-status {
   width: 100%;  
}




.nav>li>a {
    padding: 10px 13px  !important;
}

#ff-isFeatured-label {
   color: #f00;
}

.inline {
   display: inline !important;
}

.alert-danger  {
   font-weight: bold;
   color: #fff;
   background-color: #ff2020;
}

.alert-danger a {
   font-weight: normal;
   color: #fff;
   text-decoration: underline;
}


/* -- Desktop: always show content, disable toggle appearance -- */
@media (min-width: 992px) {
  .accordion-body.collapse {
    display: block !important;
    height: auto !important;
  }

  .accordion-toggle {
    pointer-events: none;
    cursor: default;
  }

  /* Optional: remove the visual caret/arrow if your theme adds one */
  .accordion-toggle::after {
    display: none;
  }
}

/* -- Mobile: add a caret and style the heading as a clickable toggle -- */
@media (max-width: 991px) {
  .accordion-toggle {
    display: block;
    cursor: pointer;
  }


h1 {
    font-size: 1.5em;
}


.product-filter .product-filter-sort {
   padding-right: 0px;
   padding-left: 0px;
}

.subgroups-links {
   padding-right: 0px;
   padding-left: 0px;
   margin-bottom: 10px;
}


.group-description table {
   visibility: hidden;
}

.col-sm-home-images {
   padding-right: 3px;
   padding-left: 0px;
   margin-top: -14px;
   margin-bottom: -3px;
}

body {
    background-color: #ffffff;
}

.container {
     width: 100%; 
}

  /* Caret indicator 
  .accordion-toggle::after {
    content: ' ';
    font-size: 0.75em;
  }

  .accordion-toggle[aria-expanded="false"]::after,
  .accordion-body.collapse:not(.in) ~ .accordion-heading .accordion-toggle::after {
    content: ' ?';
  }*/

  /* Optional: start all closed on mobile */
  /* .accordion-body.collapse.in { ... } */
}



    /* --- TOKENS ----------------------------------------------- */
    :root {
      --brand-dark:   #024a97;
      --brand-mid:    #3a7358;
      --brand-light:  #4e9470;
      --accent-sale:  #e8531a;
      --text-dark:    #1a1a1a;
      --text-muted:   #888;
      --text-strike:  #aaa;
      --bg-page:      #f6f6f4;
      --bg-card:      #ffffff;
      --border-card:  #e8e8e5;
      --icon-btn-bg:  #3a7358;
      --icon-btn-hover: #2d5a45;
      --bottom-nav-h: 62px;
    }

    /* --- RESET / BASE ---------------------------------------- */
    *, *::before, *::after { box-sizing: border-box; }

    /* --- TOP ANNOUNCEMENT BAR -------------------------------- */
    .announcement-bar {
      background: var(--brand-dark);
      color: #fff;
      text-align: center;
      font-size: 13px;
      font-weight: 700;
      letter-spacing: .02em;
      padding: 9px 16px;
    }

    /* --- HEADER ---------------------------------------------- */
    .site-header {
      background: #024A97;
      border-bottom: 1px solid var(--border-card);
      padding: 10px 16px;
      display: flex;
      align-items: center;
      justify-content: space-between;
      position: sticky;
      top: -1px;
      z-index: 100;
      box-shadow: 0 1px 4px rgba(0,0,0,.06);
    }
    .header-menu-btn {
      background: none;
      border: none;
      padding: 4px;
      cursor: pointer;
      color: var(--text-dark);
      font-size: 22px;
      line-height: 1;
    }
    .header-logo {
      display: flex;
      flex-direction: column;
      align-items: center;
      text-decoration: none;
      gap: 0;
    }
    .header-logo svg {
      width: 36px; height: 28px;
    }
    .header-logo-text {
      font-size: 17px;
      font-weight: 800;
      color: var(--brand-dark);
      letter-spacing: -.01em;
      line-height: 1;
    }
    .header-logo-text span { font-weight: 400; }
    .header-actions {
      display: flex;
      align-items: center;
      gap: 14px;
    }
    .header-actions a {
      color: var(--text-dark);
      font-size: 22px;
      text-decoration: none;
      position: relative;
    }
    .cart-badge {
      position: absolute;
      top: -5px; right: -6px;
      background: var(--brand-dark);
      color: #fff;
      font-size: 9px;
      font-weight: 800;
      border-radius: 50%;
      width: 16px; height: 16px;
      display: flex; align-items: center; justify-content: center;
      font-family: var(--font-main);
    }

    /* --- BREADCRUMB ------------------------------------------ */
    .breadcrumb-bar {
      background: #fff;
      padding: 8px 16px 10px;
      border-bottom: 1px solid var(--border-card);
      margin-bottom: 12px;
    }
    .breadcrumb-bar .breadcrumb {
      background: none;
      margin: 0; padding: 0;
      font-size: 13px;
      color: var(--text-muted);
      font-weight: 600;
      /* Override Bootstrap 3 / browser ol defaults */
      list-style: none;
      list-style-type: none;
      counter-reset: none;
    }
    /* Remove any pseudo-element counters Bootstrap 3 might inject */
    .breadcrumb-bar .breadcrumb > li {
      list-style: none;
      list-style-type: none;
    }
    .breadcrumb-bar .breadcrumb > li::before,
    .breadcrumb-bar .breadcrumb > li::marker {
      content: none !important;
      display: none !important;
    }
    /* Re-add our custom separator only between items */
    .breadcrumb-bar .breadcrumb > li + li::before {
      content: '›' !important;
      display: inline !important;
      padding: 0 6px;
      color: var(--text-muted);
    }
    .breadcrumb-bar .breadcrumb > li.active { color: var(--text-dark); }
    .breadcrumb-bar .breadcrumb a { color: var(--text-muted); text-decoration: none; }

    /* --- FILTER/SORT BAR ------------------------------------- */
    .filter-bar {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding: 0 16px 12px;
    }
    .filter-btn, .sort-btn {
      background: none;
      border: 1.5px solid #ccc;
      border-radius: 20px;
      padding: 5px 14px;
      font-size: 13.5px;
      font-weight: 700;
      font-family: var(--font-main);
      color: var(--text-dark);
      cursor: pointer;
      display: flex;
      align-items: center;
      gap: 6px;
      transition: border-color .15s;
    }
    .filter-btn:hover, .sort-btn:hover { border-color: var(--brand-mid); }
    .filter-btn i, .sort-btn i { font-size: 14px; }

    /* --- PRODUCT GRID ---------------------------------------- */
    .product-grid {
      padding: 0 10px;
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    /* --- PRODUCT CARD ---------------------------------------- */
    .product-card {
      background: var(--bg-card);
      border-radius: 10px;
      border: 1px solid var(--border-card);
      overflow: hidden;
      position: relative;
      display: flex;
      flex-direction: column;
      transition: box-shadow .2s;
    }
    .product-card:hover { box-shadow: 0 4px 18px rgba(0,0,0,.1); }

    /* sale badge */
    .sale-badge {
      position: absolute;
      top: 10px; left: 10px;
      background: var(--accent-sale);
      color: #fff;
      font-size: 11.5px;
      font-weight: 800;
      border-radius: 50%;
      width: 38px; height: 38px;
      display: flex; align-items: center; justify-content: center;
      z-index: 2;
      letter-spacing: -.02em;
    }

    /* quick-view eye */
    .card-quickview {
      position: absolute;
      bottom: 86px; right: 10px;
      background: rgba(255,255,255,.9);
      border: 1.5px solid #ddd;
      border-radius: 50%;
      width: 32px; height: 32px;
      display: flex; align-items: center; justify-content: center;
      color: var(--brand-mid);
      font-size: 16px;
      cursor: pointer;
      transition: background .15s;
      z-index: 2;
    }
    .card-quickview:hover { background: var(--brand-mid); color: #fff; border-color: var(--brand-mid); }

    /* product image */
    .card-img-wrap {
      background: #f0f0ed;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      justify-content: center;
      overflow: hidden;
    }
    .card-img-wrap img {
      width: 100%; height: 100%;
      object-fit: cover;
      transition: transform .3s ease;
    }
    .product-card:hover .card-img-wrap img { transform: scale(1.04); }

    /* card body */
    .card-body {
      padding: 9px 10px 10px;
      flex: 1;
      display: flex;
      flex-direction: column;
    }
    .card-title {
      font-size: 13px;
      font-weight: 700;
      color: var(--text-dark);
      margin: 0 0 5px;
      line-height: 1.3;
      /* allow wrapping naturally */
    }
    .card-price-orig {
      font-size: 11.5px;
      color: var(--text-strike);
      text-decoration: line-through;
      margin-bottom: 1px;
    }
    .card-price-sale {
      font-size: 13px;
      font-weight: 800;
      color: var(--text-dark);
    }
    .card-price-sale.discounted { color: var(--accent-sale); }

    /* add-to-cart button */
    .card-atc {
      display: flex;
      align-items: center;
      justify-content: flex-end;
      margin-top: 8px;
    }
    .btn-atc {
      background: var(--icon-btn-bg);
      border: none;
      border-radius: 7px;
      color: #fff;
      width: 36px; height: 36px;
      display: flex; align-items: center; justify-content: center;
      font-size: 17px;
      cursor: pointer;
      transition: background .15s, transform .1s;
    }
    .btn-atc:hover { background: var(--icon-btn-hover); }
    .btn-atc:active { transform: scale(.94); }

    /* --- BOTTOM NAV ------------------------------------------ */
    .bottom-nav {
      position: fixed;
      bottom: 0; left: 0; right: 0;
      height: var(--bottom-nav-h);
      background: #fff;
      border-top: 1px solid var(--border-card);
      display: flex;
      z-index: 200;
      box-shadow: 0 -2px 10px rgba(0,0,0,.07);
    }
    .bottom-nav-item {
      flex: 1;
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      gap: 3px;
      text-decoration: none;
      color: var(--text-muted);
      font-size: 11px;
      font-weight: 700;
      font-family: var(--font-main);
      cursor: pointer;
      transition: color .15s;
      position: relative;
    }
    .bottom-nav-item:hover { color: var(--brand-dark); }
    .bottom-nav-item.active { color: var(--brand-dark); }
    .bottom-nav-item i { font-size: 22px; line-height: 1; }
    .nav-badge {
      position: absolute;
      top: 8px;
      left: calc(50% + 4px);
      background: var(--brand-dark);
      color: #fff;
      font-size: 9px;
      font-weight: 800;
      border-radius: 50%;
      width: 15px; height: 15px;
      display: flex; align-items: center; justify-content: center;
    }

    /* --- PLACEHOLDER IMG (demo) ------------------------------ */
    .img-placeholder {
      width: 100%; height: 100%;
      background: linear-gradient(135deg, #dde8e2 0%, #c8ddd4 100%);
      display: flex; align-items: center; justify-content: center;
    }
    .img-placeholder i { font-size: 48px; color: #a0bfb3; }

    /* --- SECTION LABEL --------------------------------------- */
    .section-label {
      padding: 4px 16px 10px;
      font-size: 12.5px;
      color: var(--text-muted);
      font-weight: 600;
    }