
<!-- *******************************************************************
************************************************************************
							imogene + willie
								  v3.0
								 © 2019
************************************************************************
************************************************************************


                                        ..   ...
                                     AIMMYIAMMYYII..
                                    AIHMMMHMIHMHYIIIIA
                                  AIHPP/?/ /$$/PVYMJHIIA.
                                .AP//$ ? //$$/ ////VMMHIA.
                               A///$/$??///$ //////?//VMHIA
                              A///$/$/?//// / ////?///?/VHHA .
                             A////$/$??/// ///////?//?//?VMMA .
                             ////$/$ ??/// //////?/////?//VMHIYM..
                            A////$/AMMMMMMHHHA//?///?//?//.IYHMMMM.
                           .H////AMMMHHHMHMMMHHHA//?//?//?$VHHHYYI.
                           AH//AMMHMHHMHMMMHHHHHHIY//?//?$//MHHHMHI.
                            //AHMHMIIMHHIMMMHMYHMIIMI//?$///MMMHHIII
                            /AHHIHMIHIHHHMMMMMHHHMHMMA/$///MMMMHMHII.
                           .MMYYHIIHIIIIHMMMMMMMHHMMMMMM//HMMMHMHHII
                      .AHHHHIMMMM:I::::IIMMMMMYYMMMMMMMMHM/MMHHHMMH
                      AIJMMH/I:MI""MM:..::;;AYMMMM:::MMMM/MMMYHIHHI..
                    AMHIHIIMMHII I"MMM: .::I" MVA:::.MMMMMMYMMHIIIII/
                    AIIHHHHMMMMMII "V.". ::;II;:::...MMMMMMMMMHHIIIII
                    VIHHIHHMMMMMI' '..'  ::;;;::...:HMMMMMMMMMHHHIII.
                       HHHHMMMMM'  ...   :::;;::::::VMMMMMHHMMHHIIIIIII.
                       HIHMMMMMMA   ..: ':::II::::::::MMMMMHHHHHIIHHHHH.
                       HHIHMMMMMM:  .::'":IYI:II::::::MMMMMMMHMMHHHHIIII
                       HHHHHMMMMMA  :I.  .:::::JI::::IMIMHMMMHIHMMMIIIII
                        VHHIMMMMMMA ::YH""""'MP:::..:MMYMMMMMMHHMMHIIII
                        HHHHIYMMMMMA ..VIPHHI".:::::AMMMMMMMMMHIMM:::..
                    .:HMMMHYYHMMMVM$A.   "":::::::AMMMYYMMMMMMMMM::..:.
                     HV AHMMHYMMA/VM/$:    ..::::IIMMMMMMMMMMMMVII:::. :.
                     HHHHIHMMYYMM// $$::..::::IIIIIIMMMMMMMMMMMIIII::::.:
                         HHHM//HM$$ / M:::...::::IIIIYYYYYYHHIIIIII::::::
                      .:::YM//VSMX$$$ /II::...::::IIIII:.IIIII::::::::::
                   .:::.:::/Y/AX/////$MMIII:::IIIIIIIIII.I:::::::::::II
                 .:...::::/VYX//////HH/HII:::.::::::::::..::::::::::III:
                .....::::///////////II//IIIIII::.::::::::.::::::I:::III:
               .....:::I:///////////X///IIIIII:..::::::::..::::IH::::II:
               ..  ::::II//////////X////:::III:..::::::::..::::IM::::II:
              .. .:::IIIIII://////X////::::II:.:::::::::..::::IM::::II:
               .. ...:::IIHIII:::"/////I::::::::::::::::::.::::IM:::::I:
               ....:::::IIIII::::..::://::::::::::::::::::..:::II:::::::
               .....::::IIII:::::..:::::::::..:::::.:::::::..::II:::::::
               ....::::IIIIM"::::..::::::::....:::....:::::..::II:..::::
               :...:::::IIIM::::".:::::::::::........::::::..::HI:..::::
               ::..:::::::IM:::"..::::::::::::.......::::::. .:HMI:..:::
               ::.::::::::IMI::  ..:::::::::::::...:::::::.. ..VMI:..:::
               ::::::::::::II:    .:::::::::II::...::::::..  ...MI:..:::
               :::::::::::IH..    '::::::::IIII::...::::'   . ..MI:...::
               :...::::::::M:'     '::::::IIIII::..:::::'  . . .VI::..::
             .I...::::::::I:      . ::::IIIIIII:::::I:'.  . ..:V I:..:::
          .::::I..::::::::I:        .::IIIIHHHHHII:::    AMI .V  I:..:::
        .:::..:I:..:::::::II AI.   . .::IHHHI:II::'      "WV.V'  I::::::
     .::.......I:::::::::IHM.VMA...:AHIIHHHII::. ..  ..::..:V    ::::..:
    .:::........I::::::::IIIMMMMMMHHHHH....::III:::::::IIIIV     :::.:::
   .::::::::::..I:::::::::IIIMMMMMHHHHHHHHHIIIIHHHMMMHMMHHV      ::::.::
  . :::::::::::::I:::::::::IIAMMMMHHHHHHHHIIIIIIIHHHHHHHHV       ..:...:
 .: ...::::::::::I:::::::::II::VMMMMHHHHHHHIIIIIHHHHHHHHH"        ::...:
 ::. .::;;;;;::::I::.:::::III::IVMMMMMMMHHHHIIIIIIIHHHHV           ..:..
.:::. ':::;;;::::I::..:::::II:::::::VMMMMHHHHHHIIIHMMM"             .. .
:::::.    '::;;:::I...::::IIIIIIII::::VHMMMMHHHHIHMM"               '..
::::::.     ':;;;::I:..::::IIIIM:::::::IIMMMMMMMMMM"                 ...
::::..:::.     ::::I. :::::III':::::IIHHMMMMMMMMM".                  ':.
:::...::::I::   "::I: .::::III.:::::IHHMMMMMMMMMV:.                   ::
:::....:::III:   ":I:. ::::III::::IIIHHHMMMMMMMV:::                   ::
::::...:::;IIIH    :I: ':::IIII:IIHHHMMMMMMHHHII:::                   ':
::::...::::;;IIM.:. I::..::::IIHHHHMMMMMMMHHHII::::                    '
::::...:::::;;IMMWHMI::..::::IIIHHHMMMMMHHHHII:::::                    .
:::::...::::;IIHMMMMM::...::::IIHHHHHHHHHHHHII::::'
:::::..;::::;;IIHMMMMM::...:::::YHHHHHMMMHHIII:::.
:::::...::::;;IIHMMMMMI:...::::I :"""":::IIII::::
::::::..::::;;;IIHMMMMM::..:::::I::::...   . .::'
':::::..::::;;;IIIHMMMVI:..:.:::I::::::;;;;::::
 '::::::::::;;;IIIIMMI::I::..::::I:::::::::::::
  ::::::::::;;;;;IIMH;:::I::..:::I::::::::::::
  ':::::::::;;;;;;IM;::::I:.:..::1I..::::::::'
   :::::::::;;;;;;IM::::::I::...::I::::::::;'
   ':::::::::;;;;IMI:::::::I.:..::.I.:::::;;
    ::::::::;;;;;IM;::.:::::II:.::..::::::;'
    :::::::::;;;IIM::..:::::II:..::.I:::;;
    ':::::::::;;IIM::...:::::II:..:.:;;;;'
     :::::::::;;IH::...::::::III:..:.I;;V
     '::::::::;;IH::...::::::;III.:::.IV
      :::::::::;IV::...::::::::III.:::I.
      ':::::::;;H::...:::::::;;JI:..'::A
       ;::::::;;I::....:::::::;;II...::.I                              /
       :::::::;H::....::::::::;;I:..:':::.                             :
        :::::;;I::...:::::::::;II:..'::::I    .:::....                .:
        ::::::I::....:::::::::;I:....::I:I.:I:::I.::::::::::.  ..   .:II
        ':::::I::..::::::::;;;I:'.::IIHI:I.:IIIIIIIIIIIIIII""/MMM-.:JIHM
        '::::I::...:::::::::;;I":::IIVVI:I.HHI::::::II/MMMMMMMMMM..PPPP:
         ::::I::...::::::::;;;IY::IVMMA:::IH::IA:::AHHMMMVXXXXXVXXII::::
         ::::I:'...:::::::::;;I::VMHHIII:"IH:?HHA:H//. XXXXXXX/"":I:::II
         :::I::...:::::::::;;".:/AI::HHHA.:H?HHHHH/$XX"$$XX.X//.AI::::::
         :::I::...:::::::::;I:/AII:H"."."."?HHHHH/////$'////"///A:::::::
         .::I::..:::::::::;I./A":.:.".".".?HHHHHH//' " . :// //A":::::::
         .::I::..:::::;;;;;./:::.".".".".??HHHH///'.. MI.//M/.AIIII:::::
         :::I::..:::::;;;;."::::."."."."?AHHHHH/////.  //AVHHII:::::::::
         :::II:.:::::;;;;;::-:"."."."./??HHHH/"'$/// '//MVH:::::::::::::
         ::::I::::::;;III":::,:""-.///I?$ .  .$$M/////MM//I,::::::::::::
         :;:;I,,,::;;IIII::::::::/.":::$$$$ $ $////AMM$/III.::::::::::::
         :;;:;I:;IIIII:::::::/$::::$$/////$$XVMV"$$II..:::::::::::::::::
         :::;;;IIIIIIIIII,,,,,,/$.::://///AMM",,::$I::::::::::::::::::::
         ':::;;I;;;IIIIII,,::,,/M,,::,:MMMMV,,,,,,:$$:::::::::::::::::::
          ::::;;I;;IIIIII,,,,,/$I,:,::::::,,,,,,,,/$::::::::::::::::::::
          .:::;;;II;;IIII:::II/II:::: ::::: ,,,,,,/$::::::::::::::::::::
           :::::;;I:::II:.:::::I::IIII"II:"I,,,:,,/$::::::::::::::::::::
           :::::;;II;;;;I..",,,M'":":$$$$$::YYII../$JJJ:::::::::::::::::
           '::::;;II:::;I,,,,,IM,,,: $$$$$$I:::::::$::::YYHHHHHJJJ::::::
            ::::;;III::;I:::::IM,,: $$$$$$/::::::::/:::::::::::::::YYMMM
            ':::;;IIII:I:::::MMMM://$ $$?$$$:::::::/::::::::::::::::::::
             ::;;;IIHH:I::::::XX"/////???$$$III::::/::::::::::::::::::::
             :::;;;IHH:I::::::XX////$.....$$$IIII::/::::::::::::::::::::
             ':::;;IHHHI::::::X////$$....XX$$IIIII/::::::;:;:;::::::::::
              ::;;;IHHHH::::::..///$$...XXXX$HIII:::;:;:;:;;:;:;:;:;:::;
              ':;;IIHHHI::::://   $$$..XX.XX$IIIXIII:;:;:;:;:;:;:;:;:;:;
               ::;;IHHHH:::://///$$$....XXXX$IIIII;:;:;:;:;:;:;:;:;:;;:;
               ':;;IIHHH::://////$$$.......?$$HIIII;:;:;:;:;:;:;:;:;:;:;
                ::;;IHHH::$/////$$$$........$$HIIII:;:;:;:;:;:;:;:;:;:;:
                '::;IHHI:::////$$$$$......X.$$HIII:;:;:;:;:;:;:;:;:;:;:;
                 ::;;IHH::::::/M$$$MMM...HHH$$HHI:;;;:;:;:;:;:;:;:;:;:;:
                 ':;;IHI::::;:;$$$$MM.X.XXXX$HHHHI:;:;:;:;:;:;:;:;:;:;:;
                  :::;HX::::I:I:::X.X....XXX$HHII:;:;:;:;:;:;:;:;:;:;:;:
                  ::::H:::::I:I::::::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                  '::IH:::::I:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                   ::.H::::I:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                   :;IH::::II:I:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                   ;;IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                   I;IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                  .;:IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
                  ;::IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
                .;;::IH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
               .;;::;IH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:
             .:;;::;IIH::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;
           .;;;::::;IIH:::::;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:;:


************************************************************************
******************************************************************** -->
<!doctype html>
<html>
<head>
  <!-- Basic page needs ================================================== -->
  <meta charset="utf-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <link rel="shortcut icon" href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/favicon.ico?993851" />

  <!-- Title and description ================================================== -->
  <title>imogene + willie &middot; men denim</title><!-- Helpers ================================================== --><!-- /snippets/social-meta-tags.liquid -->


  <meta property="og:type" content="website">
  <meta property="og:title" content="men denim">
  

<meta property="og:url" content="https://imogeneandwillie.com/collections/men-denim">
<meta property="og:site_name" content="imogene + willie">


  <meta name="twitter:card" content="summary">


<link rel="canonical" href="https://imogeneandwillie.com/collections/men-denim">
  <meta name="viewport" content="width=device-width,initial-scale=1,shrink-to-fit=no">
  <meta name="theme-color" content="#747474">

  <!-- CSS ================================================== -->
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/iw-shopify.scss.css?993851" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.carousel.min.css?993851" rel="stylesheet" type="text/css" media="all" />
  <link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.theme.default.min.css?993851" rel="stylesheet" type="text/css" media="all" />
  
  <!-- JS ================================================== -->
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/jquery.3-3-1.min.js?993851" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/owl.carousel.min.js?993851" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/ajaxinate.min.js?993851" type="text/javascript"></script>
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/shopify_common.js?993851" type="text/javascript"></script>
<!-- Global site tag (gtag.js) - Google Ads: 747097825 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=AW-747097825"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'AW-747097825'); </script>
  
  <!-- Vendor CSS/JS -->
  

<div id="LRS">
	<div id="LRS-wrapper">
		<div id="LRS-credit">
			<p id="LRS-amount"></p>
		</div>
		<div id="LRS-copy">
			<p>in available credit</p>
		</div>
		<a id="LRS-link" href="javascript:;" onClick="Loop.goBack()">Go back</a>
	</div>
</div>

<style>
	.loop-returns-activated #LRS{
		transform: translateY(0);
		display: block;
	}
	#loopATC{
		display: none;
	}
    #LRS p{
      margin: 0;
    }
    #LRS div{
      margin: 0;
    }
    /*
    #LRS a:hover{
      background-color: white;
      color: red;
      border: 1px solid white;
      cursor: pointer;
    }
    */
    #LRS{
      width: 100%;
      position: fixed;
      display: none;
      top: auto !important;
      bottom: 0 !important;
      left: 0;
      z-index: 2147483647;
      /*
      background-color: #2f7fd0;
      */
      transform: translateY(100%);
      transition: transform 0.2s;
      font-size: 1rem;
    }
    #LRS.render{
      transform: translateY(-2rem);
    }
    #LRS-wrapper{
      width: 100%;
      display: flex;
      flex-direction: row;
      flex-wrap: wrap;
      align-items: baseline;
      justify-content: flex-start;
      -ms-align-items: center;
    }
    #LRS-amount{
      margin-right: 1.25em !important;
    }
    #LRS-copy p{
    }
    /*
    #LRS-link{
      color: white;
      display: block;
      padding: 0.5rem 1rem;
      margin: 1rem 0.5rem 1rem auto;
      border: 1px solid white;
      transition:  all 0.2s;
      &:hover{
      	color: black;
      	background-color: white;
      }
    }
    */
    #LRS-credit{
    	float: left;
    }


    #LRS__investigation-block{
		position: fixed;
		right: 1rem;
		z-index: 819237;
		top: 1rem;
		width: 500px;
		background-color: #D8D8D8;
		max-height: 320px;
		overflow: hidden;
		border-radius: 4px;
    }

    #LRS__investigation-block p{
		font-size: 1rem;
		color: #2C2C2C;
		margin: 0;
		font-family: helvetica;
		font-weight: 800;
		text-align: center;
    }

    .LRS__investigation-block__item{
		color: black;
		padding: 0.75rem;
		margin:  0.5rem 1rem;
		background-color: white;
		margin-bottom: 1rem;
		font-family: courier;
		font-size: 0.9rem;
		border:  1px solid #D8D8D8;
    }

    .LRS__investigation-block__info{
		padding: 1rem 1rem 0.5rem;
    }

    .LRS__investigation-block__img{
		width: 5rem;
		margin: auto;
    }

    .LRS__investigation-block__header{
    	background-color: #5665D2;
    	width: 100%;
    	padding: 1rem;
    	border-top-left-radius: 4px;
    	border-top-right-radius: 4px;
    }

    .LRS__investigation-block__header{
    	background-color: #5665D2;
    	width: 100%;
    	padding: 0.5rem;
    }

   	.LRS__investigation-block__close{
		position: absolute;
		top: 1rem;
		right: 1rem;
    }

    .LRS__investigation-block__close img{
		width: 1.5rem;
		filter: invert(1);
    }

    .LRS__investigation-block__header img{
    	width: 100%;
    }

    @media screen and (max-width: 680px) {
    	#LRS{
    		z-index: 200;
    		bottom: 3.2rem;
    	}
		#LRS-copy p{
      		font-size: 0.75rem;
    	}
	    #LRS-amount{
	    	font-size: 1.25rem;
	    }
    }
</style>

<script>
	var Loop = {

		data: null,
		status: null,
		tempVariant: null,
		tempInput: null,
		elements: null,
		config: {
			productMode: null,
			variantParam: 'variant',
			targets: {
				url: null,
				input: null,
				options: null,
				attr: null,
				atc: null
			}
		},
		investigator: {
			count: 0
		},

		//PUBLIC FUNCTIONS-----------------------------------------
	    //---------------------------------------------------------

	    //The bread and butter of interactions
	    setup: function(productMode){
	    	//Product Modes*** STRING
	    	//-url
	    	//-input 
	    	//-options
	    	if(productMode === undefined){
	    		//check to see if product mode is config'd
	    		if(this.config.productMode === undefined || this.config.productMode === null){
	    			this._throwError(['Setup Product Mode is undefined.', 'Please look at the Loop Docs to learn how to configure your Product Mode']);
	    			return false;
	    		}
	    		productMode = this.config.productMode;
	    	}

	    	this.config.productMode = productMode;


	    	switch(productMode){
	    		case 'url':
	    			//grab what should be the default variant
	    			

	    			if(Loop.getParams(Loop.config.variantParam)){
	    				this.tempVariant = Loop.getParams(Loop.config.variantParam);
	    			}
	    			this.bindElements();
	    			break;

	    		case 'input':
	    			var input;
	    			if(this.config.targets.input === null){
	    				this._throwError(['Input Element not defined.','Check out our docs to learn how to configure your Loop Settings']);
	    				return false;
	    			}
	    			input = document.querySelectorAll(this.config.targets.input);
	    			if(input.length == 1){
	    				this.bindElements(input);
	    			}else if(input.length == 0){
	    				this._throwError(['Could not find any elements with selector "' + this.config.targets.input +'"', "Double check to make sure 'Loop.config.targets.input' is pointed at the right selector."]);
	    				return false;
	    			}else if(input.length > 1){
	    				this._throwError(['Found multiple elements with selector "' + this.config.targets.input +'"', "Please make sure you are targeting a single input containing the selcted variant id as it's value"]);
	    				return false;
	    			}
	    			break;

	    		case 'options':
	    			var input;
	    			if(this.config.targets.options === null){
	    				this._throwError(['Input Element not defined.','Check out our docs to learn how to configure your Loop Settings']);
	    				return false;
	    			}
	    			input = document.querySelectorAll(this.config.targets.options);
	    			if(input.length == 0){
	    				this._throwError(['Could not find any elements with selector "' + this.config.targets.input +'"', "Double check to make sure 'Loop.config.targets.input' is pointed at the right selector."]);
	    				return false;
	    			}else{
	    				this.bindElements(input);
	    			}
	    			break;
	    		default:
	    			this._throwError(['Error in setup function', 'Check to make sure your configs and/or setup mode are configured correctly']);
	    			break;
	    	}
	    },
	    //used to watch for changes on the PDP
	    //inputs - required, array, binds with options or hidden input
	    //atc - optional, element, binds click event and stops cart
	    bindElements: function(inputs, atc){
	    	if(this.config.productMode === 'input'){
	    		inputs.forEach(function(element){
		   			element.addEventListener('change', function(){
		   				console.log(this.value);
		   			});
	   			});
	    	}
	   		if(atc === undefined){
	   			if(this.config.targets.atc){
	   				atc = document.querySelector(this.config.targets.atc);
	   			} else {
	   				return false;
	   			}
	   		}
	   		atc.addEventListener('click', function(event){
	   			event.preventDefault();
	   			event.stopImmediatePropagation();
	   			Loop.submit(undefined);
	   		});	
	    },
	    //Uses Loop API to create cart
	    //variant - required, string, variant id
	    //callback - optional 
		addToCart: function(variant, callback){
			if(variant === undefined){
				if(this.tempVariant != undefined){
					variant = this.tempVariant;
				} else {
					if(this.config.productMode === 'url'){
						console.log(Loop.getParams(Loop.config.variantParam));
						var paramVar = Loop.getParams(Loop.config.variantParam);
						if(paramVar != false){
							variant = paramVar;
						} else {
							this._throwError('No variant found, check your config');
							return false;
						}
					}else{
						this._throwError('No variant found, check your config');
						return false;
					}
				}
			}
			this.data.cart = variant;
			var payload = {
				cart: variant
			};
			this._requestMachine('POST', 'https://api.loopreturns.com/api/v1/cart/', payload, function(response){
				Loop.data.token = response.token;
				if(callback != undefined){
					console.dir(response);
					callback(response);
				}
			});
		},
		submit: function(variant){
			if(variant === undefined){
				if(this.tempVariant != undefined){
					variant = this.tempVariant;
				}
				if(this.config.productMode === 'url'){
					var paramVar = Loop.getParams(Loop.config.variantParam);
					if(paramVar != false){
						variant = paramVar;
					}
				}
				if(variant === undefined){
					this._throwError('No variant found, check your config');
					return false;
				}
			}
			this.data.cart = variant;
			var payload = {
				cart: variant
			};
			this._requestMachine('POST', 'https://api.loopreturns.com/api/v1/cart/', payload, function(response){
				Loop.data.token = response.token;
				Loop.goBack();
			});
		},
		//update the temp variant
		updateVariant: function(variant, callback){
			if(variant === undefined){
				this._throwError('updateVariant is recieving an undefined variant and cannot update');
				return false;
			}
			this.tempVariant = variant;
			if(callback != undefined){
				callback(tempVariant);
			}
		},
		//Dynamic "back to app" function
		goBack: function(){
	    	Loop.storage.kill('Loop_data');
	    	if(this.data.token != undefined){
		    	window.location.href = "http://" + this.data.loop_domain + "/#/cart/" + this.data.token;
		    }else{
		    	window.location.href = 'http://' + this.data.loop_redirect_url;
	    	} 
	    },
	    //Attach api key and save it
	    setKey: function(key, callback){
	    	if(key === undefined){
				this._throwError('Function not being passed Loop API key');
				return false;
			}
	    	this.data.apiKey = key;
	    	this.storage.set('Loop_data', this.data);
	    	if(callback != undefined){
				callback();
			}
	    },
	    //URL decoder
		getParams: function(param){
			var result = {};
			window.location.search.substr(1).split("&").forEach(function(item){
				var tmp = item.split("=");
				result[tmp[0]] = decodeURIComponent(tmp[1]);
			});
			if(param != undefined){
				if(result[param]){
					return result[param];
				}
				this._throwError('No Params found with keyword: ' + param);
				return false;
			}
			return result;
		},
		//local storage communication
		storage: {
			get: function(storeName){
				return JSON.parse(localStorage.getItem(storeName) || null);
			},
			set: function(storeName, storeData){
				localStorage.setItem(storeName, JSON.stringify(storeData));
			},
			kill: function(storeName){
				localStorage.removeItem(storeName);
			}
		},
		//Binds to variant input often found on PDP
		attachListener: function(id){
			var foundElements = document.querySelectorAll(id);
			if(foundElements.length >= 1){
				foundElements.forEach(function(selector){
					selector.addEventListener('change',function(){
		      			console.log('Variant Changed to: ' + selector);
		        		Loop.tempVariant = document.querySelector(id).value;
		      		});
				});
		    } else {
		    	this._throwError('Cannot find selectors to attach to');
		    }
		},

		interigate: function(target){
			if(target.id != ""){
				return target.id;
   			}else{
   				console.log('No ID on objecting, checking classes');
   				console.log(target.classList);
   				if(target.classList > 0){
   					return target.classList;
   				} else {
   					return Loop.interigate(target.parentElement);
   				}
   			}
		},

		investigate: function(){
			//this requires JQuery unfortunately
			$('body').append('<div id="LRS__investigation-block"><div class="LRS__investigation-block__close"><img src="https://admin.loopreturns.com/img/icons/close.svg"></div><div class="LRS__investigation-block__header"><div class="LRS__investigation-block__img"><img src="https://admin.loopreturns.com/img/LoopLogo_small.png"></div></div><div class="LRS__investigation-block__info"><p>Click the "Add To Cart" Button</p></div></div>');
			document.addEventListener('click', function(event){
				console.log(event);
				Loop.investigator.count++;
				if(Loop.investigator.count > 3){
					firstElem = document.querySelector('.LRS__investigation-block__item');
					firstElem.parentNode.removeChild(firstElem);
				}
				event.preventDefault();
	   			event.stopImmediatePropagation();
	   			var targetSelector = Loop.interigate(event.target);
	   			
				$('#LRS__investigation-block').append('<div class="LRS__investigation-block__item">' + targetSelector + '</div>');
			});
		},

	    //ENCAPSULATED FUNCTIONS-----------------------------------
	    //---------------------------------------------------------

	   	//Vanilla AJAX requests
		_requestMachine: function(type, href, payload, callback){
			var data = null;

			if(payload != undefined){
				data = JSON.stringify(payload);
			}

			var xhr = new XMLHttpRequest();
			xhr.withCredentials = true;

			xhr.addEventListener("readystatechange", function () {
				if (this.readyState === this.DONE) {
				    callback(JSON.parse(this.responseText));
				}
			});

			xhr.open(type, href);
			xhr.setRequestHeader("x-authorization", this.data.apiKey);
			xhr.setRequestHeader("content-type", "application/json");
			xhr.send(data);
		},
	   	//Find global returns bar elements
		_scopeElements: function(){
			this.elements = {
				amount: document.getElementById('LRS-amount'),
				link: document.getElementById('LRS-link'),
				LRS: document.getElementById('LRS')
			};
			
		},
	   	//Renders information to the global returns bar
		_render: function(){
			var that = this;
			document.body.classList.add('loop-returns-activated');
			if(this.data.loop_total != undefined){
				this.elements.amount.innerHTML = this._moneyFilter(that.data.loop_total);
			}else{
				this._throwError(['Cannot find Data on render()'])
			}
		},
	   	//Turn ints into cold hard cash
		_moneyFilter: function(value){
	        if(value !== undefined){
				value = value.toString();
				if(value.length === 1){
					var firstHalf = '0';
					var secondHalf = '0' + value;
				} else if(value.length === 2){
					var firstHalf = '0';
					var secondHalf = value;

				} else {
					var firstHalf = value.slice(0,(value.length - 2));
					var secondHalf = value.substring(value.length, (value.length - 2));
				}

			return '' + firstHalf + '.' + secondHalf;

			} else {
				return '' + value;
			}
	    },
	    //Error control function
	    _throwError: function(error){
	    	console.log('[LOOP ERROR]----------------------------');
	    	if(typeof error === 'string'){
	    		console.log(error);
	    	}else if(Array.isArray(error)){
	    		error.forEach(function(error){
	    			console.log(error);
	    		});
	    	}else{
	    		console.log('Undefined Error');
	    	}
	    },
	    //Initialize Loop on the store
		_init: function(){
			//Check URL to see if user is coming from Loop Returns
			if(window.location.href.indexOf('loop_total') > -1){
				this.storage.set('Loop_data', this.getParams());
				window.history.replaceState({}, 'delete', '/');
			}
			//Check data storage to see if they are still in the middle of a return flow
			this.data = this.storage.get('Loop_data');
			if(this.data != null){
				this.status = 'active';
				this._scopeElements();
				this._render();
			}
		}
	};
	//Set it off
	Loop._init();
	//Loop.investigate();
	
</script>


<!-- PRODUCT DATA -->


<script type="text/javascript">

jQuery(document).ready(function() {
	
	if(Loop.status === 'active') {
		
		Loop.setKey('9bf46f870b0ea110fdd7d5a8e184dbf82f3fb271');
		
		jQuery('.shopping__cart-action').data('LoopActive', 1);
		
		jQuery('.shopping__cart-action').on('click', function(event) {
			var cartItems = [];
			jQuery('.shopping__cart-item').each(function() {
				cartItems.push(jQuery(this).data('id'));
			});
			Loop.submit(cartItems);
		});
		
	}
	
});

</script>


  <!-- Page-Specific CSS/JS -->
  

<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/imagesloaded.js?993851" type="text/javascript"></script>
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/jquery.easing.js?993851" type="text/javascript"></script>


<link href="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/global.css?993851" rel="stylesheet" type="text/css" media="all" />
<script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/global.js?993851" type="text/javascript"></script>


  <!-- Shopify Content -->
  <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta name="google-site-verification" content="J2OQ38Jk-RH8Jt20ocJvEaLEPuj4JBcZLMv_36W3Iqs">
<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/1173112/digital_wallets/dialog">
<meta name="shopify-checkout-api-token" content="d8ef238e71d7beb81bcfff373ec55d62">
<meta id="in-context-paypal-metadata" data-shop-id="1173112" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
<link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/men-denim.atom" />
<link rel="alternate" type="application/json+oembed" href="https://imogeneandwillie.com/collections/men-denim.oembed">
<style media="all">.additional-checkout-button{border:0 !important;border-radius:5px !important;display:inline-block;margin:0 0 10px;padding:0 24px !important;max-width:100%;min-width:150px !important;line-height:44px !important;text-align:center !important}.additional-checkout-button+.additional-checkout-button{margin-left:10px}.additional-checkout-button:last-child{margin-bottom:0}.additional-checkout-button span{font-size:14px !important}.additional-checkout-button img{display:inline-block !important;height:1.3em !important;margin:0 !important;vertical-align:middle !important;width:auto !important}@media (max-width: 500px){.additional-checkout-button{display:block;margin-left:0 !important;padding:0 10px !important;width:100%}}.additional-checkout-button--apple-pay{background-color:#000 !important;color:#fff !important;display:none;font-family:-apple-system, Helvetica Neue, sans-serif !important;min-width:150px !important;white-space:nowrap !important}.additional-checkout-button--apple-pay:hover,.additional-checkout-button--apple-pay:active,.additional-checkout-button--apple-pay:visited{color:#fff !important;text-decoration:none !important}.additional-checkout-button--apple-pay .additional-checkout-button__logo{background:-webkit-named-image(apple-pay-logo-white) center center no-repeat !important;background-size:auto 100% !important;display:inline-block !important;vertical-align:middle !important;width:3em !important;height:1.3em !important}@media (max-width: 500px){.additional-checkout-button--apple-pay{display:none}}.additional-checkout-button--google-pay{line-height:0 !important;padding:0 !important;border-radius:unset !important;width:80px !important}@media (max-width: 500px){.additional-checkout-button--google-pay{width:100% !important}}.gpay-iframe{height:44px !important;width:100%  !important;cursor:pointer;vertical-align:middle !important}.additional-checkout-button--paypal-express{background-color:#ffc439 !important}.additional-checkout-button--paypal,.additional-checkout-button--venmo{vertical-align:top;line-height:0 !important;padding:0 !important}.additional-checkout-button--amazon{background-color:#fad676 !important;position:relative !important}.additional-checkout-button--amazon .additional-checkout-button__logo{-webkit-transform:translateY(4px) !important;transform:translateY(4px) !important}.additional-checkout-button--amazon .alt-payment-list-amazon-button-image{max-height:none !important;opacity:0 !important;position:absolute !important;top:0 !important;left:0 !important;width:100% !important;height:100% !important}.additional-checkout-button-visually-hidden{border:0 !important;clip:rect(0, 0, 0, 0) !important;clip:rect(0 0 0 0) !important;width:1px !important;height:1px !important;margin:-2px !important;overflow:hidden !important;padding:0 !important;position:absolute !important}
</style>
<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":1173112,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/1173112","merchantName":"imogene + willie","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover"],"total":{"type":"pending","label":"imogene + willie","amount":"1.00"}}</script>
<script id="shopify-features" type="application/json">{"accessToken":"d8ef238e71d7beb81bcfff373ec55d62","betas":[],"domain":"imogeneandwillie.com","predictiveSearch":true,"shopId":1173112,"smart_payment_buttons_url":"https:\/\/cdn.shopifycloud.com\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/cdn.shopifycloud.com\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js"}</script>
<script>var Shopify = Shopify || {};
Shopify.shop = "imogeneandwillie.myshopify.com";
Shopify.currency = {"active":"USD","rate":"1.0"};
Shopify.theme = {"name":"timber","id":33110851626,"theme_store_id":null,"role":"main"};
Shopify.theme.handle = "null";
Shopify.theme.style = {"id":null,"handle":null};</script>
<script>window.ShopifyPay = window.ShopifyPay || {};
window.ShopifyPay.apiHost = "pay.shopify.com";</script>
<script>(function() {
  function asyncLoad() {
    var urls = ["\/\/d1liekpayvooaz.cloudfront.net\/apps\/customizery\/customizery.js?shop=imogeneandwillie.myshopify.com","https:\/\/chimpstatic.com\/mcjs-connected\/js\/users\/b17a71e65343348cbf9dd74fe\/8b149e2470fe8cef9d5099c5f.js?shop=imogeneandwillie.myshopify.com"];
    for (var i = 0; i < urls.length; i++) {
      var s = document.createElement('script');
      s.type = 'text/javascript';
      s.async = true;
      s.src = urls[i];
      var x = document.getElementsByTagName('script')[0];
      x.parentNode.insertBefore(s, x);
    }
  };
  if(window.attachEvent) {
    window.attachEvent('onload', asyncLoad);
  } else {
    window.addEventListener('load', asyncLoad, false);
  }
})();</script>
<script id="__st">var __st={"a":1173112,"offset":-21600,"reqid":"80aadac7-0a53-4790-9bf8-a0ba6d1da758","pageurl":"imogeneandwillie.com\/collections\/men-denim","u":"b29ca0c76f41","p":"collection","rtyp":"collection","rid":63521488938};</script>
<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
<script>window.Shopify = window.Shopify || {};
window.Shopify.Checkout = window.Shopify.Checkout || {};
window.Shopify.Checkout.apiHost = "imogeneandwillie.myshopify.com";</script>
<script>window.ShopifyAnalytics = window.ShopifyAnalytics || {};
window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
window.ShopifyAnalytics.meta.currency = 'USD';
var meta = {"page":{"pageType":"collection","resourceType":"collection","resourceId":63521488938}};
for (var attr in meta) {
  window.ShopifyAnalytics.meta[attr] = meta[attr];
}</script>
<script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() {
  
};
</script>
<script class="analytics">(window.gaDevIds=window.gaDevIds||[]).push('BwiEti');


(function () {
  var customDocumentWrite = function(content) {
    var jquery = null;

    if (window.jQuery) {
      jquery = window.jQuery;
    } else if (window.Checkout && window.Checkout.$) {
      jquery = window.Checkout.$;
    }

    if (jquery) {
      jquery('body').append(content);
    }
  };

  var isDuplicatedThankYouPageView = function() {
    return document.cookie.indexOf('loggedConversion=' + window.location.pathname) !== -1;
  }

  var setCookieIfThankYouPage = function() {
    if (window.location.pathname.indexOf('/checkouts') !== -1 &&
        window.location.pathname.indexOf('/thank_you') !== -1) {

      var twoMonthsFromNow = new Date(Date.now());
      twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);

      document.cookie = 'loggedConversion=' + window.location.pathname + '; expires=' + twoMonthsFromNow;
    }
  }

  var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
  if (trekkie.integrations) {
    return;
  }
  trekkie.methods = [
    'identify',
    'page',
    'ready',
    'track',
    'trackForm',
    'trackLink'
  ];
  trekkie.factory = function(method) {
    return function() {
      var args = Array.prototype.slice.call(arguments);
      args.unshift(method);
      trekkie.push(args);
      return trekkie;
    };
  };
  for (var i = 0; i < trekkie.methods.length; i++) {
    var key = trekkie.methods[i];
    trekkie[key] = trekkie.factory(key);
  }
  trekkie.load = function(config) {
    trekkie.config = config;
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.onerror = function(e) {
      (new Image()).src = '//v.shopify.com/internal_errors/track?error=trekkie_load';
    };
    script.async = true;
    script.src = 'https://cdn.shopify.com/s/javascripts/tricorder/trekkie.storefront.min.js?v=2017.09.05.1';
    var first = document.getElementsByTagName('script')[0];
    first.parentNode.insertBefore(script, first);
  };
  trekkie.load(
    {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":1173112,"isMerchantRequest":null,"themeId":33110851626,"themeCityHash":15989687408888247,"contentLanguage":"en"}},"Performance":{"navigationTimingApiMeasurementsEnabled":true,"navigationTimingApiMeasurementsSampleRate":0.01},"StorefrontPerformance":{"navigationTimingApiMeasurementsEnabled":true,"navigationTimingApiMeasurementsSampleRate":0.01},"Google Analytics":{"trackingId":"UA-66500920-1","domain":"auto","siteSpeedSampleRate":"10","enhancedEcommerce":true,"doubleClick":true,"includeSearch":true},"Facebook Pixel":{"pixelIds":["1282233025145485"],"agent":"plshopify1.2"},"Google Gtag Pixel":{"conversionId":"AW-747097825","eventLabels":[{"type":"page_view","action_label":"AW-747097825\/eH5QCPGsiKEBEOGdn-QC"},{"type":"purchase","action_label":"AW-747097825\/R_kvCPSsiKEBEOGdn-QC"},{"type":"view_item","action_label":"AW-747097825\/ETCuCPesiKEBEOGdn-QC"},{"type":"add_to_cart","action_label":"AW-747097825\/0PCUCPqsiKEBEOGdn-QC"},{"type":"begin_checkout","action_label":"AW-747097825\/MBnpCP2siKEBEOGdn-QC"},{"type":"search","action_label":"AW-747097825\/LdrRCICtiKEBEOGdn-QC"},{"type":"add_payment_info","action_label":"AW-747097825\/dCezCIOtiKEBEOGdn-QC"}],"targetCountry":"US"},"Session Attribution":{}}
  );

  var loaded = false;
  trekkie.ready(function() {
    if (loaded) return;
    loaded = true;

    window.ShopifyAnalytics.lib = window.trekkie;
    
      ga('require', 'linker');
      function addListener(element, type, callback) {
        if (element.addEventListener) {
          element.addEventListener(type, callback);
        }
        else if (element.attachEvent) {
          element.attachEvent('on' + type, callback);
        }
      }
      function decorate(event) {
        event = event || window.event;
        var target = event.target || event.srcElement;
        if (target && (target.getAttribute('action') || target.getAttribute('href'))) {
          ga(function (tracker) {
            var linkerParam = tracker.get('linkerParam');
            document.cookie = '_shopify_ga=' + linkerParam + '; ' + 'path=/';
          });
        }
      }
      addListener(window, 'load', function(){
        for (var i=0; i < document.forms.length; i++) {
          var action = document.forms[i].getAttribute('action');
          if(action && action.indexOf('/cart') >= 0) {
            addListener(document.forms[i], 'submit', decorate);
          }
        }
        for (var i=0; i < document.links.length; i++) {
          var href = document.links[i].getAttribute('href');
          if(href && href.indexOf('/checkout') >= 0) {
            addListener(document.links[i], 'click', decorate);
          }
        }
      });
    

    var originalDocumentWrite = document.write;
    document.write = customDocumentWrite;
    try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
    document.write = originalDocumentWrite;

    if (!isDuplicatedThankYouPageView()) {
      setCookieIfThankYouPage();
      
        window.ShopifyAnalytics.lib.page(
          null,
          {"pageType":"collection","resourceType":"collection","resourceId":63521488938}
        );
      
      
        window.ShopifyAnalytics.lib.track(
          "Viewed Product Category",
          {"currency":"USD","category":"Collection: men-denim","nonInteraction":true}
        );
      
    }
  });

  
      var eventsListenerScript = document.createElement('script');
      eventsListenerScript.async = true;
      eventsListenerScript.src = "//cdn.shopify.com/s/assets/shop_events_listener-acf771159f9849ef6e5265782c99efe8b99406214c96a4373224ecafe285d7bb.js";
      document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
    
})();</script>
<script crossorigin="anonymous" defer="defer" src="//cdn.shopify.com/s/assets/shopify_pay/storefront-8ddbd55cc19e1ebbff92d676e1481c8e6b42e0c2714d3fdf6b810b1f193347b8.js?v=20190107"></script>
<script integrity="sha256-ZGMHgi9G7WU+Z7WiP2suSn84yzoN83sGf9nMWJhVHAw=" defer="defer" src="//cdn.shopify.com/s/assets/storefront/express_buttons-646307822f46ed653e67b5a23f6b2e4a7f38cb3a0df37b067fd9cc5898551c0c.js" crossorigin="anonymous"></script>
<script integrity="sha256-qzPTa4Ven/Yc2yyXr9BKZWCTXSrPTCnbGdWsxA7YCw0=" defer="defer" src="//cdn.shopify.com/s/assets/storefront/features-ab33d36b855e9ff61cdb2c97afd04a6560935d2acf4c29db19d5acc40ed80b0d.js" crossorigin="anonymous"></script>
<script defer="defer" src="//cdn.shopify.com/s/assets/themes_support/ga_urchin_forms-99e991855b3d8ddc69e625c68ab0579dd9927b611c2ec4943d396c72e3af0849.js"></script>


<style id="shopify-dynamic-checkout-cart">@media screen and (min-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 50px;
  }
}

@media screen and (max-width: 750px) {
  #dynamic-checkout-cart {
    min-height: 240px;
  }
}
</style>
<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
  
</head><body id="men-denim" class="template-collection" >

  <!-- mobile checker -->
  <div class="mc"></div>

  <!-- All-Page Banner --><div id="shopify-section-allpagebanner" class="shopify-section">
<div id="allpagebanner"><div class="allpagebanner-box" id="allpagebanner-1555008806733"><div class="swd-banner">
<!--
 --><div class="swd-banner-1">
<!--
	 --><div class="swd-banner-1-a"></div>
<!--
	 --><div class="swd-banner-1-b"></div>
<!--
 -->
</div>
<!--
 --><div class="swd-banner-2">FREE SHIPPING ON ALL DOMESTIC ORDERS OVER $100</div>
<!--
 --><div class="swd-banner-3">
<!--
	 --><div class="swd-banner-3-a"></div>
<!--
	 --><div class="swd-banner-3-b">
<span></span>
</div>
<!--
	 --><div class="swd-banner-3-a"></div>
<!--
 -->
</div>
<!--
-->
<div class="banner-pad"></div>
</div>
</div></div>

<script type="text/javascript">

// ************************************************** //


Date.prototype.stdTimezoneOffset = function () {
	var jan = new Date(this.getFullYear(), 0, 1);
	var jul = new Date(this.getFullYear(), 6, 1);
	return Math.max(jan.getTimezoneOffset(), jul.getTimezoneOffset());
}

Date.prototype.isDstObserved = function () {
	return this.getTimezoneOffset() < this.stdTimezoneOffset();
}

function dateToCentral(dateUTC) {
	timeUTC = dateUTC.getTime();
	// if daylight savings time is ON
	if(new Date().isDstObserved()) {
		// Central Time is UTC-5h Daylight Savings Time
		// -5 + 4 (?) = -1
		// (3600000 = convert hours to milliseconds)
		return new Date(timeUTC + (-1 * 3600000));
	}
	// if daylight savings time is OFF
	else {
		// Central Time is UTC-6h Standard
		// -6 + 4 (?) = -2
		// (3600000 = convert hours to milliseconds)
		return new Date(timeUTC + (-2 * 3600000));
	}
}

function timeToCentral(timeUTC) {
	// if daylight savings time is ON
	if(new Date().isDstObserved()) {
		// Central Time is UTC-5h Daylight Savings Time
		// -5 + 4 (?) = -1
		// (3600000 = convert hours to milliseconds)
		return (timeUTC + (-1 * 3600000));
	}
	// if daylight savings time is OFF
	else {
		// Central Time is UTC-6h Standard
		// -6 + 4 (?) = -2
		// (3600000 = convert hours to milliseconds)
		return (timeUTC + (-2 * 3600000));
	}
}

function dateToTimeUTC(dateLocal) {
	if(dateLocal == 'undefined') {
		dateLocal = new Date();
	}
	return Date.UTC(
		dateLocal.getUTCFullYear(),
		dateLocal.getUTCMonth(),
		dateLocal.getUTCDate(),
		dateLocal.getUTCHours(),
		dateLocal.getUTCMinutes(),
		dateLocal.getUTCSeconds(),
		dateLocal.getUTCMilliseconds()
	);
}

function leadingZeros(i, x) {
	// i = input (as int or string)
	// x = num digits
	var o = i.toString();
	if(o.length < x) {
		var arr = [];
		for(var k = 0; k < (x - o.length); k++) {
			arr.push('0');
		}
		arr.push(o);
		o = arr.join('');
	}
	return o;
}

function humanDate(y, m, d, th, tm, ts) {
	if(typeof th == 'undefined') {
		th = 0;
	}
	if(typeof tm == 'undefined') {
		tm = 0;
	}
	if(typeof ts == 'undefined') {
		ts = 0;
	}
	return new Date(y, (m - 1), d, th, tm, ts, 0);
}

function humanTime(y, m, d, th, tm, ts) {
	if(typeof th == 'undefined') {
		th = 0;
	}
	if(typeof tm == 'undefined') {
		tm = 0;
	}
	if(typeof ts == 'undefined') {
		ts = 0;
	}
	return new Date(y, (m - 1), d, th, tm, ts, 0).getTime();
}

// *** //

function outputDateHuman(d) {
	var o = '';
	o += d.getFullYear();
	o += '-';
	o += leadingZeros((d.getMonth() + 1), 2);
	o += '-';
	o += leadingZeros(d.getDate(), 2);
	o += '@';
	o += leadingZeros(d.getHours(), 2);
	o += ':';
	o += leadingZeros(d.getMinutes(), 2);
	o += ':';
	o += leadingZeros(d.getSeconds(), 2);
	o += ':';
	o += leadingZeros(d.getMilliseconds(), 3);
	return o;
}

function outputDateHumanUTC(d) {
	var o = '';
	o += d.getUTCFullYear();
	o += '-';
	o += leadingZeros((d.getUTCMonth() + 1), 2);
	o += '-';
	o += leadingZeros(d.getUTCDate(), 2);
	o += '@';
	o += leadingZeros(d.getUTCHours(), 2);
	o += ':';
	o += leadingZeros(d.getUTCMinutes(), 2);
	o += ':';
	o += leadingZeros(d.getUTCSeconds(), 2);
	o += ':';
	o += leadingZeros(d.getUTCMilliseconds(), 3);
	return o;
}

function outputDateNum(d) {
	var o = '';
	o += d.getUTCFullYear();
	o += leadingZeros((d.getUTCMonth() + 1), 2);
	o += leadingZeros(d.getUTCDate(), 2);
	o += leadingZeros(d.getUTCHours(), 2);
	o += leadingZeros(d.getUTCMinutes(), 2);
	o += leadingZeros(d.getUTCSeconds(), 2);
	o += leadingZeros(d.getUTCMilliseconds(), 3);
	return o;
}

// *** //

// messages

var banner = {
	'messages': [],
	'end': timeToCentral(humanTime(2020, 12, 12))
};


banner.messages.push({
	'id': '1555008806733',
	'date': timeToCentral(humanTime(2018, 12, 12))
});
	

function banner_display(banner, now) {
	if(typeof now == 'undefined') {
		// now in UTC
		now = new Date().getTime();
	}
//console.warn( 'NOW LOCAL', outputDateHuman(new Date(now)), now );
//console.warn( 'NOW UTC', outputDateHumanUTC(new Date(now)), now );
	for(var i = 0; i < banner.messages.length; i++) {
		if(now >= banner.messages[i].date) {
			// not last
			if(i != (banner.messages.length - 1)) {
				if(now < banner.messages[i + 1].date) {
					// hide all
					$('.allpagebanner-box').removeClass('active');
					// show this
					if(!$('#allpagebanner-' + banner.messages[i].id).hasClass('active')) {
						$('#allpagebanner-' + banner.messages[i].id).addClass('active');
					}
//console.warn( '[i=' + i + ']' );
//console.warn( 'BANNER LOCAL', outputDateHuman(new Date(banner.messages[i].date)), banner.messages[i].date );
//console.warn( 'BANNER UTC', outputDateHumanUTC(new Date(banner.messages[i].date)), banner.messages[i].date );
//console.warn( '[match]' );
					break;
				}
			}
			// is last
			else {
				if(now < banner.end) {
					// hide all
					$('.allpagebanner-box').removeClass('active');
					// show this
					if(!$('#allpagebanner-' + banner.messages[i].id).hasClass('active')) {
						$('#allpagebanner-' + banner.messages[i].id).addClass('active');
					}
//console.warn( '[LAST / ' + banner.messages[i].id + ']', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
					break;
				}
				else {
					// hide all
					$('.allpagebanner-box').removeClass('active');
//console.warn( 'hide banner ... messages have completed', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
					break;
				}
			}
		}
		else {
			// hide all
			$('.allpagebanner-box').removeClass('active');
//console.warn( 'hide banner ... messages have not yet started', '[now=' + now + '] / [match=' + banner.messages[i].date + ']' );
			break;
		}
	}
}

banner_display(banner);

// fire every minute (60000 milliseconds)
banner_int = setInterval(banner_display, 60000, banner);

	
// ************************************************** //

function header_spacer() {
	
	// desktop
	if(jQuery(window).outerWidth() >= 900) {
		// logo
		$('.responsive__logo').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// main nav
		$('.main__nav-linksbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// main nav - children boxes
		$('.main__nav-childrenbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// aux links
		$('.main__nav-auxlinksbox').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
		// banner itself
		$('#allpagebanner').css('position', '');
		$('#allpagebanner').css('top', '');
		// content spacer
		//$('header.main__desktop').css('margin-top', $('#allpagebanner').outerHeight() + 'px');
	}
	// mobile
	else {
		// logo
		$('.responsive__logo').css('margin-top', '');
		// main nav
		$('.main__nav-linksbox').css('margin-top', '');
		// main nav - children boxes
		$('.main__nav-childrenbox').css('margin-top', '');
		// aux links
		$('.main__nav-auxlinksbox').css('margin-top', '');
		// banner itself
		$('#allpagebanner').css('position', 'relative');
		$('#allpagebanner').css('top', $('.responsive__logo-outer').outerHeight() + 'px');
		// content spacer
		//$('header.main__desktop').css('margin-top', '');
	}
	
}

header_spacer();

$(document).ready(function() {
	header_spacer();
	function header_on_scroll() {
	}
	function header_on_resize() {
		header_on_scroll();
		header_spacer();
	}
	header_on_resize();
	$(window).resize(header_on_resize);
	window.addEventListener('orientationchange', header_on_resize);
});

// ************************************************** //

</script>
</div><!-- Site Header --><div id="shopify-section-responsive-head" class="shopify-section"><header class="main__desktop">
  <div class="responsive__logo-outer"><!--
    --><div class="responsive__logo "><!--
      --><div class="responsive__logo-w"></div><!--
      --><div class="responsive__logo-b"></div><!--
    --></div><!--
--></div>
  <nav class="main__nav ">

  <div class="main__nav-linksbox">
    <div class="main__nav-links">

  
      <div class="nav__links-main" data-link-number="1">
        <a href="/pages/the-beginning">our hom<span class="lsf">e</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="2">
        <a href="/collections/shop">sho<span class="lsf">p</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="3">
        <a href="/collections/denim">the jean<span class="lsf">s</span></a>
      </div>

  
      <div class="nav__links-main" data-link-number="4">
        <a href="https://journal.imogeneandwillie.com/">journa<span class="lsf">l</span></a>
      </div>

      <div class="nav__links-clear"></div>
    </div>
  </div><div class="main__nav-auxlinksbox">
    <div class="main__nav-auxlinks"><!--
  
      --><div class="main__nav-auxlink"><a href="/account">account</a></div><!--
  
      --><div class="main__nav-auxlink"><a href="javascript:;" onclick="dsearch();">search</a></div><!--
      --><div class="shopping__bag-link">bag<span class="main__nav-bagCount"></span></div><!--
    --></div>
  </div><div class="main__nav-childrenbox">


    <div
      class="main__nav-children"
      data-children-number="1"
      data-no-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/pages/the-beginning">the beginning</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/nashville">nashville</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/supper-and-song">supper + song</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="http://lovefades.imogeneandwillie.com/">love fades</a>
      
      
      </div>
    
    </div>
  

    <div
      class="main__nav-children"
      data-children-number="2"
      data-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/collections/denim">Denim</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/slim">Slim</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/straight">Straight</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/skinny">Skinny</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/indigo">Indigo</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/black">Black</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/natural">Natural</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/men">Men</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-denim">Denim</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-tshirts">T-Shirts</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-tops">Tops</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-belts">Belts</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-loungewear">Loungewear</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/men-essentials">Essentials</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/women">Women</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-denim">Denim</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-tshirts">T-Shirts</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-tops">Tops</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-trousers">Trousers</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-loungewear">Loungewear</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/women-necessities">Necessities</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/one-of-a-kind">one of a kind</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/made-by-matt-1">made by matt</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/st-christopher">st. christopher</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/hand-engraved">hand engraved</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind-textiles">textiles</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind-jewelry">jewelry</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/one-of-a-kind-motorcycle">motorcycle</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/object">Object</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-kitchen">Kitchen</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-bath">Bath</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-textiles">Textiles</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/object-scent">Scent</a>
          </div>
        
        </div>
        
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/new-arrivals">Feature</a>
      
      
        <div class="main__nav-grandchildren">
        
          <div class="nav__grandchildren-child">
            <a href="/collections/new-arrivals">new arrivals</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/top-picks">top picks</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/under-50">under $50</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/graphic-content">graphic tees</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/iw-socks">i+w socks</a>
          </div>
        
          <div class="nav__grandchildren-child">
            <a href="/collections/mostly-monochrome">mostly monochrome</a>
          </div>
        
        </div>
        
          
        <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
          
        
      </div>
    
    </div>
  

    <div
      class="main__nav-children"
      data-children-number="3"
      data-no-grandchildren="true"
    >
    
      <div class="nav__children-child">
        <a href="/pages/the-process">the process</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/denim-care">denim care</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/pages/denim-repair">denim repair</a>
      
      
      </div>
    
      <div class="nav__children-child">
        <a href="/collections/denim">shop denim</a>
      
      
      </div>
    
    </div>
  

    <div
      class="main__nav-children empty"
      data-children-number="4"
      data-no-grandchildren="true"
    ></div>
  </div>

</nav>

  <div class="mobile__nav-trigger ">
  menu
</div>
<a class="mobile__nav-bagicon" href="javascript:;"><svg enable-background="new 0 0 12 16" height="16" viewBox="0 0 12 16" width="12" xmlns="http://www.w3.org/2000/svg"><g fill="#1a1a1a"><path d="m12 16h-12v-12h12zm-10.5-1.5h9v-9h-9z"/><path d="m10.25 4.25h-1.5c0-1.5166-1.2334-2.75-2.75-2.75s-2.75 1.2334-2.75 2.75h-1.5c0-2.34326 1.90674-4.25 4.25-4.25s4.25 1.90674 4.25 4.25z"/></g></svg></a>
<div class="mobile__nav">
  <div class="mobile__nav-main">
    <div class="mobile__nav-search">
      <form method="get" action="/search">
        <input type="hidden" name="type" value="product" />
        <input type="text" class="msearch-field" id="msearch" name="q" placeholder="search" value="" />
      </form>
    </div>
    <div class="mobile__nav-mainLinks"><div class="mobile__nav-mainLink" data-link-number="1">
          <a href="/pages/the-beginning">our hom<span class="lsf">e</span></a><div
              class="mobile__nav-children"
              data-children-number="1"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/the-beginning">the beginning</a></div><div class="mobile__nav-child">
                  <a href="/pages/nashville">nashville</a></div><div class="mobile__nav-child">
                  <a href="/pages/supper-and-song">supper + song</a></div><div class="mobile__nav-child">
                  <a href="http://lovefades.imogeneandwillie.com/">love fades</a></div><div class="mobile__nav-child">
                  <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
                </div></div></div><div class="mobile__nav-mainLink" data-link-number="2">
          <a href="/collections/shop">sho<span class="lsf">p</span></a><div
              class="mobile__nav-children"
              data-children-number="2"><div class="mobile__nav-child">
                  <a href="/collections/denim">Denim</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/denim">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/slim">Slim</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/straight">Straight</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/skinny">Skinny</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/indigo">Indigo</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/black">Black</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/natural">Natural</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/men">Men</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/men">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-denim">Denim</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-tshirts">T-Shirts</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-tops">Tops</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-belts">Belts</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-loungewear">Loungewear</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/men-essentials">Essentials</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/women">Women</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/women">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-denim">Denim</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-tshirts">T-Shirts</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-tops">Tops</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-trousers">Trousers</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-loungewear">Loungewear</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/women-necessities">Necessities</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/one-of-a-kind">one of a kind</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind">all</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/made-by-matt-1">made by matt</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/st-christopher">st. christopher</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/hand-engraved">hand engraved</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind-textiles">textiles</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind-jewelry">jewelry</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/one-of-a-kind-motorcycle">motorcycle</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/object">Object</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/object-kitchen">Kitchen</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/object-bath">Bath</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/object-textiles">Textiles</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/object-scent">Scent</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a href="/collections/new-arrivals">Feature</a><div class="mobile__nav-grandchildren"><div class="mobile__nav-grandchild">
                          <a href="/collections/new-arrivals">new arrivals</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/top-picks">top picks</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/under-50">under $50</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/graphic-content">graphic tees</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/iw-socks">i+w socks</a>
                        </div><div class="mobile__nav-grandchild">
                          <a href="/collections/mostly-monochrome">mostly monochrome</a>
                        </div></div></div><div class="mobile__nav-child">
                  <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
                </div></div></div><div class="mobile__nav-mainLink" data-link-number="3">
          <a href="/collections/denim">the jean<span class="lsf">s</span></a><div
              class="mobile__nav-children"
              data-children-number="3"data-no-grandchildren="true"><div class="mobile__nav-child">
                  <a href="/pages/the-process">the process</a></div><div class="mobile__nav-child">
                  <a href="/pages/denim-care">denim care</a></div><div class="mobile__nav-child">
                  <a href="/pages/denim-repair">denim repair</a></div><div class="mobile__nav-child">
                  <a href="/collections/denim">shop denim</a></div><div class="mobile__nav-child">
                  <a class="sale-link" href="https://imogeneandwillie.com/collections/sale">SALE</a>
                </div></div></div><div class="mobile__nav-mainLink" data-link-number="4">
          <a href="https://journal.imogeneandwillie.com/">journa<span class="lsf">l</span></a></div></div>
    <div class="mobile__nav-close"></div>

    <div class="mobile__nav-openBagWrapper shopping__cart-open">
      <div class="mobile__nav-openBag">
        bag<span class="mobile__nav-bagCount"></span>
      </div>
    </div>

  </div><section class="shopping__cart">
  <article class="shopping__cart-items">
  </article>

  <div class="shopping__cart-backOrClose"></div>

  <div class="shopping__cart-actionWrapper">
    <div class="shopping__cart-action"></div>
  </div>
</section>
</div>
</header>

<div class="m-header-spacing"></div>
</div><!-- Search -->
<div id="search">
	<div class="search-logobox"><a class="search-logo" href="https://imogeneandwillie.com/"></a></div>
	<div class="search-instructions">PRESS ESC TO CLOSE</div>
	<a class="search-close" href="javascript:;"></a>
	<div class="search-body">
		<div class="search-field">
			<form method="get" action="/search">
				<input type="hidden" name="type" value="product" />
				<input type="text" class="dsearch-field" id="dsearch" name="q" placeholder="type your search" value="" />
			</form>
		</div>
	</div>
</div>
<!-- Shopify Content -->
  <article class="main__content">
    <div class="page-pad"></div><section class="collection__page" id="collection-men-denim">
  <header class="collection__page-header"><article class="site__breadcrumb module-t-s"><span class="site__breadcrumb-separator"></span><a href="/collections/shop">shop</a><span class="site__breadcrumb-separator"></span><a href="/collections/men">Men</a><span class="site__breadcrumb-separator"></span><a href="/collections/men-denim">Denim</a></article></header><article class="collection__page-grid"><div class="page__grid-extras"><div class="page__grid-link active">
      <a href="/collections/men">Me<span class="lsf">n</span></a>
    </div><div class="page__grid-link active">
          <a href="/collections/men-denim">Deni<span class="lsf">m</span></a>
        </div><div class="page__grid-childlink fsf"><a href="/collections/men-denim-slim">slim</a>
          </div><div class="page__grid-childlink"><a href="/collections/men-denim-straight">straight</a>
          </div><div class="page__grid-childlink"><a href="/collections/men-denim-skinny">skinny</a>
          </div><div class="page__grid-childlink"><a href="/collections/men-denim-indigo">indigo</a>
          </div><div class="page__grid-childlink"><a href="/collections/men-denim-black">black</a>
          </div><div class="page__grid-childlink"><a href="/collections/men-denim-washed">washed</a>
          </div><div class="page__grid-link">
          <a href="/collections/men-tshirts">T-Shirts</a>
        </div><div class="page__grid-link">
          <a href="/collections/men-tops">Tops</a>
        </div><div class="page__grid-link">
          <a href="/collections/men-belts">Belts</a>
        </div><div class="page__grid-link">
          <a href="/collections/men-loungewear">Loungewear</a>
        </div><div class="page__grid-link">
          <a href="/collections/men-essentials">Essentials</a>
        </div></div><div class="page__grid-extras mobile">
    <div class="grid__links-wrapper"><div class="grid__links-controller">
        <div class="grid__links-title" data-link="collection">
          <span>collection</span>
        </div>
      </div>
      <div class="grid__links-controller">
        <div class="grid__links-collection" data-link="collection">
          <div class="page__grid-link active">
            <a href="/collections/men">Me<span class="lsf">n</span></a>
          </div><div class="page__grid-link active">
                <a href="/collections/men-denim">Deni<span class="lsf">m</span></a>
              </div><div class="page__grid-childlink fsf"><a href="/collections/men-denim-slim">slim</a>
                </div><div class="page__grid-childlink"><a href="/collections/men-denim-straight">straight</a>
                </div><div class="page__grid-childlink"><a href="/collections/men-denim-skinny">skinny</a>
                </div><div class="page__grid-childlink"><a href="/collections/men-denim-indigo">indigo</a>
                </div><div class="page__grid-childlink"><a href="/collections/men-denim-black">black</a>
                </div><div class="page__grid-childlink"><a href="/collections/men-denim-washed">washed</a>
                </div><div class="page__grid-link">
                <a href="/collections/men-tshirts">T-Shirts</a>
              </div><div class="page__grid-link">
                <a href="/collections/men-tops">Tops</a>
              </div><div class="page__grid-link">
                <a href="/collections/men-belts">Belts</a>
              </div><div class="page__grid-link">
                <a href="/collections/men-loungewear">Loungewear</a>
              </div><div class="page__grid-link">
                <a href="/collections/men-essentials">Essentials</a>
              </div></div>
      </div>
    </div>
  </div><div class="page__grid-items"><div class="AjaxinateLoop">
<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-natural">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-natural-02_800x.jpg?v=1560364387"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-natural-01_800x.jpg?v=1560364382"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-natural"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">barton slim natural selvage rinse</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">29&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/charlie-indigo-rigid-jp">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/bs_800x.jpg?v=1560606471"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlie-rigid-jp02_800x.jpg?v=1560606462"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/charlie-indigo-rigid-jp"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">charlie indigo rigid jp</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;38&nbsp;40</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-indigo-rigid-jp">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/bs_979b40e5-bd44-4762-8067-a749509b1ada_800x.jpg?v=1560606644"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-rigid_04_a654913b-7dd0-4da6-8c05-484d9a7ddcf5_800x.jpg?v=1560606637"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-indigo-rigid-jp"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">barton slim indigo rigid jp</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;38&nbsp;40</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/charlie-black-rigid">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlieblack01_bc012726-41dc-422f-89bd-df7cc2ea9387_800x.jpg?v=1558024273"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlieblack02_800x.jpg?v=1558024273"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/charlie-black-rigid"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">charlie black rigid</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;38&nbsp;40</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-indigo">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-stretch01_800x.jpg?v=1558026119"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-stretch07_800x.jpg?v=1558026134"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-indigo"><div class="item__details-price"><span>195.00</span></div><div class="item__details-title">barton slim indigo</div>
      <div class="item__details-tags">12.5oz slim leg, limited edition Cone denim    &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;38&nbsp;40</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/willie-sullivan">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene_willie_sullivan_01_6b43db55-c879-456b-aeb4-728f0eef470d_800x.jpg?v=1558024227"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene_willie_sullivan_02_800x.jpg?v=1558024227"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/willie-sullivan"><div class="item__details-price"><span>278.00</span></div><div class="item__details-title">willie sullivan</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-indigo-rigid-le">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-le01_57ae6fde-f35b-4480-a127-49db56cd95ed_800x.jpg?v=1558024675"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-le08_800x.jpg?v=1558024675"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-indigo-rigid-le"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">limited edition barton slim indigo rigid</div>
      <div class="item__details-tags">14.75oz slim leg, limited edition Cone denim    &nbsp;
      </div>
      <div class="item__details-sizes">29&nbsp;30&nbsp;34&nbsp;36&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/charlie-indigo-rigid-1">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlie-le01_b2562009-e049-4608-b587-1f7af9ceea75_800x.jpg?v=1558024819"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlie-le02_460641f0-e5cb-405f-b1e4-94e9c13afb6f_800x.jpg?v=1558024819"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/charlie-indigo-rigid-1"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">limited edition charlie indigo rigid</div>
      <div class="item__details-tags">14.75oz super slim leg, limited edition Cone denim   &nbsp;
      </div>
      <div class="item__details-sizes">28&nbsp;29&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-eldorado">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/bartonel08_2_800x.jpg?v=1558024611"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/bartonel09_2_aa7d6c94-ce8f-45af-877d-339eef79e42d_800x.jpg?v=1558024611"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-eldorado"><div class="item__details-price"><span>278.00</span></div><div class="item__details-title">barton slim eldorado</div>
      <div class="item__details-tags">14.75oz slim leg, cone mills indigo selvage denim   &nbsp;
      </div>
      <div class="item__details-sizes">30&nbsp;31&nbsp;34&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-black-rigid">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/new-barton-slim-black01_1_27b55f47-a338-43e9-a26a-3ddaf3f9dbd8_800x.jpg?v=1558024349"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/new-barton-slim-black02_1_800x.jpg?v=1558024349"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-black-rigid"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">barton slim black</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;31&nbsp;32&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/charlie-winslow">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlie-winslow01_7f180ebb-085c-44a8-8e8f-f84f91c8d603_800x.jpg?v=1558025326"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlie-winslow02_800x.jpg?v=1558025326"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/charlie-winslow"><div class="item__details-price"><span>255.00</span></div><div class="item__details-title">charlie winslow</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;34&nbsp;35&nbsp;36&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-ludlow-dt4">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-ludlow01_9ee92000-0c9a-4cb1-8764-a41f7eccfc50_800x.jpg?v=1558024295"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-ludlow02_6838104a-8ddc-487c-8f0e-e8b13ab31e7e_800x.jpg?v=1558024295"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-ludlow-dt4"><div class="item__details-price"><span>255.00</span></div><div class="item__details-title">barton slim ludlow</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;34&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/charlie-bradford">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene-willie-charlie-bradford01_341c53f3-3404-419d-8fc8-f1c3129826e8_800x.jpg?v=1558024573"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogene-willie-charlie-bradford02_800x.jpg?v=1558024573"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/charlie-bradford"><div class="item__details-price"><span>278.00</span></div><div class="item__details-title">charlie bradford</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;28&nbsp;29&nbsp;30&nbsp;31&nbsp;32&nbsp;36&nbsp;</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/willie-rigid">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/willieindigorigid2_800x.jpg?v=1558028388"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/willie-rigid_01_5d410b5d-9de6-4825-a054-160d4856cbfb_800x.jpg?v=1558028388"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/willie-rigid"><div class="item__details-price sale"><s>235.00</s>
          <span>185.00<span>SALE</span></span></div><div class="item__details-title">willie indigo rigid</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">27&nbsp;35&nbsp;40&nbsp;26</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/barton-slim-indigo-rigid">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-rigid_02_01ddabf1-3bf6-4ba2-a06a-6b97b37d4237_800x.jpg?v=1558028537"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/barton-slim-rigid_09_800x.jpg?v=1558028538"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/barton-slim-indigo-rigid"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">barton slim indigo rigid</div>
      <div class="item__details-tags">13.5oz slim leg, cone mills indigo selvage denim   &nbsp;
      </div>
      <div class="item__details-sizes">26&nbsp;30&nbsp;33&nbsp;36&nbsp;40</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/charlie-indigo-rigid">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/1_611e51a7-2387-45bb-a1f6-8d7be8beff02_800x.jpg?v=1558028100"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/charlierigid_02_21a96379-1f7a-4a5a-9827-463aa348ebe6_800x.jpg?v=1558028100"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/charlie-indigo-rigid"><div class="item__details-price"><span>235.00</span></div><div class="item__details-title">charlie indigo rigid</div>
      <div class="item__details-tags">13.25oz slim leg, cone mills washed denim denim   &nbsp;
      </div>
      <div class="item__details-sizes">28&nbsp;29&nbsp;30&nbsp;31&nbsp;33&nbsp;34&nbsp;35&nbsp;36&nbsp;40</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/wilkins-selvage-indigo-rigid">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/wilkins10_800x.jpg?v=1558024503"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/wilkins08_1_800x.jpg?v=1558024503"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/wilkins-selvage-indigo-rigid"><div class="item__details-price"><span>295.00</span></div><div class="item__details-title">wilkins selvage indigo rigid</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes">s&nbsp;m&nbsp;l&nbsp;xl&nbsp;xxl</div>
    </a>
  </section>
</div>

<div class="page__grid-item  ">
  <a href="/collections/men-denim/products/pattern-hook">
    <div class="grid__item-images"><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogeneandwillie_pattern-hook_01_fa9ccf97-0444-492f-b5a7-d77591ed2fd6_800x.jpg?v=1558030096"></div><div class="grid__item-image notready" data-src="//cdn.shopify.com/s/files/1/0117/3112/products/imogeneandwillie_pattern-hook_02_800x.jpg?v=1558030096"></div></div>
  </a>
  <section class="grid__item-details">
    <a href="/collections/men-denim/products/pattern-hook"><div class="item__details-price"><span>3.00</span></div><div class="item__details-title">pattern hook</div>
      <div class="item__details-tags">          &nbsp;
      </div>
      <div class="item__details-sizes"></div>
    </a>
  </section>
</div>
<div class="AjaxinatePagination">
            
          </div></div></div>
  </article>
</section>
  </article>

  <!-- Site Footer --><footer class="main__foot">
  
    <div class="main__foot-newsletter">
      <div class="foot__newsletter-title">
        
        JOIN THE I+W MAILING LIST
      </div>
      <div class="foot__newsletter-form">
        
          <form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
            
              <div class="input-group">
                <input
                  type="hidden"
                  name="contact[tags]"
                  value="newsletter"
                />
                <input
                  type="email"
                  value=""
                  
                  placeholder="your email address"
                  name="contact[email]"
                  id="Email"
                  class="input-group-field"
                  aria-label="email@example.com"
                  autocorrect="off"
                  autocapitalize="off"
                />
                <input
                  type="submit"
                  class="btn"
                  name="subscribe"
                  id="subscribe"
                  
                  value="submit"
                />
              </div>
            
          </form>
        
      </div>
    </div>
  
  <div class="main__foot-blocks">
    <div class="foot__blocks-menu">
      <nav class="footer__nav">
  <div class="footer__nav-links">
    
      <div class="nav__links-foot">
        <a href="/pages/help">help</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/returns">returns</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/hiring">hiring</a>
      </div>
    
      <div class="nav__links-foot">
        <a href="/pages/contact">contact</a>
      </div>
    
  </div>
</nav>

    </div>
    <div class="foot__blocks-social">
      <a href="https://instagram.com/imogeneandwillie">
        <div class="blocks__social-link social__link-instagram"></div>
        <div class="blocks__social-link-g social__link-instagram-g"></div>
      </a>
      <a href="https://www.facebook.com/imogeneandwillie">
        <div class="blocks__social-link social__link-facebook"></div>
        <div class="blocks__social-link-g social__link-facebook-g"></div>
      </a>
      <a href="https://twitter.com/imogenewillie">
        <div class="blocks__social-link social__link-twitter"></div>
        <div class="blocks__social-link-g social__link-twitter-g"></div>
      </a>
      <a href="https://youtube.com/imogeneandwillie">
        <div class="blocks__social-link social__link-youtube"></div>
        <div class="blocks__social-link-g social__link-youtube-g"></div>
      </a>
      <a href="https://vimeo.com/imogenewillie">
        <div class="blocks__social-link social__link-vimeo"></div>
        <div class="blocks__social-link-g social__link-vimeo-g"></div>
      </a>
      <a href="https://imogeneandwillie.tumblr.com/">
        <div class="blocks__social-link social__link-tumblr"></div>
        <div class="blocks__social-link-g social__link-tumblr-g"></div>
      </a>
      <a href="https://pinterest.com/imogenewillie">
        <div class="blocks__social-link social__link-pinterest"></div>
        <div class="blocks__social-link-g social__link-pinterest-g"></div>
      </a>
    </div>
    <a href="https://imogeneandwillie.com">
      <div class="foot__blocks-logo"></div>
    </a>
  </div>
</footer><!-- Mobile Navigation Overlay --><div class="mobile__nav-overlay"></div>
<!-- Site Scripts -->
  <script src="//cdn.shopify.com/s/files/1/0117/3112/t/2/assets/iwshopify.min.js?993851" type="text/javascript"></script>

  
<script id="back-in-stock-helper">
  var _BISConfig = _BISConfig || {};


</script>

</body>
</html>