/** Shopify CDN: Minification failed

Line 138:39 Unexpected "{"

**/
    .flex-container {
        padding-bottom: 40px;
    }
  	.refinements li {
    	list-style:none;
      display:inline-block;
    }
  .refinements label {font-size:11px;font-weight:300;margin-right:10px;width:auto; float:none; color:#000}
  .refinements-products {
      background-color:#f7f7f7;
  }
  .refinements div.toggle {padding:5px;display:inline-block;border-bottom:3px solid rgba(0,0,0,0)}
  .refinements div.toggle:hover {cursor:pointer;border-bottom:3px solid rgba(0,0,0,.12)}
  .refinements div.toggle.active {border-bottom:3px solid #00b490}
  .refinements div.toggle svg {fill: #191c1b }
  .refinements div.toggle.active svg {fill: #00b490 }
  .refinements #refined div {font-size:11px; border:1px solid #ececec; display:inline-block;padding-left:5px;padding-right:5px;margin-right:5px}
  
    @media ( min-width: 1000px ) {
        .flex-container.lowered {
            margin-top:60px;
        }
    }
  	#mobile-filter {
		display:none;
		margin-top: 10px;
	}

    /* flex product grid */
    .products {display: flex; flex-wrap: wrap; max-width:1920px; margin:auto}
    .product-card {
        display: flex;
        flex-direction: column;
      	padding:28px;
        flex: 1 15%;
        order: 1;
        background-color: #FFF;
        box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.25);
        position:relative;
        text-decoration:none;
        color: #404040;
    }
    .product-card:hover {color: #404040; /*background: #da5d50;*/}
  	
    .product-image img, .product-image svg {
        max-width: 160px;
    }
    .product-image {
        text-align: center;
    }
    .product-info {
        margin-top: auto;
        padding-top: 20px;
        text-align: center;
    }
  
  	/* ribbon */
    .ribbon-wrapper-green {
      width: 85px;
      height: 88px;
      overflow: hidden;
      position: absolute;
      top: -3px;
      right: -3px;
    }
    .ribbon-green {
      font: bold 8px Sans-Serif;
      color: #333;
      text-align: center;
      text-shadow: rgba(255,255,255,0.5) 0px 1px 0px;
      -webkit-transform: rotate(45deg);
      -moz-transform:    rotate(45deg);
      -ms-transform:     rotate(45deg);
      -o-transform:      rotate(45deg);
      position: relative;
      padding: 7px 0;
      left: -5px;
      top: 15px;
      width: 120px;
      background-color: #BFDC7A;
      background-image: -webkit-gradient(linear, left top, left bottom, from(#BFDC7A), to(#8EBF45)); 
      background-image: -webkit-linear-gradient(top, #BFDC7A, #8EBF45); 
      background-image:    -moz-linear-gradient(top, #BFDC7A, #8EBF45); 
      background-image:     -ms-linear-gradient(top, #BFDC7A, #8EBF45); 
      background-image:      -o-linear-gradient(top, #BFDC7A, #8EBF45); 
      color: #6a6340;
      -webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.3);
      -moz-box-shadow:    0px 0px 3px rgba(0,0,0,0.3);
      box-shadow:         0px 0px 3px rgba(0,0,0,0.3);
    }

    .ribbon-green:before, .ribbon-green:after {
      content: "";
      border-top:   3px solid #6e8900;   
      border-left:  3px solid transparent;
      border-right: 3px solid transparent;
      position:absolute;
      bottom: -3px;
    }

    .ribbon-green:before {
      left: 0;
    }
    .ribbon-green:after {
      right: 0;
    }
  	/* /ribbon */

    @media ( max-width: 1350px ) {
        .product-card { flex: 1 20%; }
    }
    @media ( max-width: 1040px ) {
        .product-card { flex: 1 24%; }
    }

    @media ( max-width: 920px ) {

    }

    @media ( max-width: 600px ) {
      .product-card { flex: 1 46%; padding:10px }
      .product-image img { max-width:100px; }
/*       img#collection {display:none} */
    }
  	@media ( max-width: 768px ) {
		#mobile-filter {display:block;}
	}

    /* some styles taken out of the html */
    h5.toggle {font-family:open sans;font-size:16px;cursor:pointer;border-top:1px solid #ccc; padding-top:10px}
  @media ( min-width: 1024px ) {
    #retail_main {margin-top:107px}
    #sort_and_filter, /*#description*/ {margin-left:20px;margin-right:20px}
  }
  
  #sort_and_filter {display:flex; justify-content:space-between; flex-wrap:wrap; align-items: flex-start; padding-bottom:0; color:#f7f7f7}
  #sort_and_filter h1 {display:inline-block}
  #sort_control {text-align:right; font-size:13px;}
    
  
  @media ( max-width: 400px ) {
	#sort_and_filter {flex-direction: column;}
/*     #sort_control {margin-top: 30px} */
  }
  
  #filter-top {
  	display:flex;
    align-items:flex-start;
    box-shadow: inset 0 -1px 0 0 rgba(0,0,0,.12);
    background-color:#fff
  }
  #filter-top img {margin-right:20px}
  #filter-top h1 {white-space: nowrap}
  #filter-top, #sort_and_filter, .chosen_filters {
   	 padding:20px 8%;
  }
  @media (max-width: 600px) {
    #filter-top {display:none;}
  }
  .filter-buttons {padding:20px;color:#FFF;background-color:#000}
  .filter-buttons:hover {background: #CA271A;}
  .refinements nav {font-size:1.7em; font-weight:300; display:flex;justify-content:space-between;flex-wrap:nowrap;align-items: center}

  .refinements {padding:0 8%;}
  .refinements {padding-bottom:10px}
  .refinements ul {margin:0;padding:0}
  .refinements .tabs {margin-bottom:5px}
  .chosen_filters {border-top:1px solid rgba(0,0,0,.12);padding-top:15px} 
  .chosen_filters div {color:#3d3d3d;display:inline-block; margin-right:5px; margin-top:5px; padding:5px; border-radius:5px; border:1px solid #bfc0c6;font-size:12px}
  .chosen_filters div:hover {background-color:rgba(0,0,0,.06); cursor:pointer}
  .chosen_filters .icon-close {width:8px;height:8px;margin-left:5px;color:#3d3d3d}
  
  /* try flex-ing the checkboxes */
  .refinements ul {display:flex; flex-wrap:wrap;}
  .refinements ul.gauges li, .refinements ul.lengths li {width:10%}
  @media (max-width: 1220px) {.refinements ul.gauges li, .refinements ul.lengths li {width:13%} }
  @media (max-width: 930px) {.refinements ul.gauges li, .refinements ul.lengths li {width:17%} }
  @media (max-width: 700px) {.refinements ul.gauges li, .refinements ul.lengths li {width:24%} }
  @media (max-width: 510px) {.refinements ul.gauges li, .refinements ul.lengths li {width:32%} }

  .tdi-circle-spinner, .tdi-circle-spinner * {
    box-sizing: border-box;
  }

  .tdi-circle-spinner {
    height: 15px;
    width: calc(30px * 3);
  }

  .tdi-circle-spinner .circle {
    width: 15px;
    height: 15px;
    margin: 0 calc(15px / 2);
    border: calc(15px / 5) solid #00b490;/*#ff1d5e;*/
    border-radius: 50%;
    float: left;
    transform: scale(0);
    animation: tdi-circle-spinner-animation 1000ms ease infinite 0ms;
  }

  .tdi-circle-spinner .circle:nth-child(1) {
    animation-delay: calc(300ms * 1);
  }

  .tdi-circle-spinner .circle:nth-child(2) {
    animation-delay: calc(300ms * 2);
  }

  .tdi-circle-spinner .circle:nth-child(3) {
    animation-delay: calc(300ms * 3);

  }

  @keyframes tdi-circle-spinner-animation {
    50% {
      transform: scale(1);
      opacity: 1;
    }
    100% {
      opacity: 0;
    }
  }
  
  .refinements-loader {
  	text-align:center; 
    margin-bottom:20px
  }
  .tdi-circle-spinner {display:inline-block;}
  
  .centre-space-between {
    display:flex;flex-wrap: wrap;/*justify-content:space-between*/justify-content:center;align-items:center
  }
  .centre-space-between h2, .centre-space-between a, .centre-space-between p { margin:0 20px 40px 20px }
  @media (max-width:1750px) { .centre-space-between { justify-content: center } }

.new-tag {
  width: 75px;
  padding: 2px;
  position: absolute;
  text-align: center;
  color: #f0f0f0;
  font-family: sans-serif;
  font-size: 1.1rem;
  font-weight: bold;
}

.new-tag-sticky {
  position: absolute;
}

.new-tag-top    { top: 0px }
.new-tag-bottom { bottom: 25px; }
.new-tag-left   { left: 0px }
.new-tag-right  { right: -50px; }

.new-tag-top.cr-left,
.new-tag-bottom.cr-right {
  /* transform: rotate(-45deg); */
}

.new-tag-top.cr-right,
.new-tag-bottom.cr-left {
  transform: rotate(45deg);
}

.new-tag-white     { background-color: #f0f0f0; color: #444; }
.new-tag-black     { background-color: #333; }
.new-tag-grey      { background-color: #999; }
.new-tag-blue      { background-color: #39d; }
.new-tag-green     { background-color: #2c7; }
.new-tag-turquoise { background-color: #1b9; }
.new-tag-purple    { background-color: #95b; }
.new-tag-red       { background-color: #e43; }
.new-tag-orange    { background-color: #e82; }
.new-tag-yellow    { background-color: #ec0; }
.new-tag-red-grad  { background: linear-gradient(to right, #ff00a5 0%, #ff6400 100%)}
.new-tag-teal      { background-color: #00b490; }