

<!doctype html>
<html amp lang="en">
<head>
  <meta charset="utf-8">
	<title>Mercer+Mettle - Claremont Duffel</title>
       <link rel="canonical" href="//threadfellows.com/products/mercer-mettle-claremont-duffel" />	
	   <meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
	<style amp-boilerplate>body{-webkit-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-moz-animation:-amp-start 8s steps(1,end) 0s 1 normal both;-ms-animation:-amp-start 8s steps(1,end) 0s 1 normal both;animation:-amp-start 8s steps(1,end) 0s 1 normal both}@-webkit-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-moz-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-ms-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@-o-keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}@keyframes -amp-start{from{visibility:hidden}to{visibility:visible}}</style><noscript><style amp-boilerplate>body{-webkit-animation:none;-moz-animation:none;-ms-animation:none;animation:none}</style></noscript>
       <script async custom-element="amp-analytics" src="https://cdn.ampproject.org/v0/amp-analytics-0.1.js"></script>
	<script async src="https://cdn.ampproject.org/v0.js"></script>
       <script async custom-element="amp-sidebar" src="https://cdn.ampproject.org/v0/amp-sidebar-0.1.js"></script>
	<script async custom-element="amp-iframe" src="https://cdn.ampproject.org/v0/amp-iframe-0.1.js"></script> 
       <script async custom-element="amp-bind" src="https://cdn.ampproject.org/v0/amp-bind-0.1.js"></script>
       <script async custom-element="amp-form" src="https://cdn.ampproject.org/v0/amp-form-0.1.js"></script>
       <script async custom-element="amp-list" src="https://cdn.ampproject.org/v0/amp-list-0.1.js"></script>
 
       <link href="https://fonts.googleapis.com/css?family=PT+Serif:400,400i,700,700i&amp;subset=cyrillic,cyrillic-ext,latin-ext" rel="stylesheet">
       <link href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,200i,300,300i,400,400i,600,600i,700,700i,900,900i&amp;subset=cyrillic,cyrillic-ext,greek,greek-ext,latin-ext,vietnamese" rel="stylesheet">
       <script async custom-element="amp-carousel" src="https://cdn.ampproject.org/v0/amp-carousel-0.1.js"></script> 
       <script async custom-element="amp-social-share" src="https://cdn.ampproject.org/v0/amp-social-share-0.1.js"></script>
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Oswald">
              <style amp-custom>
@font-face {
 font-family: 'icons';
 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.eot?15517948492144861041");
 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.eot?15517948492144861041#iefix") format("embedded-opentype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.woff?15517948492144861041") format("woff"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.ttf?15517948492144861041") format("truetype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/icons.svg?15517948492144861041#timber-icons") format("svg");font-weight: normal;font-style: normal;} 
 
.icon:before {display: inline;font-family: "icons";text-decoration: none;speak: none;font-style: normal;font-weight: normal;font-variant: normal;text-transform: none;line-height: 1;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing: grayscale;}
.icon-cart:before {content: "\5b"}.icon-facebook:before {content: "\66"}.icon-fancy:before {content: "\46"}.icon-forbrugsforeningen:before {content: "\e903"}.icon-google_plus:before {content: "\e905"}.icon-hamburger:before {content: "\e600"}.icon-instagram:before {content: "\e903"}.icon-interac:before {content: "\49"}.icon-jcb:before {content: "\4a"}.icon-litecoin:before {content: "\e909"}.icon-maestro:before {content: "\e905"}.icon-master:before {content: "\e906"}.icon-paypal:before {content: "\50"}.icon-pin:before {content: "\e90d"}.icon-pinterest:before {content: "\70"}.icon-rss:before {content: "\72"}.icon-search:before {content: "\73"}.icon-snapchat:before {content: "\e906"}.icon-tumblr:before {content: "\74"}.icon-twitter:before {content: "\54"}.icon-vimeo:before {content: "\76"}.icon-visa:before {content: "\56"}.icon-arrow-left:before {content: "\e900"}.icon-arrow-right:before {content: "\e901"}.icon-plus:before {content: "\e605"}.icon-minus:before {content: "\e602"}.icon-youtube:before {content: "\79"}

body{margin:0;padding:0;font-size: 17px;line-height: 1.7;font-family: "PT Serif",serif;color: #000;-webkit-font-smoothing: antialiased;-webkit-text-size-adjust: 100%;}
.cf:before, .cf:after, .wrap:before, .wrap:after, .row:before, .row:after{content:" ";display:table;}
.cf:after, .wrap:after, .row:after{clear:both;}
a{text-decoration: none;cursor: pointer;}
ul,ol{list-style-type: none;margin: 0;padding: 0;}
.wrapper{max-width: 767px;margin: 0 auto;display: block;padding: 0 15px;}
.mainContentBlock{width: 100%;display: block;}
.pageTitle{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;color: #000;line-height: 1.2;font-size: 1.88235em;font-weight: 700;margin: 0px 0px 15px;font-size: 1.88235em;line-height: 1.2;}
.hrSmall{border-top: solid #1c1d1d;border-width: 1px 0 0;margin: 20px auto;height: 0;width: 50px;}
                @font-face{font-family:'icons';src:url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.eot?2479011992275620592");
                  src:url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.eot?2479011992275620592#iefix") format("embedded-opentype"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.woff?2479011992275620592") format("woff"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.ttf?2479011992275620592") format("truetype"),
                    url("https://cdn.shopify.com/s/files/1/2202/2069/t/2/assets/icons.svg?2479011992275620592#timber-icons") format("svg");font-weight:normal;font-style:normal}.icon-fallback-text .icon{display:none}.supports-fontface .icon-fallback-text .icon{display:inline-block}.supports-fontface .icon-fallback-text .fallback-text{clip:rect(0 0 0 0);overflow:hidden;position:absolute;height:1px;width:1px}.icon:before{display:none}.supports-fontface .icon:before{display:inline;font-family:"icons";text-decoration:none;speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-amazon_payments:before{content:"\e908"}.icon-american_express:before{content:"\41"}.icon-apple_pay:before{content:"\e907"}.icon-arrow-down:before{content:"\34"}.icon-bitcoin:before{content:"\42"}.icon-cart:before{content:"\5b"}.icon-cirrus:before{content:"\43"}.icon-dankort:before{content:"\64"}.icon-diners_club:before{content:"\63"}.icon-discover:before{content:"\44"}.icon-dogecoin:before{content:"\e900"}.icon-dwolla:before{content:"\e901"}.icon-facebook:before{content:"\66"}.icon-fancy:before{content:"\46"}.icon-forbrugsforeningen:before{content:"\e902"}.icon-google_plus:before{content:"\e905"}.icon-grid-view:before{content:"\e603"}.icon-hamburger:before{content:"\e600"}.icon-instagram:before{content:"\e903"}.icon-interac:before{content:"\49"}.icon-jcb:before{content:"\4a"}.icon-list-view:before{content:"\e604"}.icon-litecoin:before{content:"\e904"}.icon-maestro:before{content:"\6d"}.icon-master:before{content:"\4d"}.icon-minus:before{content:"\e602"}.icon-paypal:before{content:"\50"}.icon-pinterest:before{content:"\70"}.icon-plus:before{content:"\e605"}.icon-rss:before{content:"\72"}.icon-search:before{content:"\73"}.icon-snapchat:before{content:"\e906"}.icon-tumblr:before{content:"\74"}.icon-twitter:before{content:"\54"}.icon-vimeo:before{content:"\76"}.icon-visa:before{content:"\56"}.icon-x:before{content:"\78"}
.icon-cart {
  line-height: 0;
}
    span.icon.icon-cart {
    position: absolute;
    right: 50px;
    top: 14px;
}
    span.cart-text {
    display: inline-block;
    position: relative;
    left: -15px;
}
.icon-cart:before {
  position: relative;
  top: -2px;
  font-size: 1.4em;
  line-height: 12px;
  vertical-align: middle;
  margin-right: 6px;
}
.icon-cart-product-page {
  line-height: 0;
}
.icon-cart-product-page:before {
  position: relative;
  top: -2px;
  font-size: 19px;
  line-height: 12px;
  vertical-align: middle;
  margin-right: 6px;
}
 .icon:before {
    display: inline;
    font-family: "icons";
    text-decoration: none;
    speak: none;
    font-style: normal;
    font-weight: normal;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
*, input, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}                
 body{background-color:white}
amp-img{background-color:white;max-width:100%}
.mlveda-ampimg amp-img{height:400px;width:800px}
a.product_name{
	width:100%;
    float:left;
	color:#000;
	padding:0px 0;
  	text-decoration:none;
  	font-weight:bold;
	text-align:left;
	font-size:30px;
  	margin:0 0 15px;
       line-height:35px;
	}
	.product-title {
    width: 100%;
    float: left;    
    margin-top: 10px;
    

}

*{
box-sizing: border-box;	
}
.carousel-preview {
    width: 100%;
    margin: 15px auto 0px;
    display: block;
    text-align: center;   
}

header.header {
    text-align: center;
    height: 48px;    
    background-color: #cbd5cc;
    line-height: 48px;
  border-bottom: 0px solid #ddd;
  
    top: 0;
    left: 0;
    z-index: 9999;
    width: 100%;
}
button.ampstart-btn.caps.m2 {
    position: absolute;
    left: 5px;
    top: 8px;
    height: 38px;
    background-color: transparent;
    border: 0;
    text-transform: capitalize;
     background-position: right center;
       width: 40px;
    background-size: 30px;    font-size: 1.4em;
}
                
span.mlveda-menu-span {
position: absolute;
top: 7px;
left: 45px;
font-size: 16px;
font-weight: bold;
}                
                
a.cart {
    font-size: 14px;
    position: absolute;
    right: 5px;
    top: 3px;
  	text-decoration: none;
  	color:#000;
  	font-weight: bold;
}
a.cart svg {
    width: 30px;
    height: 30px;
}
.selector-wrapper {
	 margin-top: 15px;
	}
.selector-wrapper select {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: transparent;
    
    border:1px solid #666;
    padding: 7px 25px 7px 10px;
  
   background: url('data:image/svg+xml;utf8,<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="8px" height="5px" viewBox="0 0 8 5" enable-background="new 0 0 8 5" xml:space="preserve"> <path fill="#000" d="M0,0c0,0,3.4,4.4,3.5,4.4C3.7,4.4,7.1,0,7.1,0H0z"/></svg>')  no-repeat;
   
  background-position: right 7px center;
}
.selector-wrapper label{
	width:100%;
	float:left;
	margin-bottom:3px;
}
     amp-selector [option][selected] {
    cursor: auto;
    outline: 0px solid rgba(0,0,0,.7);
    border:1px solid #0077b5;
}
.main-contain {
    width: 100%;
    float: left;
}
.container {
    max-width: 768px;
    margin: auto;
    display: block;
   padding :0 15px;
}
a.logotext {
    text-decoration: none;
    color: #fff;
}
a.logotext {
    text-decoration: none;
    color: #000;
}
.logo {
    width: 100%;
    float: left;
    padding: 10px;
    color: #000;
    text-align: center;
}    
.productTitleInfo {
    width: 100%;
    float: left;    position: relative;
}
.productTitleInfo span{
   
}  
.productTitleInfo {
    width: 100%;
    float: left;
    position: relative;
    border-bottom: 1px solid #0077b5;
    color: #0077b5;
}
span.nameInfo {
    width: auto;
    text-transform: uppercase;
    font-weight: normal;
    letter-spacing: 2px;
    float: left;
    padding: 7px;
    position: absolute;
    top: -18px;
    background: #fff;
    border: 1px solid #0077b5;
       z-index: 999;
    left: 36%;
  font-size:14px;

}     
h3.mlveda-related-product-title {
    font-weight: bold;
    font-size: 15px;
  
}
      .h4.grid-view-item__title {
    font-size: 14px;
    text-decoration: none;
    color: #000;
    
    font-weight: bold;
}
      span.product-price__price {
    text-decoration: none;
    font-size: 14px;
    display: inline-block;
    color: #000;
    font-weight: 400;
    letter-spacing: 2px;
        margin-top:3px;
}
 span.visually-hidden {
    display: none;
}
 .amp-scrollable-carousel-slide:first-child {
    margin-left: 15px;
}  
.desCription ul {
    padding: 0;
    display: inline-block;
    margin-left: 35px;
   list-style-type: disc;
}  
.desCription amp-iframe {width:100%}
    footer {
    width: 100%;
    float: left;
    
    padding:0px;
    text-align: center;
    
   margin-top: 15px;
}
.desCription ul li{
  
  margin-bottom: 6.8px

 } 
       [fallback] {
      display: block;
      /* @alternative */ display: flex;
      flex-direction: column;
      flex-wrap: nowrap;
      justify-content: center;
      align-items: center;
      background: rgba(0, 0, 0, 0.5);
      color: #fff;
    }
    .spacer {
      height: 100%;
    }
    amp-youtube {
    margin: 10px 0;
}
    .desCription {
    margin-top: 0px;
    padding-top: 5px;
    font-size: 17px;
}
    @media only screen and (max-width: 450px) {
      span.nameInfo {
       left: 33%;
     }
    }
 .animated {
  animation-duration: 2s;
  animation-fill-mode: both;
}    
 @keyframes bounceIn {
  from, 20%, 40%, 60%, 80%, to {
    animation-timing-function: cubic-bezier(0.215, 0.610, 0.355, 1.000);
  }

  0% {
    opacity: 0;
    transform: scale3d(.3, .3, .3);
  }

  20% {
    transform: scale3d(1.1, 1.1, 1.1);
  }

  40% {
    transform: scale3d(.9, .9, .9);
  }

  60% {
    opacity: 1;
    transform: scale3d(1.03, 1.03, 1.03);
  }

  80% {
    transform: scale3d(.97, .97, .97);
  }

  to {
    opacity: 1;
    transform: scale3d(1, 1, 1);
  }
}

.bounceIn {
  animation-name: bounceIn;
}    
@keyframes swing {
  20% {
    transform: rotate3d(0, 0, 1, 15deg);
  }

  40% {
    transform: rotate3d(0, 0, 1, -10deg);
  }

  60% {
    transform: rotate3d(0, 0, 1, 5deg);
  }

  80% {
    transform: rotate3d(0, 0, 1, -5deg);
  }

  to {
    transform: rotate3d(0, 0, 1, 0deg);
  }
}

.swing {
  transform-origin: top center;
  animation-name: swing;
}    
   @keyframes rotateIn {
  from {
    transform-origin: center;
    transform: rotate3d(0, 0, 1, -200deg);
    opacity: 0;
  }

  to {
    transform-origin: center;
    transform: none;
    opacity: 1;
  }
}

.rotateIn {
  animation-name: rotateIn;
}  
 .carousel-preview .amp-carousel-button-prev,.carousel-preview .amp-carousel-button-next{
    border-radius: 50%;
   margin-top: -18px;
    background-size: 14px;
    height: 24px;
    width: 24px;
 }
      @media only screen and (max-width: 400px) {
     .carousel-preview .amp-carousel-button-next{
     right: 10px;
    }
     .carousel-preview .amp-carousel-button-prev{
     left: 0;
    }
    }
/*Sidebar*/
.sideBar{background-color: #cbd5cc;width: 300px;}
.childDropdown div{display: none;}
ul.mainMenu{}
.mainMenu li{display: block;border-top: 1px solid #000;border-color: rgba(0,0,0,0.2);}
.mainMenu li a {display: block;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;padding: 12px 15px;font-size: 12.5px;font-weight: 700;text-transform: uppercase;color: #000;}
.childDropdown{position: relative;}
.mainMenu li  .childDropdownTitle{padding-right: 45px;}
.toggleMenu{background-color: transparent;height: 45px;width: 45px;line-height: 45px;color: #000;text-align: center;position: absolute;top: 0px;right: 0px;border: 0px;z-index: 999999;padding: 0px;cursor: pointer;font-size: 10px;}
.childDropdown ul{background-color: #fff;}
.childDropdown ul li{background-color: #fff;border-top:0px;}
.childDropdown ul li a{display: block;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;color: #000;border-top: 1px solid #ebebeb;padding-left: 30px;padding-right: 30px;text-transform: capitalize;}
li.secondMenuSpace{margin-bottom: 15px;}
.searchBlock{position: relative; margin: 12px 15px;}
.searchBtn{position: absolute;top: 0;left: 0;background: transparent;border: 0;color: #555;width: 35px;height: 32px;line-height: 32px;font-size: 16px;}
.searchBox{font-family: "PT Serif",serif;width: 100%;padding: 5px 0px 5px 35px;border-color: transparent;line-height: 1.42;font-size: 12.5px;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;box-sizing: border-box;}
.breadcrumbSec{margin: 15px 0px 12px 0px;}
.breadcrumbBlock{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: bold;line-height: 20.6px;}
.breadcrumbBlock li{display: inline;color: #000;font-size: .75em;}
.breadcrumbBlock li a{color: #000;padding-right: 5px;margin-right: 5px;}
.breadcrumbBlock li .divider{font-size: 1.4em;padding-right: 5px;margin-right: 5px;}
.productPriceBlock{margin-bottom: 15px;}
 .pwBml {
    width: 100%;
    float: left;
    padding: 3px 0;
    background: #cbd5cc;
    font-size: 10px;
   color:#000;
}  
.col30 {
    width: 100%;
    text-align: center;
}  
     .col30 ul{
      list-style:none;
       padding:0;
       width: 100%;
     }  
     .col30 ul li{
     text-align: center;
       
       letter-spacing:1px;
       line-height: 2;
     }
     
     
.mlveda-carousel-preview-image{
background-position: 50% center;
    background-repeat: no-repeat;
    background-size: contain;
    display: inline-block;
    height: 55px;
    margin-bottom: 0;
    width: 55px;
   }

.carousel-preview button{
background: transparent none repeat scroll 0 0;
    border: 0 none;
    margin-left: 10px;
    outline: medium none;
    padding: 0;
    text-align: center;
}
 /*button.selected {
      border-width: 1px;
      border-style: solid;
    }
button.not-selected {
      border-width: 0px;
      border-style: solid;
      border-color:#7796a8; 
    }     
    */
a.logotext img {
width: auto;
height: auto;
min-height: unset;
min-width: unset;
}
                a.logotext {
height: auto;
display: block;
margin: auto;
}
.mlveda-related-products  img{
       height:auto;
    max-height:unset;
    max-width: 100%;
    min-height: unset;
    min-width: 120px;
    width: 120px;
    margin: auto;
     }          
                
     .logotext   *{
         max-height: 100px;
       margin: auto;
    }
    .grid-view-item__link *{
     width: 150px;
      margin:auto;
    }
    a.grid-view-item__link {
        text-decoration:none;
    }

    .mlveda-related-products img {
   height: auto;
   max-height: 100%;
   max-width: 100%;
   min-height: unset;
   min-width: unset;
   width: auto;
   margin: auto;
}           
.mlveda-social-share{
text-align: center;
}
footer h3 {
  font-size: 15px;
}
    
    
.mlveda-footer a {
    text-decoration: none;
    color: #000;
  font-size: 14.45px;
    line-height: 1.7;
}           
.footerSocial{margin-bottom: 25px;}
.footerSocial li{display: inline-block;margin-right: 15px;margin-bottom: 5px;}
.footerSocial li a .icon{ font-size: 24px;}
.footerMenuTitle{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-size: 0.94118em;font-weight: bold;margin: 0px 0px 15px;line-height: 1.6;}
.footerMenu{display: block;margin-bottom: 30px;}
.footerMenu li{display: block;margin-bottom: 0.25em;font-size: 0.85em;}
.footerInputGrp{display: -webkit-box;display: -moz-box;display: -ms-flexbox;display: -webkit-flex;display: flex;border-collapse: separate;position: relative;text-align: left;margin-bottom: 30px;}
.inputBox{font-family: "PT Serif",serif;font-size: 0.85em;height: 37px;line-height: 1.3;width:100%;max-width: 100%;border: 1px solid rgba(0,0,0,0.15);padding: 8px 10px;-moz-border-radius: 2px 0px 0px 2px;-webkit-border-radius: 2px 0px 0px 2px;border-radius: 2px 0px 0px 2px;}
.subscribeBtn{display: inline-block;padding: 8px 16px;margin: 0;font-size: 0.94118em;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: 700;font-style: normal;height: 37px;line-height: 1.3;text-decoration: none;text-align: center;vertical-align: middle;white-space: nowrap;cursor: pointer;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: none;background-color: #59756f;color: #fff;-moz-border-radius: 0px 2px 2px 0px;-webkit-border-radius: 0px 2px 2px 0px;border-radius: 0px 2px 2px 0px;}
.endFooter{margin-bottom: 10px;font-size: 0.85em;}
.endFooter a{color:#000000;}
.endFooterPaymentIcons{margin-bottom: 10px; }
.endFooterPaymentIcons li{margin: 0 3px 7px 3px;display: inline-block;width:30px}
.endFooterPaymentIcons li .icon-fallback-text{display:none;}
.endFooterPaymentIcons .icon {width: 38px;height: 24px;}
.endFooter{padding: 10px 0;font-size: 14px;}
.icon-cart:before {content:"\5b";}.icon-facebook:before {content: "\e609"}.icon-fancy:before {content: "\46"}.icon-forbrugsforeningen:before {content: "\e903"}.icon-google_plus:before {content: "\e90a"}.icon-hamburger:before {content: "\e601"}.icon-instagram:before {content: "\e907"}.icon-interac:before {content: "\49"}.icon-jcb:before {content: "\4a"}.icon-litecoin:before {content: "\e909"}.icon-maestro:before {content: "\e905"}.icon-master:before {content: "\e906"}.icon-minus:before {content: "\e602"}.icon-paypal:before {content: "\50"}.icon-pin:before {content: "\e90d"}.icon-pinterest:before {content: "\e608"}.icon-plus:before {content: "\e603"}.icon-rss:before {content: "\72"}.icon-search:before {content: "\73"}.icon-snapchat:before {content: "\e90b"}.icon-tumblr:before {content: "\74"}.icon-twitter:before {content: "\54"}.icon-vimeo:before {content: "\76"}.icon-visa:before {content: "\56"}.icon-arrow-left:before {content: "\e900"}.icon-arrow-right:before {content: "\e901";}.icon-plus:before {content: "\e603"}.icon-minus:before {content: "\e602"}.icon-youtube:before {content: "\79"}
@font-face{
	 font-family:'icons';
	 src: url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.eot?7240412311646561149#iefix") format("embedded-opentype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.woff?7240412311646561149") format("woff"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.ttf?7240412311646561149") format("truetype"),url("https://cdn.shopify.com/s/files/1/2802/0750/t/9/assets/icons.svg?7240412311646561149#timber-icons") format("svg");font-weight:normal;font-style:normal;}
footer a{text-decoration: none;cursor: pointer;}
body, input, textarea, button, select{
  font-family: "PT Serif",serif;
}
header,h1,h2,h3,h4,h5,h6, a.product_name, .product-price, .addtocart, .mlveda-related-product-title {
  font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;
}
                
                
#mlveda-carousel-preview-image-0{background-image: url('//threadfellows.com/cdn/shop/files/mercer-mettle-bags-25l-warm-quartz-mercer-mettle-claremont-duffel-31031324409879_320x400.jpg');}#mlveda-carousel-preview-image-1{background-image: url('//threadfellows.com/cdn/shop/files/mercer-mettle-bags-25l-deep-black-mercer-mettle-claremont-duffel-31031324442647_320x400.jpg');}#mlveda-carousel-preview-image-2{background-image: url('//threadfellows.com/cdn/shop/files/mercer-mettle-bags-25l-storm-grey-mercer-mettle-claremont-duffel-31031324377111_320x400.jpg');}#mlveda-carousel-preview-image-3{background-image: url('//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324344343_320x400.jpg');}#mlveda-carousel-preview-image-4{background-image: url('//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324278807_320x400.jpg');}#mlveda-carousel-preview-image-5{background-image: url('//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324475415_320x400.jpg');}#mlveda-carousel-preview-image-6{background-image: url('//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324311575_320x400.jpg');}
.mlveda-product-image-wrapper-0{height:400px;}.mlveda-product-image-wrapper-1{height:400px;}.mlveda-product-image-wrapper-2{height:400px;}.mlveda-product-image-wrapper-3{height:400px;}.mlveda-product-image-wrapper-4{height:400px;}.mlveda-product-image-wrapper-5{height:400px;}.mlveda-product-image-wrapper-6{height:400px;}                
                .mlveda-product-image-wrapper-default{width:100%;position:relative;}

/*****************collectionCSS****************/
.mlveda-showallbutton {
  font: bold 16px Arial;
  text-decoration: none;
height: 35px;
line-height: 35px;
padding: 0 10px;
margin-bottom: 5px;
background-color: #ddd;
color: #000;
margin-top: 15px;
border: 1px solid #ccc;
display: inline-block;
width: auto;
box-sizing: border-box;
}
.mlveda-showallbutton-div{
   text-align: center;
   padding-bottom: 15px;
}
.pwBml > a {
    color: #000;
}
.mlveda-image-wrapper-0{height:81px;}        
    .mlveda-image-wrapper-default{position:relative;width:80%;}    
    amp-img.mlveda-image img {object-fit: contain;}
span#ProductPrice {
    display: inline-block;
    margin-right: 15px;
    font-size: 24px;
	font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;
	color:#59756f;
	font-weight: 700;
}
span#SpecialPrice {
    display: inline-block;
    margin-right: 0;
	font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;
	color:#59756f;
    font-size: 24px;
    text-decoration: line-through;
	font-weight: 700;
} 
input#addcart {display: block;padding: 8px 16px;margin: 0;font-size: 0.94118em;font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-weight: 700;font-style: normal;line-height: 1.42;text-decoration: none;text-align: center;vertical-align: middle;white-space: nowrap;cursor: pointer;border: 1px solid transparent;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;-o-user-select: none;user-select: none;-webkit-appearance: none;-moz-appearance: none;background-color: #59756f;color: #fff;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;min-height: 48px;width: 100%;}	
.single-option-selector{-webkit-appearance: none;-moz-appearance: none;appearance: none;background-position: right center;background-image: url("https://cdn.shopify.com/s/files/1/2802/0750/t/10/assets/ico-select.svg?15517948492144861041");background-repeat: no-repeat;background-position: right 10px center;background-color: #fff;padding: 8px 28px 8px 10px;text-indent: 0.01px;text-overflow: '';cursor: pointer;line-height: 1.42;border: 1px solid rgba(0,0,0,0.15);width: 100%;color: #333;font-size: 1em;font-family: "PT Serif",serif;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.optionSelectBlock{margin-bottom: 17px;}
.optionSelectBlock label{display: block;margin-bottom: 2px;}
.qtyBlock{margin-bottom: 32px;}
.qtyBlock label{display: block;margin-bottom: 2px;}
.quantityBox{padding: 8px 10px;line-height:1.42;border: 1px solid #ebebeb;color: #333;font-size: 1em;font-family: "PT Serif",serif;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;width: 100%;display: block;box-sizing: border-box;}
.socialSharing{margin-bottom: 30px;margin-top: 30px;}
.shareName{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-size: 0.94118em;font-weight: bold;margin: 0px 0px 15px;line-height: 1.6;}
.socialSharing a{display: inline-block;color: #fff;margin: 5px 10px 5px 0px;height: 22px;line-height: 22px;text-decoration: none;font-weight: normal;-moz-border-radius: 2px;-webkit-border-radius: 2px;border-radius: 2px;}
.socialSharing a span.icon{padding: 0px 5px 0px 10px;display: inline-block;vertical-align: top;height: 22px;line-height: 22px;font-size: 12px;}
.socialSharing a .shareTitle{display: inline-block;vertical-align: top;height: 22px;line-height: 22px;font-size: 12px;font-weight: 900;padding-right: 10px;font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;}
.socialSharing .fbIcon{background-color: #3b5998;}
.socialSharing .twtIcon{background-color: #00aced;}
.socialSharing .pinIcon{background-color: #cb2027;}
.relatedProductSec{text-align: left;margin-bottom: 15px;}
.relatedPrdTitle{font-family: "Source Sans Pro","HelveticaNeue","Helvetica Neue",sans-serif;font-size: 0.94118em;font-weight: bold;margin: 0px 0px 15px;line-height: 1.6;}
.relatedProductBlock{position: relative;float: left;width: 45%;margin-bottom: 30px;}
.relatedProductBlock:nth-child(even){float: right;}
.relatedProductBlock:nth-child(2n+1){clear:both;}    
.relatedProductSale{position: absolute;top: -12px;right: -12px;width: 60px;height: 60px;background-color: #59756f;color: #fff;line-height: 60px;text-transform: uppercase;font-weight: bold;text-align: center;font-size: 0.70588em;z-index: 9999;-moz-border-radius: 50%;-webkit-border-radius: 50%;border-radius: 50%;} 
.relatedProductImgLink{display: block;line-height: 0;}
.relatedProductLink{display: block;padding-bottom: 30px;}
.relatedProductLink .relatedProductTitle{display: block;color: #000;font-size: .9em;line-height: 1.4;font-weight: bold;margin-top: 10px;margin-bottom: 5px;}
.relatedProductLink .relatedProductBrand{display: block;font-size: .85em;color: #000;line-height: 1.4;margin-bottom: 5px;}
.relatedProductLink .relatedProductCmpPrice{text-decoration: line-through;font-size: .75em;line-height: 1.5;color: #1a1a1a;opacity: 0.95;display: inherit;}
.relatedProductLink .relatedProductPrice{font-size: .75em;line-height: 1.5;color: #1a1a1a;display: inherit;}
.hideSave{display:none;}
.instock{
        letter-spacing: 2px;
    }button.ampstart-btn.caps.m2 {color:#000000;}a.cart {color:#000000;}
a.cart svg path {fill:#000000;}
.topSearchIcon svg path {fill:#000000;}
header.header {background-color:#cbd5cc;}
.mlveda-footer a,footer h3{color:#000000;font-size:14px;}
footer .col30{background-color: #cbd5cc;}
body {background-color:#ffffff;}
amp-img {background-color:#ffffff;}
a.product_name{font-size:25px;color:#000000;}
.description, .desCription{color:#000000;
font-size:15px;}
input#addcart {color:#ffffff;font-size:15px;background-color:#59756f;}
.mlveda-price-label {color:#000000;font-size:16px;}
span#ProductPrice, span#SpecialPrice {color:#59756f;font-size:22px;}
.mlveda-available-label {color:#000000;
font-size:16px;
}h3.mlveda-related-product-title{
color:#000000;
font-size:15px;
}.item .h4.grid-view-item__title{
color:#000000;
font-size:14px;
}
.grid-view-item__meta span{
color:#000000;
font-size:14px;
}*{
font-family:'Oswald';
}

.menu-sidebar{
background: #ffffff;   background-repeat: no-repeat;
   background-position: right center;
   background-size:100%;
}
  </style>

</head>
<body>
	<!-- Sidebar -->
	<amp-sidebar id="sidebar-left" layout="nodisplay" side="left" class="sideBar">
        <nav toolbar="(min-width: 3333333px)" toolbar-target="target-element-left">
          	<ul class="mainMenu">
            	

                         <li class="childDropdown">
                            <a class="childDropdownTitle" href="/collections/brands?ref=fireamp">Brands</a>              
                            
                               
                            <button on="tap:autosuggestList0.toggleVisibility, AMP.setState({ comboExpanded0: !comboExpanded0 })" class="toggleMenu" type="button">
                              	<i [class]="comboExpanded0 ? 'icon icon-minus' : 'icon icon-plus'" class="icon icon-plus"></i>
                            </button>
                            <amp-list  width="auto" height="auto" layout="flex-item"  src="#" id="autosuggestList0" hidden>
                              <ul>
                                
                                  
                                    <li>
                                      	<a href="/collections/columbia?ref=fireamp" >Columbia</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/patagonia?ref=fireamp" >Patagonia</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/north-face?ref=fireamp" >The North Face</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/cotopaxi?ref=fireamp" >Cotopaxi</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/fjallraven?ref=fireamp" >Fjällräven</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/nike?ref=fireamp" >Nike</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/vineyard-vines?ref=fireamp" >Vineyard Vines</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/carhartt?ref=fireamp" >Carhartt</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/adidas?ref=fireamp" >Adidas</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/peter-millar?ref=fireamp" >Peter Millar</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/helly-hansen?ref=fireamp" >Helly Hansen</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/travis-mathew?ref=fireamp" >Travis Mathew</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/bad-birdie?ref=fireamp" >Bad Birdie</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/brooks-brothers?ref=fireamp" >Brooks Brothers</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/callaway?ref=fireamp" >Callaway</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/camelbak?ref=fireamp" >Camelbak</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/champion?ref=fireamp" >Champion</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/corkcicle?ref=fireamp" >Corkcicle</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/cutter-and-buck?ref=fireamp" >Cutter &amp; Buck</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/filson?ref=fireamp" >Filson</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/free-fly?ref=fireamp" >Free Fly</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/gap-old-navy?ref=fireamp" >GAP &amp; Old Navy</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/huk?ref=fireamp" >HUK</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/hydro-flask?ref=fireamp" >Hydro Flask</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/igloo?ref=fireamp" >Igloo</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/johnnie-o?ref=fireamp" >Johnnie-O</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/marine-layer?ref=fireamp" >Marine Layer</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/marmot?ref=fireamp" >Marmot</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/moleskine?ref=fireamp" >Moleskine</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/mountain-hardwear?ref=fireamp" >Mountain Hardwear</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/nautica?ref=fireamp" >Nautica</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/new-era?ref=fireamp" >New Era</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/osprey?ref=fireamp" >Osprey</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/outdoor-research?ref=fireamp" >Outdoor Research</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/penquin?ref=fireamp" >Penguin</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/polo-by-ralph-lauren?ref=fireamp" >Polo Ralph Lauren</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/puma?ref=fireamp" >Puma</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/spyder?ref=fireamp" >Spyder</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/stanley?ref=fireamp" >Stanley</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/storm-creek?ref=fireamp" >Storm Creek</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/swannies-golf?ref=fireamp" >Swannies</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/tentree?ref=fireamp" >Tentree</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/timbuk2?ref=fireamp" >Timbuk2</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/titleist?ref=fireamp" >Titleist</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/tommy-bahama?ref=fireamp" >Tommy Bahama</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/under-armour?ref=fireamp" >Under Armour</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/collections/yeti?ref=fireamp" >YETI</a>
                                    </li>
                                  
                                
                                    <li>
                                      	<a href="/pages/brands?ref=fireamp" >View All Brands</a>
                                    </li>
                                  
                                
                              </ul>    
                            </amp-list>
                         </li>   
                     
                
                    	 <li><a href="/collections/catagories?ref=fireamp" >Categories</a></li>
                     
                   
                    	 <li><a href="/collections/women?ref=fireamp" >Women</a></li>
                     
                   
                    	 <li><a href="/collections/men?ref=fireamp" >Men</a></li>
                     
                   
                    	 <li><a href="/collections/featured-collection?ref=fireamp" >Featured Collections</a></li>
                     
                   
                    	 <li><a href="/collections/non-apparel-less-thread?ref=fireamp" >Gifts "Less Thread"</a></li>
                     
                   
              	<li>
                	<div class="searchBlock cf">
						<form method="get" action="/search" target="_top">
							<button type="submit" class="searchBtn"><span class="icon icon-search"></span></button>
							<input type="search" name="q" class="searchBox" placeholder="Search"/>
						</form>
					</div>
                </li>
            </ul>
        </nav>
    </amp-sidebar><!-- Sidebar -->	

<header class="header">
<button on="tap:sidebar-left.toggle" class="ampstart-btn caps m2"><span class="icon icon-hamburger menuIcon" aria-hidden="true"></span>
  
  <span class="mlveda-menu-span">  Menu</span></button>
<div id="target-element-left">
</div>
 <a  class="cart  animated" href="/cart?ref=fireamp">
 <span class="icon icon-cart"></span>
   <span class="cart-text">Cart</span>
</a>

</header>

<div class="logo ">
<div class="centerLogo">
              
              
 <a href="/?ref=fireamp" class="logotext">
            
 <amp-img src="//threadfellows.com/cdn/shop/t/42/assets/logo.png?v=152149455466582618291730249322" alt="Threadfellows" height="100px" width="100px" layout="responsive"/></amp-img>
         
 </a>

</div>
</div>

           	<amp-analytics>
       <script type="application/json">
{
  "requests": {
    "pageview": "https://threadfellows.com/apps/fireamp/analytics/page",
    "event": "https://threadfellows.com/apps/fireamp/analytics/page?category=${eventCategory}&action=${eventAction}"
  },
  "vars": {
    "account": "ABC123"
  },
  "triggers": {
    "trackPageview": {
      "on": "visible",
      "request": "pageview"
    },
   "trackMenuClick": {
      "on": "click",
      "selector": ".header_ml",
      "request": "event",
      "vars": {
        "eventCategory": "ui-components",
        "eventAction": "menu"
      }
    },
   "trackIframeClick": {
      "on": "click",
      "selector": ".mlveda-iframe",
      "request": "event",
      "vars": {
        "eventCategory": "iframe",
        "eventAction": "click"
      }
    },
   "trackAddToCartClick": {
      "on": "click",
      "selector": "#addtocartmlveda",
      "request": "event",
      "vars": {
        "eventCategory": "addtocart",
        "eventAction": "click"
      }
    }
  }
}
</script>
</amp-analytics>


<div class="main-contain">
	<div class="container">
		<section class="breadcrumbSec">
			<div>
				<ul class="breadcrumbBlock">
					<li><a href="/">Home</a> <span class="divider" aria-hidden="true">&rsaquo;</span></li>
					<li>Mercer+Mettle - Claremont Duffel</li>
				</ul>
			</div>
		</section>
	 
<amp-carousel height="400px" type="slides" layout="fixed-height" id="mlveda-carousel" loop [slide]="selected.index" on="slideChange:AMP.setState({selectedSlide: event.index})" >


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-0">  
    <amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-25l-warm-quartz-mercer-mettle-claremont-duffel-31031324409879_800x767.jpg?v=1706045281"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-1">  
    <amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-25l-deep-black-mercer-mettle-claremont-duffel-31031324442647_803x771.jpg?v=1706045287"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-2">  
    <amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-25l-storm-grey-mercer-mettle-claremont-duffel-31031324377111_803x780.jpg?v=1706045290"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-3">  
    <amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324344343_801x772.jpg?v=1706045283"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-4">  
    <amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324278807_801x763.jpg?v=1706045101"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-5">  
    <amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324475415_800x747.jpg?v=1706045104"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>


  <div class="mlveda-product-image-wrapper-default mlveda-product-image-wrapper-6">  
    <amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-mercer-mettle-claremont-duffel-31031324311575_803x753.jpg?v=1706045460"  class="bounceIn mlveda-image" layout="fill"></amp-img>
  </div>

 
</amp-carousel>  


	<div class="carousel-preview">
<amp-carousel class="carousel-preview" width="auto" height="100px" layout="fixed-height" type="carousel">  


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 0),AMP.setState({selectedSlide: 0})" tabindex="0" [class]="selectedSlide == 0 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-0" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 1),AMP.setState({selectedSlide: 1})" tabindex="1" [class]="selectedSlide == 1 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-1" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 2),AMP.setState({selectedSlide: 2})" tabindex="2" [class]="selectedSlide == 2 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-2" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 3),AMP.setState({selectedSlide: 3})" tabindex="3" [class]="selectedSlide == 3 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-3" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 4),AMP.setState({selectedSlide: 4})" tabindex="4" [class]="selectedSlide == 4 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-4" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 5),AMP.setState({selectedSlide: 5})" tabindex="5" [class]="selectedSlide == 5 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-5" > </div>
</button>


<button class="not-selected" on="tap:mlveda-carousel.goToSlide(index= 6),AMP.setState({selectedSlide: 6})" tabindex="6" [class]="selectedSlide == 6 ? 'selected' : 'not-selected'">
<div class="mlveda-carousel-preview-image" id="mlveda-carousel-preview-image-6" > </div>
</button>

 
</amp-carousel>
</div>


		  <div class="product-contain">
			 <h1 class="product-title"><a href="#" class="product_name">Mercer+Mettle - Claremont Duffel</a></h1>	
			<!---
				IFrame property start with <span id=productPrice
				end at <!-- /Add to Cart
			--->

        <section class="productVarSec">
            
			
			 <div class="productPriceBlock"> 
			 	<span class="productPrice" id="ProductPrice" [text]="[selected.price]">$51.00 USD</span>
			 	<span id="SpecialPrice"><span class="hideSave" [class]="selected.onSale ? 'productComPrice' : 'hideSave'" [text]="[selected.compareAtPrice]"></span></span>
			 </div>
			 <form method="get" action="//threadfellows.com/cart/add" target="_top">      			
				
              	
                    <div class="optionSelectBlock">
                      <label>Size</label>
                          <select on="change:AMP.setState({options : { Size : event.value },selected: productMap[event.value+'__'+options['Color']]
                          })" name="option-1" id="option-1" class="single-option-selector">
                            
                              <option value="25L" [selected]="">25L</option>
                            
                          </select>
                    </div>
                    
                        <div class="optionSelectBlock">
                          <label>Color</label>
                          <select on="change:AMP.setState({options : { Color : event.value },
                          selected: productMap[options['Size']+'__'+event.value]
                          })" name="option-2" id="option-2" class="single-option-selector">
                          
                              <option value="Warm Quartz" [selected]="">Warm Quartz</option>
                          
                              <option value="Deep Black" [selected]="">Deep Black</option>
                          
                              <option value="Storm Grey" [selected]="">Storm Grey</option>
                          
                          </select>
                        </div>
                            
                        
				  <div class="qtyBlock">
				    <label>Quantity</label>
				    <input type="number" step="1" name="quantity" min="1" value="1" required class="quantityBox" />
				  </div>
				  <input type="hidden" name="id" [value]="selected.variantId" value="40867887677463"/>   
                  <input type="submit" class="addToCartBtn" id="addcart"                        
                                     [disabled]="!selected.variantId || !selected.available"
                                     value="Add To Cart"
                                     [value]="selected.variantId ? selected.addToCartLable : 'Unavailable'"
                                     /> 
				</form>
        </section>

			<!-- discription --->
		                <div class="desCription">
			<p><div class="mlveda-image-wrapper-0 mlveda-image-wrapper-default"><amp-img   width="252" height="81"  src="https://cdn.shopify.com/s/files/1/2382/1249/files/mercer_mettle_480x480.png?v=1674577858"  width="252"  height="81" width="252" height="81"  data-mce-src="https://cdn.shopify.com/s/files/1/2382/1249/files/mercer_mettle_480x480.png?v=1674577858" layout="fill" class="mlveda-image" ></amp-img></div></p><p>Durable yet pliable, each Claremont bag is made to meet the many needs of the hybrid lifestyle head-on. It features sleek, modern details for an overall clean and elevated aesthetic.<br><br><strong>Fabric+Construction</strong></p><ul><li>65/35 polyester/cotton</li></ul><p><strong>Features+Benefits</strong></p><ul><li>Detachable shoulder strap</li><li>Interior slip pocket</li><li>Wrapped matte zipper pulls</li><li>Matte dyed-to-match coated zipper tape</li></ul><p><strong>Weight+Measurements</strong></p><ul><li>Dimensions: 11.5"h x 18.5"w x 10.5"d</li><li>Capacity: 1,526 cu. in./25 L</li><li>Weight: 1.12 lbs./0.51 kg</li></ul><p>Note: Bags not intended for use by children 12 and under.</p>
                  
			</div>
	       	                <!-- /discription --->
			<div class="socialSharing">
                	<h5 class="shareName">Share this Product</h5>
				    <a target="_blank" class="fbIcon" href="//www.facebook.com/sharer.php?u=https://threadfellows.com/products/mercer-mettle-claremont-duffel" title="Share on Facebook">
				      <span class="icon icon-facebook" aria-hidden="true"></span>
				      <span class="shareTitle" aria-hidden="true">Share</span>
				    </a>
				    <a target="_blank" class="twtIcon" href="//twitter.com/share?url=https://threadfellows.com/products/mercer-mettle-claremont-duffel" title="Tweet on Twitter">
				      <span class="icon icon-twitter" aria-hidden="true"></span>
				      <span class="shareTitle" aria-hidden="true">Tweet</span>
				    </a>
				    <a target="_blank" class="pinIcon" href="//pinterest.com/pin/create/button/?url=https://threadfellows.com/products/mercer-mettle-claremont-duffel&amp;media=////threadfellows.com/cdn/shop/files/mercer-mettle-bags-25l-warm-quartz-mercer-mettle-claremont-duffel-31031324409879_large.jpg?v=1706045281" title="Pin on Pinterest">
				      <span class="icon icon-pinterest" aria-hidden="true"></span>
				      <span class="shareTitle" aria-hidden="true">Pin it</span>
				    </a>
				</div>
	
			<!--related -->
			  
        <section class="relatedProductSec">
        	<div>
              <h3 class="relatedPrdTitle mlveda-related-product-title">More from this collection</h3>
    

    <div class="relatedProductMainBlock cf">      
    
      
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/ogio-rogue-pack" class="relatedProductImgLink">
							<amp-img src="//threadfellows.com/cdn/shop/products/ogio-bags-36l-grey-ogio-rogue-pack-30233314754583_large.jpg?v=1672574831" alt="OGIO - Rogue Pack" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">OGIO - Rogue Pack</span>
                          <!--<span class="relatedProductBrand">OGIO</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class=money>$66.00</span></span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/ogio-commuter-xl-pack" class="relatedProductImgLink">
							<amp-img src="//threadfellows.com/cdn/shop/products/ogio-bags-33l-tarmac-grey-ogio-commuter-xl-pack-30233317670935_large.jpg?v=1672575006" alt="OGIO - Commuter XL Pack" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">OGIO - Commuter XL Pack</span>
                          <!--<span class="relatedProductBrand">OGIO</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class=money>$122.00</span></span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/mercer-mettle-rucksack" class="relatedProductImgLink">
							<amp-img src="//threadfellows.com/cdn/shop/files/mercer-mettle-bags-20l-deep-black-mercer-mettle-rucksack-30797211041815_large.jpg?v=1695835504" alt="Mercer+Mettle - Rucksack" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Mercer+Mettle - Rucksack</span>
                          <!--<span class="relatedProductBrand">Mercer+Mettle</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class=money>$55.00</span></span></span>
						</a>
    					</div>
					</div>
               
   
              		<div class="relatedProductBlock">
                       
					   
						<a href="/apps/fireamp/products/brooks-brothers-grant-backpack" class="relatedProductImgLink">
							<amp-img src="//threadfellows.com/cdn/shop/files/brooks-brothers-bags-one-size-heather-grey-brooks-brothers-grant-backpack-30795826855959_large.jpg?v=1695726610" alt="Brooks Brothers - Grant Backpack" width="150px" height="150px" layout="responsive"></amp-img>
						<div class="relatedProductLink item">
					      <span class="relatedProductTitle h4 grid-view-item__title">Brooks Brothers - Grant Backpack</span>
                          <!--<span class="relatedProductBrand">Brooks Brothers</span>-->
                          <span class="relatedProductCmpPrice grid-view-item__meta"><span></span></span>
                          <span class="relatedProductPrice grid-view-item__meta"><span><span class=money>$165.00</span></span></span>
						</a>
    					</div>
					</div>
               
                   
        		</div>
        	</div>
        </section>
  

			<!--related -->
		</div>

	</div>  <!-- endcontainer -->
<footer>
<div class="col30 wrapper">
  
  <h3 class="footerMenuTitle">Links</h3>
  
      <ul class="mlveda-footer footerMenu">
      
              
<li><a href="/pages/our-story" title="Our Story">Our Story</a></li>
 

<li><a href="/pages/why-threadfellows" title="Why Threadfellows">Why Threadfellows</a></li>
 

<li><a href="/blogs/fall-2024" title="Threadfellows Insights (blog)">Threadfellows Insights (blog)</a></li>
 

<li><a href="/pages/one-percent" title="1% For The Planet">1% For The Planet</a></li>
 

<li><a href="/pages/privacy-policy" title="Privacy Policy">Privacy Policy</a></li>
 

      </ul>
          	
		   	
			<h4 class="footerMenuTitle">Newsletter</h4>
			<p>Sign up for the latest news, offers and styles</p>
            <form method="post" action-xhr="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form" target="_top">
              <input type="hidden" name="form_type" value="customer">
              <input type="hidden" name="utf8" value="?">
                        <div class="footerInputGrp">
                            <input type="hidden" name="contact[tags]" value="newsletter">
                            <input type="email" name="contact[email]" placeholder="Your email" value="" class="inputBox" required>
                            <button type="submit" class="subscribeBtn">Subscribe</button>
                        </div>
                <div submitting>
                    Please wait..
                </div>
                <div submit-success>
                  Success! Thanks for subscribing! Please make sure to check your email
                  to confirm!
                </div>
                <div submit-error>
                  Success! Thanks for subscribing! Please make sure to check your email
                  to confirm!
                </div>
            </form>  
			<div class="endFooter">Copyright &copy; 2024, <a href="/" title="">Threadfellows.</a> 
			</div>
          
            
              <ul class="endFooterPaymentIcons">
                
                  
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-american_express" aria-hidden="true"></span>
                        <span class="fallback-text">american express</span>
                      </span>
                      <svg xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg>

                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-apple_pay" aria-hidden="true"></span>
                        <span class="fallback-text">apple pay</span>
                      </span>
                      <svg version="1.1" xmlns="http://www.w3.org/2000/svg" role="img" x="0" y="0" width="38" height="24" viewBox="0 0 165.521 105.965" xml:space="preserve" aria-labelledby="pi-apple_pay"><title id="pi-apple_pay">Apple Pay</title><path fill="#000" d="M150.698 0H14.823c-.566 0-1.133 0-1.698.003-.477.004-.953.009-1.43.022-1.039.028-2.087.09-3.113.274a10.51 10.51 0 0 0-2.958.975 9.932 9.932 0 0 0-4.35 4.35 10.463 10.463 0 0 0-.975 2.96C.113 9.611.052 10.658.024 11.696a70.22 70.22 0 0 0-.022 1.43C0 13.69 0 14.256 0 14.823v76.318c0 .567 0 1.132.002 1.699.003.476.009.953.022 1.43.028 1.036.09 2.084.275 3.11a10.46 10.46 0 0 0 .974 2.96 9.897 9.897 0 0 0 1.83 2.52 9.874 9.874 0 0 0 2.52 1.83c.947.483 1.917.79 2.96.977 1.025.183 2.073.245 3.112.273.477.011.953.017 1.43.02.565.004 1.132.004 1.698.004h135.875c.565 0 1.132 0 1.697-.004.476-.002.952-.009 1.431-.02 1.037-.028 2.085-.09 3.113-.273a10.478 10.478 0 0 0 2.958-.977 9.955 9.955 0 0 0 4.35-4.35c.483-.947.789-1.917.974-2.96.186-1.026.246-2.074.274-3.11.013-.477.02-.954.022-1.43.004-.567.004-1.132.004-1.699V14.824c0-.567 0-1.133-.004-1.699a63.067 63.067 0 0 0-.022-1.429c-.028-1.038-.088-2.085-.274-3.112a10.4 10.4 0 0 0-.974-2.96 9.94 9.94 0 0 0-4.35-4.35A10.52 10.52 0 0 0 156.939.3c-1.028-.185-2.076-.246-3.113-.274a71.417 71.417 0 0 0-1.431-.022C151.83 0 151.263 0 150.698 0z" /><path fill="#FFF" d="M150.698 3.532l1.672.003c.452.003.905.008 1.36.02.793.022 1.719.065 2.583.22.75.135 1.38.34 1.984.648a6.392 6.392 0 0 1 2.804 2.807c.306.6.51 1.226.645 1.983.154.854.197 1.783.218 2.58.013.45.019.9.02 1.36.005.557.005 1.113.005 1.671v76.318c0 .558 0 1.114-.004 1.682-.002.45-.008.9-.02 1.35-.022.796-.065 1.725-.221 2.589a6.855 6.855 0 0 1-.645 1.975 6.397 6.397 0 0 1-2.808 2.807c-.6.306-1.228.511-1.971.645-.881.157-1.847.2-2.574.22-.457.01-.912.017-1.379.019-.555.004-1.113.004-1.669.004H14.801c-.55 0-1.1 0-1.66-.004a74.993 74.993 0 0 1-1.35-.018c-.744-.02-1.71-.064-2.584-.22a6.938 6.938 0 0 1-1.986-.65 6.337 6.337 0 0 1-1.622-1.18 6.355 6.355 0 0 1-1.178-1.623 6.935 6.935 0 0 1-.646-1.985c-.156-.863-.2-1.788-.22-2.578a66.088 66.088 0 0 1-.02-1.355l-.003-1.327V14.474l.002-1.325a66.7 66.7 0 0 1 .02-1.357c.022-.792.065-1.717.222-2.587a6.924 6.924 0 0 1 .646-1.981c.304-.598.7-1.144 1.18-1.623a6.386 6.386 0 0 1 1.624-1.18 6.96 6.96 0 0 1 1.98-.646c.865-.155 1.792-.198 2.586-.22.452-.012.905-.017 1.354-.02l1.677-.003h135.875" /><g><g><path fill="#000" d="M43.508 35.77c1.404-1.755 2.356-4.112 2.105-6.52-2.054.102-4.56 1.355-6.012 3.112-1.303 1.504-2.456 3.959-2.156 6.266 2.306.2 4.61-1.152 6.063-2.858" /><path fill="#000" d="M45.587 39.079c-3.35-.2-6.196 1.9-7.795 1.9-1.6 0-4.049-1.8-6.698-1.751-3.447.05-6.645 2-8.395 5.1-3.598 6.2-.95 15.4 2.55 20.45 1.699 2.5 3.747 5.25 6.445 5.151 2.55-.1 3.549-1.65 6.647-1.65 3.097 0 3.997 1.65 6.696 1.6 2.798-.05 4.548-2.5 6.247-5 1.95-2.85 2.747-5.6 2.797-5.75-.05-.05-5.396-2.101-5.446-8.251-.05-5.15 4.198-7.6 4.398-7.751-2.399-3.548-6.147-3.948-7.447-4.048" /></g><g><path fill="#000" d="M78.973 32.11c7.278 0 12.347 5.017 12.347 12.321 0 7.33-5.173 12.373-12.529 12.373h-8.058V69.62h-5.822V32.11h14.062zm-8.24 19.807h6.68c5.07 0 7.954-2.729 7.954-7.46 0-4.73-2.885-7.434-7.928-7.434h-6.706v14.894z" /><path fill="#000" d="M92.764 61.847c0-4.809 3.665-7.564 10.423-7.98l7.252-.442v-2.08c0-3.04-2.001-4.704-5.562-4.704-2.938 0-5.07 1.507-5.51 3.82h-5.252c.157-4.86 4.731-8.395 10.918-8.395 6.654 0 10.995 3.483 10.995 8.89v18.663h-5.38v-4.497h-.13c-1.534 2.937-4.914 4.782-8.579 4.782-5.406 0-9.175-3.222-9.175-8.057zm17.675-2.417v-2.106l-6.472.416c-3.64.234-5.536 1.585-5.536 3.95 0 2.288 1.975 3.77 5.068 3.77 3.95 0 6.94-2.522 6.94-6.03z" /><path fill="#000" d="M120.975 79.652v-4.496c.364.051 1.247.103 1.715.103 2.573 0 4.029-1.09 4.913-3.899l.52-1.663-9.852-27.293h6.082l6.863 22.146h.13l6.862-22.146h5.927l-10.216 28.67c-2.34 6.577-5.017 8.735-10.683 8.735-.442 0-1.872-.052-2.261-.157z" /></g></g></svg>

                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-discover" aria-hidden="true"></span>
                        <span class="fallback-text">discover</span>
                      </span>
                      <svg viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg>
                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-google_pay" aria-hidden="true"></span>
                        <span class="fallback-text">google pay</span>
                      </span>
                      <svg xmlns="http://www.w3.org/2000/svg" role="img" viewBox="0 0 38 24" width="38" height="24" aria-labelledby="pi-google_pay"><title id="pi-google_pay">Google Pay</title><path d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z" fill="#000" opacity=".07"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32" fill="#FFF"/><path d="M18.093 11.976v3.2h-1.018v-7.9h2.691a2.447 2.447 0 0 1 1.747.692 2.28 2.28 0 0 1 .11 3.224l-.11.116c-.47.447-1.098.69-1.747.674l-1.673-.006zm0-3.732v2.788h1.698c.377.012.741-.135 1.005-.404a1.391 1.391 0 0 0-1.005-2.354l-1.698-.03zm6.484 1.348c.65-.03 1.286.188 1.778.613.445.43.682 1.03.65 1.649v3.334h-.969v-.766h-.049a1.93 1.93 0 0 1-1.673.931 2.17 2.17 0 0 1-1.496-.533 1.667 1.667 0 0 1-.613-1.324 1.606 1.606 0 0 1 .613-1.336 2.746 2.746 0 0 1 1.698-.515c.517-.02 1.03.093 1.49.331v-.208a1.134 1.134 0 0 0-.417-.901 1.416 1.416 0 0 0-.98-.368 1.545 1.545 0 0 0-1.319.717l-.895-.564a2.488 2.488 0 0 1 2.182-1.06zM23.29 13.52a.79.79 0 0 0 .337.662c.223.176.5.269.785.263.429-.001.84-.17 1.146-.472.305-.286.478-.685.478-1.103a2.047 2.047 0 0 0-1.324-.374 1.716 1.716 0 0 0-1.03.294.883.883 0 0 0-.392.73zm9.286-3.75l-3.39 7.79h-1.048l1.281-2.728-2.224-5.062h1.103l1.612 3.885 1.569-3.885h1.097z" fill="#5F6368"/><path d="M13.986 11.284c0-.308-.024-.616-.073-.92h-4.29v1.747h2.451a2.096 2.096 0 0 1-.9 1.373v1.134h1.464a4.433 4.433 0 0 0 1.348-3.334z" fill="#4285F4"/><path d="M9.629 15.721a4.352 4.352 0 0 0 3.01-1.097l-1.466-1.14a2.752 2.752 0 0 1-4.094-1.44H5.577v1.17a4.53 4.53 0 0 0 4.052 2.507z" fill="#34A853"/><path d="M7.079 12.05a2.709 2.709 0 0 1 0-1.735v-1.17H5.577a4.505 4.505 0 0 0 0 4.075l1.502-1.17z" fill="#FBBC04"/><path d="M9.629 8.44a2.452 2.452 0 0 1 1.74.68l1.3-1.293a4.37 4.37 0 0 0-3.065-1.183 4.53 4.53 0 0 0-4.027 2.5l1.502 1.171a2.715 2.715 0 0 1 2.55-1.875z" fill="#EA4335"/></svg>

                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-master" aria-hidden="true"></span>
                        <span class="fallback-text">master</span>
                      </span>
                      <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg>
                    </li>
                  
                
                    <li>
                      <span class="icon-fallback-text">
                        <span class="icon icon-visa" aria-hidden="true"></span>
                        <span class="fallback-text">visa</span>
                      </span>
                      <svg viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg>
                    </li>
                  
                
              </ul>
           
</div>
</footer>	
</div>
	<amp-state id="selected">
      <script type="application/json">
         {
            "variantId" : 40867887677463,
            "addToCartLable" : "Add To Cart" ,
            "available" : true,
            "price" : "$51.00 USD" ,
            "soldOut" : "",
            "compareAtPrice" : ""
         }
      </script>
    </amp-state>  
	<amp-state id="options">
	  <script type="application/json">
		 {"Size":"25L","Color":"Warm Quartz"}
	   </script>
	</amp-state>
	<amp-state id="productMap">
	  <script type="application/json">
		{"25L__Warm Quartz":{"price":"$51.00 USD","compareAtPrice":"","index":0,"addToCartLable":"Add To Cart","variantId":40867887677463,"available":true,"onSale":false,"hidden":"false"},"25L__Deep Black":{"price":"$51.00 USD","compareAtPrice":"","index":1,"addToCartLable":"Add To Cart","variantId":40867887611927,"available":true,"onSale":false,"hidden":"false"},"25L__Storm Grey":{"price":"$51.00 USD","compareAtPrice":"","index":2,"addToCartLable":"Add To Cart","variantId":40867887644695,"available":true,"onSale":false,"hidden":"false"}}
	  </script>
	</amp-state>
  
</body>
</html>