/* Force responsive images in browse  based on img-responsive from bootstrap */
.browseProdImg img{
  display: block !important;
  /*width: 100%;*/
  max-width: 100% !important;
  height: auto;
  margin:0 auto;
}
.product-grid-heading {
 	position: initial !important;
}
/* Handle akward dimensions */
@media (min-width: 450px, max-width: 768px) {
  .browseProdImg img{
    width: 50% !important;
    max-width: 50% !important;
    height: auto !important;
  }
}
.col-sm-12.text-center.banner {
    height: 535px !important;
}
@media (max-width: 1360px) {
.col-sm-12.text-center.banner {
    height: 450px !important;
}
}
@media (max-width: 767px) {
 .prod_item {
     min-height: auto !important;
 }
 .col-sm-12.text-center.banner {
     height: 100px !important;
 }
 .hidespaces .spacer {
     display: none;
 }
  #mainseccollection {
     height: 132px !important;
 }
}

/*@media (min-width: 992px) {
  .browseProdImg img{ width: 100% !important; }
}*/

#catalogMenu{ padding: 0 } /* Remove .navbar-collapse padding */

.browseCatLink:hover,
.browseCatLink{ color:#333; }


.browseProd .thumbnail{ min-height: 305px; max-width:285px; margin-left:auto; margin-right:auto; }
.browseProdDesc{ word-wrap: break-word; }

/* browse Paging */
.browsePaging{ margin:0; padding:0; }
.browsePaging li{ 
  margin:0; 
  padding: 0 5px; 
  float:left; 
  list-style:none; 
  cursor:pointer; 
}

.pgSelected{ font-weight:bold; }


.sortChoice,
.sortChoice:hover{
  text-decoration:none;
  vertical-align:middle;
  position:relative;
  top:1px;
}
.sortChoice .fa,
.sortChoice .glyphicon{
  font-size:18px;
  color: #666;
  border:1px solid #666;
  border-radius:5px;
  padding:2px;
  margin:1px; 
}
.sortSelected .fa,
.sortSelected .glyphicon{
  color: #000;
  border-color:#000;
}

/* Selected Filters */
.browseSelectedFilters{ background:#ccc; border-bottom:5px solid #666; }
.browseSelectedFilters ul{ margin:0; padding:0; float:left; }
  .browseSelectedFilters li{ list-style: none; float:left; text-shadow: 0 -1px 0 #fff; }
    .removeFilter{ border: 1px solid #666; cursor:pointer; margin: 0 5px; }


/* Filter Menu */
.browseFilter{

}
  .catalogGroupHead,
  .filterGroupHead{
    font-weight:bold;
  }
  .browseCategory ul,
  .filterGroup ul{ 
    margin:0; 
    padding:0; 
  }
  .browseCategory li,
  .filterGroup li{
    /* margin:0 0 0 5px; */
    padding:0;
    list-style:none;
    cursor:pointer;
  }

  .browseCategory li.selected,
  .filterGroup li.selected{
    font-weight:bold;
  }

  .browseCategory li .prodCount,
  .filterGroup li .prodCount{
    font-size:80%;
    font-style:italic;
    white-space:nowrap;
    font-weight:normal;
  }
  .filterCheck{
    color:#999;
    font-size:14px;
    padding-right:5px;
  }
  .filterCheck.glyphicon-check,
  .filterCheck.fa-check-square-o{
    color:#666;
    font-size:14px;
    padding-right:4px;
  }

  .filterGroup li.filterInactive{ opacity:0.6; cursor: inherit; }

.browseRegPrice{  }
.browseSalePrice{ float:left; color:red; }
.browseRegPriceStrike{ text-decoration:line-through; float:right; }
/* .filterGroup li{padding-left:15px !important; } */
.filterCheck{ margin-left:-15px; display: none; }

.browseFilter li {
    padding: 0px;
}

.colorSwatches {
   float:none;
   margin: 0 auto;
   clear:both;
   /* max-width: 100%;
   width: 215px; */
}

.colorOuter {
   margin: 2px;
   cursor: pointer;
   /* border: 2px solid #ccc; */
   background-color: #FFF;
   border-radius: 18px;
   display: inline-block;
}

.colorInner {
   width: 24px;
   height: 24px;
   margin: 0px;
   border-radius: 18px;
   overflow: hidden;
 	border:1px solid #ccc;
}

.colorOuter.selected { border-color:#666; }

.colorOuter.selected { box-shadow:0 0 6px #666; }
.show-more-colors{ display:block; clear:both; }

.noProdFound{
  text-align: center;
  font-weight: bold;
  margin-top: 25px; 
}
.item-card a {
    float: left;
    width: 100%;
}
a.image_link {
    position: absolute;
    top: 0;
    bottom: 0;
    z-index: 111111;
 	left:0;
    color: transparent;
}
/* Multi Hex value colors */
.multiHex{ float:left; height:100%; border:0; margin:0; padding:0; }
.multi1of2,
.multi2of2{
  width:50%;
}
.multi1of3{ width:50%; }
.multi2of3,
.multi3of3{
  width:25%;
}
.multi1of4,
.multi2of4,
.multi3of4,
.multi4of4{
  width:25%;
}


.filterResetOuter{
 font-weight:normal;
 font-size: 13px; 
 margin-left:4px;
 color:#999;
}

#filterReset, .filterGroupClear{ margin-left:4px; color:#333; text-decoration:none; cursor:pointer; }
#filterReset:hover, .filterGroupClear:hover{ color:#000; text-decoration:underline; }
.filterGroupHead{ cursor:pointer; }
.filterGroupToggle{ margin-right:5px; float: right; }

.browseProd .thumbnail{
   position:relative;   
}
@media (min-width: 420px) {
.ribbon {
   position: absolute;
   right: -5px; top: -5px;
   z-index: 100;
   overflow: hidden;
   width: 75px; height: 75px; 
   text-align: right;
}
.ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   transform: rotate(45deg);
   -webkit-transform: rotate(45deg); /* Needed for Safari */
   width: 100px; display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   box-shadow: 0 3px 10px -5px rgba(0, 0, 0, 1);
   position: absolute;
   top: 19px; right: -21px;
}
.ribbon span::before {
   content: '';
   position: absolute; 
   left: 0px; top: 100%;
   z-index: -1;
   border-left: 3px solid #79A70A;
   border-right: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
.ribbon span::after {
   content: '';
   position: absolute; 
   right: 0%; top: 100%;
   z-index: -1;
   border-right: 3px solid #79A70A;
   border-left: 3px solid transparent;
   border-bottom: 3px solid transparent;
   border-top: 3px solid #79A70A;
}
}
@media (max-width: 419px) {
.ribbon { 
 text-align:center; 
 margin: -4px -5px 0 -5px; 
 height:23px; 
 border-radius: 4px 4px 0 0;
 position: absolute !important;
}
 .ribbon span {
   font-size: 10px;
   color: #fff; 
   text-transform: uppercase; 
   text-align: center;
   font-weight: bold; line-height: 20px;
   width: 100%; 
   height:23px;
   display: block;
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%);
   border-radius: 4px 4px 0 0;
}
}
.ribbon span {
   background: #79A70A;
   background: linear-gradient(#9BC90D 0%, #79A70A 100%); 
}
.ribbon.red span {background: linear-gradient(#F70505 0%, #8F0808 100%);}
.ribbon.red span::before {border-left-color: #8F0808; border-top-color: #8F0808;}
.ribbon.red span::after {border-right-color: #8F0808; border-top-color: #8F0808;}

.ribbon.blue span {background: linear-gradient(#2989d8 0%, #1e5799 100%);}
.ribbon.blue span::before {border-left-color: #1e5799; border-top-color: #1e5799;}
.ribbon.blue span::after {border-right-color: #1e5799; border-top-color: #1e5799;}


/* Color Swatches */
.filter_colorxref {
   float:left;
   margin-bottom: 5px;
}

.filter_colorxref li {
   text-indent: -9999px;
   width: 28px;
   height: 28px;
   float: left;
   margin: 1px 2px 3px 2px;
   padding:0;
   border: 1px solid #DDD;
   box-shadow: inset 0 0 0 2px #FDFDFD;
   border-radius: 18px;
   background-clip: content-box;
   background-size:cover; 
   background-repeat: no-repeat; 
   background-position:center center; 
}

.filter_colorxref li.selected {
   border: 1px solid #222;
   box-shadow: inset 0 0 0 1px white, 0 0 3px #444;
}

.filter_colorxref .fa-square-o:before, #filter_Color .fa-check-square-o:before {
   content: normal;
}
.filter_colorxref .filterInactive{ border-style:dotted; position:relative; }
.filter_colorxref .filterInactive:after {
  text-indent:0;
  content: "\f00d"; /* Close icon */
  font-family: FontAwesome;
  font-style: normal;
  font-weight: normal;
  text-decoration: inherit;
  position: absolute;
  font-size: 18px;
  color: #999;  
  top: 50%;
  left: 50%;  
  margin: -12px 0 0 -7px;
  z-index: 1;
  opacity:0.5;
}
.prodPerPageLbl{
  margin-left:10px;
}

/* Custom */
.browseProdDesc{
  text-transform: uppercase;
}
.mainTitle{
  border-bottom: 1px solid #000000;
  color: #000000;
  font-size: 30px;
  font-weight: bold;
  margin-bottom: 25px;
  padding-bottom: 5px;
}
.browseCategoryTitle{
  color: #000000;
  font-weight: bold;
}



img {
    max-width: 100%;
    height: auto;
    display: inline-block
  }
  #carousel-custom .carousel-inner {
    position: relative;
    width: 100%;
    min-height: 300px;
  }
  #carousel-custom .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none !important;
    background-repeat: repeat-x;
  }
  #carousel-custom .carousel-control.left {
    left: 0;
    right: auto;
    background-image: none !important;
    background-repeat: repeat-x;
  }
  #carousel-example-generic {
    margin: 20px auto;
    width: 100%;
  }
  #carousel-custom .carousel-indicators {
    margin: 0 0;
    overflow: auto;
    position: static;
    text-align: left;
    white-space: nowrap;
    width: 100%;
    overflow: hidden;
  }
  #carousel-custom .carousel-indicators li {
    background-color: transparent;
    -webkit-border-radius: 0;
    border-radius: 0;
    /* display: unset; */
    display: contents;
    height: auto;
    margin: 0 !important;
    width: auto;
    border: 0 !important;
  }
  #carousel-custom .carousel-indicators li img {
    display: block;
  }
  #carousel-custom .carousel-indicators li:hover img {
    opacity: 0.75;
  }
  #carousel-custom {
    position: relative;
  }
  /*div#carousel-custom {
    margin: 0 0 50px;
    }*/
    /* Left Column */

    /*.left_img img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img img.current {
      display: block !important
    }*/


    .left_img1 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img1 img.current1 {
      display: block !important
    }


    .left_img2 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img2 img.current2 {
      display: block !important
    }


    .left_img3 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img3 img.current3 {
      display: block !important
    }

    .left_img4 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img4 img.current4 {
      display: block !important
    }

    .left_img5 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img5 img.current5 {
      display: block !important
    }

    .left_img6 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img6 img.current6 {
      display: block !important
    }

    .left_img7 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img7 img.current7 {
      display: block !important
    }

    .left_img8 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img8 img.current8 {
      display: block !important
    }

    .left_img9 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img9 img.current9 {
      display: block !important
    }

    .left_img10 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img10 img.current10 {
      display: block !important
    }

    .left_img11 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img11 img.current11 {
      display: block !important
    }

    .left_img12 img {
      display: none !important;
      transition: all 0.3s ease;
    }
    .left_img12 img.current12 {
      display: block !important
    }


    /* Product Color */
    .product-color {
      margin-bottom: 30px;
    }
    .color-choose > div {
      display: inline-block;
    }
    .color-choose input[type="radio"] {
      display: none;
    }
    .color-choose input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose input[type="radio"]#black + label span {
      background-color: #000000;
    }
    .color-choose input[type="radio"]#white + label span {
      background-color: #ffffff;
    }
    .color-choose input[type="radio"]#blue + label span {
      background-color: #003CFF;
    }
    .color-choose input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom1 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom1 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom1 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom1 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom1 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom1 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom1 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom1 {
      position: relative;
    }
    .color-choose1 > div {
      display: inline-block;
    }
    .color-choose1 input[type="radio"] {
      display: none;
    }
    .color-choose1 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose1 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose1 input[type="radio"]#yellow + label span {
      background-color: #FFFF00;
    }
    .color-choose1 input[type="radio"]#red + label span {
      background-color: #FF0000;
    }
    .color-choose1 input[type="radio"]#green + label span {
      background-color: #008000;
    }
    .color-choose1 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }


    #carousel-custom2 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom2 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom2 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom2 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom2 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom2 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom2 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom2 {
      position: relative;
    }
    .color-choose2 > div {
      display: inline-block;
    }
    .color-choose2 input[type="radio"] {
      display: none;
    }
    .color-choose2 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose2 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose2 input[type="radio"]#silver + label span {
      background-color: silver;
    }
    .color-choose2 input[type="radio"]#gold + label span {
      background-color: gold;
    }
    .color-choose2 input[type="radio"]#orange + label span {
      background-color: orange;
    }
    .color-choose2 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }






    #carousel-custom3 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom3 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom3 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom3 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom3 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom3 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom3 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom3 {
      position: relative;
    }
    .color-choose3 > div {
      display: inline-block;
    }
    .color-choose3 input[type="radio"] {
      display: none;
    }
    .color-choose3 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose3 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose3 input[type="radio"]#pink + label span {
      background-color: pink;
    }
    .color-choose3 input[type="radio"]#navy + label span {
      background-color: navy;
    }
    .color-choose3 input[type="radio"]#royal + label span {
      background-color: royalblue;
    }
    .color-choose3 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom4 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom4 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom4 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom4 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom4 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom4 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom4 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom4 {
      position: relative;
    }
    .color-choose4 > div {
      display: inline-block;
    }
    .color-choose4 input[type="radio"] {
      display: none;
    }
    .color-choose4 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose4 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose4 input[type="radio"]#navyheather + label span {
      background-color: #1f396f;
    }
    .color-choose4 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }


    #carousel-custom5 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom5 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom5 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom5 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom5 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom5 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom5 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom5 {
      position: relative;
    }
    .color-choose5 > div {
      display: inline-block;
    }
    .color-choose5 input[type="radio"] {
      display: none;
    }
    .color-choose5 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose5 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose5 input[type="radio"]#burgundyheather + label span {
      background-color: #7F383C;
    }
    .color-choose5 input[type="radio"]#charcoalheather + label span {
      background-color: #3b3f47;
    }
    .color-choose5 input[type="radio"]#forestheather + label span {
      background-color: #68755A;
    }
    .color-choose5 input[type="radio"]#redheather + label span {
      background-color: #E13449;
    }
    .color-choose5 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }




#carousel-custom6 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom6 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom6 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom6 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom6 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom6 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom6 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom6 {
      position: relative;
    }
    .color-choose6 > div {
      display: inline-block;
    }
    .color-choose6 input[type="radio"] {
      display: none;
    }
    .color-choose6 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose6 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose6 input[type="radio"]#ultravoilet + label span {
      background-color: #392A55;
    }
    .color-choose6 input[type="radio"]#lightpink + label span {
      background-color: #F6E4DA;
    }
    .color-choose6 input[type="radio"]#iceblue + label span {
      background-color: #d4eff4;
    }
    .color-choose6 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom7 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom7 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom7 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom7 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom7 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom7 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom7 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom7 {
      position: relative;
    }
    .color-choose7 > div {
      display: inline-block;
    }
    .color-choose7 input[type="radio"] {
      display: none;
    }
    .color-choose7 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose7 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose7 input[type="radio"]#darkred + label span {
      background-color: #D50224
    }
    .color-choose7 input[type="radio"]#navyblue + label span {
      background-color: #1F232A;
    }
    .color-choose7 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom8 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom8 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom8 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom8 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom8 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom8 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom8 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom8 {
      position: relative;
    }
    .color-choose8 > div {
      display: inline-block;
    }
    .color-choose8 input[type="radio"] {
      display: none;
    }
    .color-choose8 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose8 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose8 input[type="radio"]#black1 + label span {
      background-color: #000000
    }
    .color-choose8 input[type="radio"]#navyblue1 + label span {
      background-color: #1f396f;
    }
    .color-choose8 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom9 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom9 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom9 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom9 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom9 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom9 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom9 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom9 {
      position: relative;
    }
    .color-choose9 > div {
      display: inline-block;
    }
    .color-choose9 input[type="radio"] {
      display: none;
    }
    .color-choose9 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose9 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose9 input[type="radio"]#black3 + label span {
      background-color: #000000
    }
    .color-choose9 input[type="radio"]#white1 + label span {
      background-color: #ffffff;
    }
    .color-choose9 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom10 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom10 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom10 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom10 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom10 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom10 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom10 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom10 {
      position: relative;
    }
    .color-choose10 > div {
      display: inline-block;
    }
    .color-choose10 input[type="radio"] {
      display: none;
    }
    .color-choose10 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose10 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose10 input[type="radio"]#saltpep + label span {
      background-color: #C4C1BA;
    }
    .color-choose10 input[type="radio"]#black4 + label span {
      background-color: #000000;
    }
    .color-choose10 input[type="radio"]#white2 + label span {
      background-color: #ffffff;
    }
    .color-choose10 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom11 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom11 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom11 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom11 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom11 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom11 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom11 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom11 {
      position: relative;
    }
    .color-choose11 > div {
      display: inline-block;
    }
    .color-choose11 input[type="radio"] {
      display: none;
    }
    .color-choose11 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose11 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose11 input[type="radio"]#black5 + label span {
      background-color: #000000;
    }
    .color-choose11 input[type="radio"]#mistblue + label span {
      background-color: #B2E2E8;
    }
    .color-choose11 input[type="radio"]#maroon + label span {
      background-color: #6B1D2A;
    }
    .color-choose11 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }



    #carousel-custom12 .carousel-inner {
      position: relative;
      width: 100%;
      min-height: 300px;
    }
    #carousel-custom12 .carousel-control.right {
      right: 0;
      left: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom12 .carousel-control.left {
      left: 0;
      right: auto;
      background-image: none !important;
      background-repeat: repeat-x;
    }
    #carousel-custom12 .carousel-indicators {
      margin: 0 0;
      overflow: auto;
      position: static;
      text-align: left;
      white-space: nowrap;
      width: 100%;
      overflow: hidden;
    }
    #carousel-custom12 .carousel-indicators li {
      background-color: transparent;
      -webkit-border-radius: 0;
      border-radius: 0;
      /* display: unset; */
      display: contents;
      height: auto;
      margin: 0 !important;
      width: auto;
    }
    #carousel-custom12 .carousel-indicators li img {
      display: block;
    }
    #carousel-custom12 .carousel-indicators li:hover img {
      opacity: 0.75;
    }
    #carousel-custom12 {
      position: relative;
    }
    .color-choose12 > div {
      display: inline-block;
    }
    .color-choose12 input[type="radio"] {
      display: none;
    }
    .color-choose12 input[type="radio"] + label span {
      display: inline-block;
      width: 22px;
      height: 22px;
      margin: -1px 4px 0 0;
      vertical-align: middle;
      cursor: pointer;
      border-radius: 50%;
    }
    .color-choose12 input[type="radio"] + label span {
      border: 2px solid #FFFFFF;
      box-shadow: 0 1px 3px 0 rgba(0,0,0,0.33);
    }
    .color-choose12 input[type="radio"]#black6 + label span {
      background-color: #000000;
    }
    .color-choose12 input[type="radio"]#maroon1 + label span {
      background-color: #6B1D2A;
    }
    .color-choose12 input[type="radio"]:checked + label span {
      background-image: url(../img/check-icn.svg);
      background-repeat: no-repeat;
      background-position: center;
    }

.c-gray {
    display: none !important;
}

.colorInner {
    width: 20px;
    height: 20px;
}

.colorContainer.clearfix {
    margin: auto;
    text-align: center;
    display: flex;
}

.browseFilter li {
    padding: 5px 0px !important;
}

.shop-categories li {
    padding: 10px 0px;
}

.browseFilter li {
    font-size: 16px !important;
}

.colorInner img:hover {
    border: none !important;
}

#mainseccollection {
    background: #08080a;
    background-repeat: no-repeat;
    background-size: cover;
    /* margin-top: -65px; */
    margin-top: 0px;
}



@media (min-width: 1600px) {
 .prod_item {
    min-height: 580px;
 }
}

@media (max-width: 767px) {
  .ribbon {
     position: absolute !important;
  }
}

.filterGroup:nth-child(4) {
    display: none;
}

.filterGroup:nth-child(5) {
    display: none;
}

.ribbon img {
    max-height: 20px;
    object-fit: contain;
}

.colorInnerWrap img {
    width: 100%;
    height: auto !important;
}
.comingsoon-page .item-card img {
    height: auto !important;
}