@import url(colors.css);


.logo img{
  width:111px;
  height:100px;

}

/* 230x200, 150x130, 180x156 */

.header-bottom .logo img {
    width: auto;
    max-height: 60px;}


.menu li.menu-active > a {
  padding-top: .85rem .85rem;
    
    background-color: #E8E3D9;
    color: #000;
  }    

.menu li.menu-active:hover > a {
  padding-top: .85rem .85rem;
    background-color: #e6b012;
    color: #000;
  }    



.menu li:hover > a, .menu li.show > a{
    background-color: #000;
    color: #90BA1E;  }

 .menu li.active > a {
    background-color: #000;
    color: #90BA1E;  }  

.sticky-header.fixed .menu > li:hover > a, .sticky-header.fixed .menu > li.show > a, .sticky-header.fixed .menu > li.active > a {
    background-color: #000;
    color: #90BA1E;}

.sticky-header.fixed .menu li.menu-active > a {
  padding-top: .55rem;
    padding-bottom: .55rem;
    background-color: #E8E3D9;
    color: #000;
  }

  .sticky-header.fixed .menu li.menu-active:hover > a {
  padding-top: .55rem;
    padding-bottom: .55rem;
    background-color: #e6b012;
    color: #000;
  }       
    
 
.pricing-swatch-list li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0rem;
    margin-bottom: 4rem;
    margin-top: .5rem;

}


.pricing-swatch-list a {
    display: block;
    position: relative;
    width: 6.7rem;
    height: 6.7rem;
    transition: all .3s;
    text-align:center;
    margin-bottom: 10px;
  }


.pricing-swatch-list-cs li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: 0rem;
    margin-bottom: 4rem;
    margin-top: .5rem;

}

.pricing-swatch-list-cs a {
    display: block;
    position: relative;
    width: 9rem;
    height: 9rem;
    transition: all .3s;
    text-align:center;
    margin-bottom: 10px;
  }  




.pantone-color-list{
      

}

.pantone-swatch-list li {
    
    display: -ms-inline-flexbox;
    display: inline-block;
   
    width: 6.7rem;
    height: 6.7rem;
    margin-right: 0rem;
    margin-bottom: 5rem;
    margin-top: .5rem;
    text-align: left;
    

}  

 span.pantone-color{
    display: block;
     line-height: 1.4;
    font-size: 1.1rem;
   text-color: #000000;
    border: 1px solid #ccc;
    padding-left: .5rem;
    padding-bottom: .5rem;
   
  }

.pantone-swatch-list a {
    display: block;
    position: relative;
    width: 7.5rem;
    height: 7.5rem;
    transition: all .3s;
    text-align:center;
    margin-bottom: 10px;
  }





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

  .pricing-swatch-list li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: .5rem;
    margin-bottom: .5rem;
    margin-top: .5rem;
}

  .pricing-swatch-list a {
    display: block;
    position: relative;
    width: 5.5rem;
    height: 5.5rem;
    transition: all .3s;
    margin-bottom: 2rem;
    
  }

  .pricing-swatch-list-cs li {
    display: -ms-inline-flexbox;
    display: inline-flex;
    margin-right: .5rem;
    margin-bottom: .5rem;
    margin-top: .5rem;
}

  .pricing-swatch-list-cs a {
    display: block;
    position: relative;
    width: 6.5rem;
    height: 6.5rem;
    transition: all .3s;
    margin-bottom: 2rem;
    
  }


  span.color-text{
    display: block;
    line-height: 1.4;
    font-size: 1rem;
  }

  .table .bigsize{

    display: none;
  }



  .product-single-details {
  margin-top: -2rem;
}
  


  .product-single-grid  .product-single-details {
  margin-top: -11rem;
}


.product-single-grid .product-single-details .product-title {
  margin-top: 1.5rem;
  font-size: 2rem;
}
   
}

span.color-text{
    display: block;
     line-height: 1.4;
    font-size: 1.2rem;
  }


.pricing-swatch-list > li > a .colortip {
  position: absolute;
  bottom: 4px;
  right: .5rem;
  margin: 0;
  
  width: 10px;
  height: 12px; 
}
.pricing-swatch-list > li > a .colortip::before {
  position: absolute;
  top: 100%;
  left: 3px;
  width: 10px;
  height: 12px; 
  margin: 0;
  border-color: transparent;
}



.sizechart{
  
   display: flex;
    flex-flow: column wrap;
    padding-left: 1rem;


}

.colorchart{
 padding-left: 1rem;
}


.table-size tbody tr td {
    text-align: center;
}

.table-size thead tr th {
    
    text-align: center;

}




.product-size-content .table.table-size tbody tr td {
  font-weight: 350;
}


.product-size-content .table.table-size tbody tr td .bigsizecolor{
    display: inline-flex;
    width: 2.5rem;
    height: 2.5rem;
    margin: auto;
    paddin: 0;
  }


.product-size-content .pricing-swatch-list a {
    display: block;
    position: relative;
    width: 5rem;
    height: 5rem;
    transition: all .3s;
    text-align:center;
    margin-bottom: 20px;
  }

.product-size-content .table.table-size tbody tr td .kidsizecolor{
    display: inline-flex;
    
    margin: auto;
  }

.product-size-content .table.table-size tbody tr td .leadtime{
    display: inline-flex;
    
    margin: auto;
    
  }


.product-size-content .table.table-size tbody tr td .price-label-logo{
    display: inline-flex;
    width: 120px;
    margin: auto;
    
  }
  





.product-size-content .table.table-size tbody tr td .price-logo{
    white-space: nowrap; 
    padding: 1.5rem 1rem 0 0;
    
  }  


.product-size-content .table.table-size tbody tr td .price-logo-3{
    white-space: nowrap; 
    padding: 3rem 1rem 0 0;
    
  }  




.banner.banner-cat {
    height: 300px;
}

.product {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.product-desc li{
  list-style: none;
}


.product-filters-container {

    margin-bottom: 1.5rem;
    }


.product-filters-container .product-title  {

    text-transform: uppercase;
    } 


.product-single-details .product-desc {

    margin-bottom: 1.5rem;
   

}





.product-single-filter .config-size-list li a {
    
    padding-left: 1rem;
    padding-right: 1rem;
}


.product-single-filter .config-size-list li  {
    min-width: 3rem;
    height: 3rem;
    border: 1px solid #dae2e6;
    background-color: #f4f4f4;
    color: #21293c;
    font-size: 1.5rem;
    font-weight: 600;
    line-height: 2.8rem;
    padding-left:1rem;
    padding-right:1rem;
    margin-top:8px;
  }








.banner .banner-title {
    
    color: #fff;}



.price-included{

  border-top: 1px solid #e9ecef;
  padding-top:2rem;
}

/* config-swatch-list-related*/

.config-swatch-list-related {
  margin: 0;
  padding: 0;
  font-size: 0;
  list-style: none;
}

.config-swatch-list-related li {
  display: -ms-inline-flexbox;
  display: inline-flex;
  margin-right: -1px;
  margin-bottom: -1px;
  margin-top: -1px;
  float: left;
}

.config-swatch-list-related a {

  display: block;
  position: relative;
  width: 1.5rem;
  height: 1.5rem;
  transition: all .3s;
      border: 1px solid #000;
}

.config-swatch-list-related a:hover, .config-swatch-list-related a:focus {
  box-shadow: 0 0 0 .1rem #fff, 0 0 0 .2rem #dfdfdf;
}

.config-swatch-list-related li.active a::before {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  color: #fff;
  font-family: 'porto';
  font-size: 1.1rem;
  line-height: 1;
  content: '\e84e';
}


/* Notice Top Bar */
.notice-top-bar {
  
  top: 0;
  left: 0;
  width: 100%;
  background: #F7F7F7;
  color: #000;
}

.notice-top-bar .notice-button {
  background: #e6b012;
  color: #FFF;
  border-radius: 35px;
  -webkit-transition: ease background 300ms;
  transition: ease background 300ms;
  text-decoration: none;
}

.notice-top-bar .notice-button:hover {
  background: #000;
}


.header-dropdown{
  margin-right:8px;
}

.badge-gildan{
  background-color: #003CA7;
  color: #fff;
  margin-top:8px;
}

.badge-location{
  background-color: #dc3545;
  color: #fff;
  margin-top:8px;
}



.badge-3{
  background-color: #28a745;
  color: #fff;
  margin-top:8px;
  font-size: 12px;
}


.badge-5{
  background-color: #ffc107;
  color: #000;
  margin-top:8px;
  font-size: 12px;
}

.badge-6{
  background-color: #dc3545;
  color: #fff;
  margin-top:8px;
  font-size: 12px;
}

.badge-hammer{
  background-color: #000;
  color: #fff;
  margin-top:8px;
  font-size: 100%;
}


.badge-heavy-blend{
  background-color: #0088cc;
  color: #fff;
  margin-top:8px;
}

.badge-heather-color{
  background-color: #333333;
  color: #fff;
  margin-top:8px;
}



.badge-ring-spun{
  background-color: #eee;
  color: #000;
  margin-top:8px;
}

.badge-6535{
  background-color: #e36159;
  color: #fff;
  margin-top:8px;
}

.product-label.label-hot {
    background-color: #dc3545;
  }

.product-label.label-pre-order {
    background-color: #333;
  }

.product-label-rank {
    position: absolute;
    top: .8em;
    left: .8em;
    min-width: 46px;
    padding: .5rem;
    background-color: #08c;
    color: #fff;
    font-size: 1.2rem;
    font-weight: 600;
    line-height: 1;
    text-align: center;
    text-transform: uppercase;
    z-index: 1;}

.product-label-rank.label-hot {
    background-color: #dc3545;
  }



  /* Word Rotator */
.word-rotator {
  display: inline-block;
  overflow: hidden;
  text-align: center;
  position: relative;
  max-height: 22px;
  line-height: 22px;
  padding-left: 2px;
  padding-right: 2px;
}

.word-rotator .word-rotator-items {
  position: relative;
  top: 0;
  width: 0;
  display: inline-block;
}

.word-rotator .word-rotator-items span {
  display: inline-block;
  white-space: nowrap;
}

.word-rotator .word-rotator-items span:not(:first-child) {
  display: none;
}

.word-rotator.active .word-rotator-items {
  position: relative;
}

.word-rotator.active .word-rotator-items span {
  display: inline-block;
  float: left;
  clear: both;
}

h1.word-rotator-title .inverted {
  min-height: 56px;
}

h1.word-rotator-title .word-rotator {
  max-height: 46px;
  line-height: 46px;
  margin-bottom: -9px;
}

h2.word-rotator-title .inverted {
  min-height: 46px;
}

h2.word-rotator-title .word-rotator {
  max-height: 42px;
  line-height: 42px;
  margin-bottom: -9px;
}

h3.word-rotator-title .inverted {
  min-height: 25px;
}

h3.word-rotator-title .word-rotator {
  max-height: 24px;
  line-height: 24px;
  margin-bottom: -2px;
}

h4.word-rotator-title .inverted {
  min-height: 32px;
}

h4.word-rotator-title .word-rotator {
  max-height: 27px;
  line-height: 27px;
  margin-bottom: -6px;
}

h5.word-rotator-title .inverted {
  min-height: 18px;
}

h5.word-rotator-title .word-rotator {
  max-height: 18px;
  line-height: 18px;
  margin-bottom: -4px;
}

h6.word-rotator-title .inverted {
  min-height: 20px;
}

h6.word-rotator-title .word-rotator {
  max-height: 18px;
  line-height: 18px;
  margin-bottom: -4px;
}

p .inverted {
  min-height: 24px;
}

p .word-rotator {
  max-height: 22px;
  line-height: 22px;
  margin-bottom: -6px;
}




.table td, .table th {
    
    text-align: center;
    

}




@media screen and (min-width: 992px) {
.table.table-size thead tr th, .table.table-size tbody tr td {
    padding:10px 4px;
}

}
.product-size-content{

  border: 1px solid #dae2e6;
  padding: 1rem;
  
}



/*.table.table-size tbody tr td {
    
    border-top: 1px solid #dee2e6;
    
}*/


.product-single-grid {
  margin-bottom: 1rem;
  padding-top: 4rem;
  border-top: none;
}

.product-single-extended .product-title {
  font-size: 1.8rem;
  margin-top: 1rem;
  font-weight: bold;
  color: black;
   text-transform: uppercase;
 
  padding-bottom: 1.2rem;
  
}

.product-single-extended H2.product-title {
  
  border-bottom: 1px solid #dae2e6;
  
  
}


.product-single-extended, .product-single-container{
  margin-bottom: 0;
}

.product-grid-bottom{
  margin-bottom: 3rem;
}

.featured-section H2.product-title{
  
  font: 400 1.5rem / 1.25 "Open Sans", sans-serif;
  text-transform: capitalize;
}



.weight-container .product-weight, .weight-container .weight {
  display: inline-block;
  position: relative;
  font-family: 'porto';
  font-size: 1.4rem;
  letter-spacing: .1em;
  line-height: 1;
}

.weight-container .weight::before {
  color: #706f6c;
  content: '\e852 ' '\e852 ' '\e852 ' '\e852 ' '\e852';
}