/** Shopify CDN: Minification failed

Line 66:12 Unexpected bad string token
Line 66:13 Unterminated string token

**/
.show_mobile {
  display:none;	
}
#header .mobile_toggle {
  display:none;	
  float:right;
  width:34px;
  margin-left:25px;
  cursor:pointer;
}
#header .mobile_toggle img.open { display:none; }
#header .mobile_toggle.open img.closed { display:none; }
#header .mobile_toggle.open img.open { display:block; }

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

  .wrapper { padding:0 50px; }

  /* preheader */
  #preheader { padding:50px 50px 30px; }

}


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

  h1, h2 { font-size:30px; }

  /* home */
  #home .feature { padding:80px 0; }
  #home .feature .cell:first-child { padding-right:5%; }
  #home .feature.feat_04 .slider { padding:100px 40px; }
  #home .feature.feat_04 .slider:before { top:45px; }
  #home .feature.feat_04 .slider .slide { font-size:20px; }
  #home .feature.feat_04 .slider .slide span { font-size:16px; }
  #home .feature.feat_04 .slider .pager { bottom:45px; }
  #home .feature.feat_04 .slider .pager span { margin:0 10px; }
  #home .blog .title { margin:20px 0; font-size:18px; }
  #home .blog a.button { font-size:14px; padding:0 20px; line-height:40px; }
  
  /* blog */
  #blog .feature .cell:first-child { width:50%; }
  #blog .feature .text { padding:50px; }

}

@media only screen and (max-width: 1024px) {
	
  .hide_mobile { display:none!important; }
  .show_mobile { display:block!important; }

  p.large { font-size:26px; }
  .wrapper { padding:0 30px; }

  /* preheader */
  #preheader { padding:30px 30px 10px; }
  #preheader .inner { padding:60px 30px; }
  #preheader p { font-size:30px; line-height:1.2; }

  /* home */'
  #home .feature { padding:50px 0 80px; }
  #home .feature .table { display:block; height:auto; }
  #home .feature .cell { display:block; }
  #home .feature .cell:first-child { padding-right:0; margin-bottom:80px; }
  #home .feature img,
  #home .feature .text { margin:0 auto; text-align:center; }
  #home .feature .text h2:after { margin-left:auto; margin-right:auto; }
  #home .feature.feat_01 { padding:40px 0; }
  #home .feature.feat_01 .show_mobile { margin-bottom:80px; }
  #home .feature.feat_02 { background:none!important; }
  #home .feature.feat_02 .cell:first-child { margin-bottom:0; }
  #home .feature.feat_03 { padding:100px 0; }
  #home .feature.feat_04 { background-image:url(bg-story-mobile.jpg)!important; background-size:100% auto; background-position:center bottom; }
  #home .feature.feat_04 h2 { text-align:left; }
  #home .blog { padding:80px 0; background-position:center top; background-size:100%; }
  #home .blog .floatleft { float:none; width:100%; max-width:500px; padding-right:0; margin:0 auto 30px; }
  #home .blog .floatright { float:none; width:100%; max-width:500px; padding-left:0; margin:0 auto; }
  #home .elites .table { display:block; height:auto; }
  #home .elites .cell { display:block; padding:80px 30px; }
  #home .elites .cell:last-child { padding:250px 30px 80px; background-position:center bottom; }

  /* collection */
  #collection .cols .col.one-half { width:100%; float:none; }
  #collection h2 { margin:50px 0; }
  #collection .grid-item span.title span { display:block; }
  
  /* blog */
  #blog .excerpt .text .title { font-size:20px; margin:30px 0; }
  
  /* experience */
  #experience .top { min-height:0; background:none; }
  #experience .top .cell { display:block; height:auto; }
  #experience .top .cell:first-child { width:80%; max-width:480px; height:auto; display:block; margin:50px auto 0; text-align:center; }
  #experience .top h2:after { margin-left:auto; margin-right:auto; }
  #experience p.large { font-size:22px; }
  #experience .top img { display:block; margin:0 auto30px; }
  #experience .benefits { margin:50px 0 80px; }
  #experience .benefits .cell { display:inline-block; margin:30px; }
  #experience .data { padding:0 30px; }
  #experience .data .text p.large { margin:0 0 30px; max-width:100%; font-size:22px; }
  #experience .data .table { margin-bottom:50px; }
  #experience .data .cell { display:block; width:100%; max-width:480px; margin:0 auto; text-align:center; }
  #experience .data .text { padding:0; }
  #experience .data img.first { margin-bottom:30px; }
  #experience .data h2:after { margin-left:auto; margin-right:auto; }
  
  /* story */
  #story .top { min-height:0; background:none; }
  #story .top .cell { display:block; width:100%; }
  #story .top .title { font-size:30px; line-height:1.4; padding:0 30px 36px; max-width:500px; margin:0 auto; }
  #story .top .title img { margin:0 auto 30px; }
  #story .top .cell:first-child .text img { margin:0 auto; }
  #story .top .cell:last-child .text { max-width:none; }
  #story .middle { padding-top:0; background-size:180% auto; }
  #story .middle .title { font-size:50px; padding:50px 0; }
  #story .middle .text { -webkit-column-count:1; -moz-column-count:1; column-count:1; -webkit-column-gap:0; -moz-column-gap:0; column-gap:0; }
  #story .bottom .cell .text { padding:100px; font-size:20px; }
  
  /* contact */
  #contact { padding:80px 0; }
  #contact .feature .cell { display:none; /*font-size:20px;*/ }
  #contact h3 { margin-bottom:30px; }
  #contact .inner { min-height:0; background-size:100% auto; }
  #contact .inner .cols { width:100%; padding:50px 30px; }
  #contact .inner .cols .col { width:100%; float:none; padding:0; }
  #contact .inner .cols .col:first-child { margin-bottom:80px; }
    
}

@media only screen and (max-width: 768px) {	
	
  h1, h2 { font-size:24px; }
  h1:after, h2:after { height:3px; }
  p { font-size:14px; }
  p.large { font-size:18px; }
  
  /* popup */
  #popup .title { font-size:50px; }
  #popup .links { margin:30px auto; }

  /* header */
  #header { padding:10px 0 30px; }
  #header .nav { display:none; }
  #header .logo, 
  #header .account { width:50%; }
  #header .account a.cart { margin-right:18px; }
  #header .mobile_toggle { display:block; }
  #header .nav ul { display:none; }	

  /* home */
  #home .feature.feat_01 .text h2 { font-size:20px; }
  #home .feature.feat_01 .text h2.last:after { height:3px; }
  #home .feature.feat_03 { padding:80px 0; }
  #home .feature.feat_03 img { width:100%; }
  #home .feature.feat_04 .slider .slide { font-size:14px; }
  #home .feature.feat_04 .slider .slide span { margin:20px auto 0; font-size:12px; }
  #home .feature.feat_04 h2:after { margin:30px auto 40px; }
  #home .feature.feat_04 a.button { margin-top:0; }

  /* instagram */
  #instagram .cols .col.one-fourth { width:50%; }

  /* newsletter */
  #newsletter p { font-size:20px; margin:30px 0; }

  /* referrals */
  #referrals { font-size:16px; }

  /* footer */
  #footer { padding:50px 0 30px; }
  #footer img { width:200px; margin-bottom:0; }
  #footer ul li { display:block; }
  #footer .social li { display:inline-block; margin:0 10px; }
  #footer .social a { font-size:20px; }
  #footer .copyright { padding-top:30px; }

  /* cart */
  #page.cart h2 { text-align:center; }  
  #page.cart th { display:none; }
  #page.cart tr.cart-item td { display:block; border-top:none; padding:10px 0; text-align:center; width:100%!important; }
  #page.cart tr.cart-item td.thumb { padding-top:40px; }
  #page.cart tr.cart-item td.price { padding-bottom:30px; border-bottom: 1px solid #242323; }
  #page.cart td.thumb a { display:block; width:100%; max-width:230px; margin:0 auto; }
  #page.cart td.qty span.update { margin-bottom:20px; }
  #page.cart td.remove a { width:21px; }
  #page.cart tr.subtotal td { padding:40px 0; font-size:14px; text-align:center; border-top:none; }
  #page.cart tr.actions td { text-align:center; line-height:1.5; }
  #page.cart tr.actions td .button_row .button { display:block; width:100%; margin:10px auto!important; }
  
  /* blog */
  #blog h2 { margin-bottom:80px; }
  #blog .feature { margin-bottom:30px; }
  #blog .feature .cell { display:block; }
  #blog .feature .cell:first-child { width:100%; height:350px; }
  #blog .feature .text { padding:30px; }
  #blog .post { float:none!important; width:100%!important; margin-bottom:30px; padding:0 15px; position:relative!important; top:auto!important; left:auto!important; }  
  #blog .grid { margin:0 -15px; }
  
  /* faq */
  #faq { padding:50px 0; }
  #faq .feature { margin-top:80px; }
  #faq .inner { padding:50px 30px 80px;  background-position:25% bottom; background-size:150% auto; }
  #faq p { margin-bottom:30px; }
  
  /* collection */
  #collection .grid-item { padding:0 10px; }
  #collection .grid-item .table .cell:first-child { padding-right:10px; }
  #collection .grid-item .button.unavailable { padding-left:15px; padding-right:15px; font-size:12px; }
  
  /* product */
  #product .floatleft,
  #product .floatright { width:100%; float:none; max-width:480px; margin:0 auto; }
  #product .floatleft { margin-bottom:30px; }
  #product .images .thumb { width:100px; height:100px; margin:15px; }
  #product h1 { font-size:24px; }
  #product h1 span { display:block; }
  #product .desc { max-width:none; margin:30px 0 50px; font-size:18px; }
  #product .options { padding-left:30px; }
  #product input[type="submit"].button:disabled { display:block; margin-top:20px; }
  #details h2 { font-size:32px; }
  
  /* story */
  #story { padding:50px 0 80px; }
  #story .top .text { padding:50px 30px; }
  #story .middle { padding:0 30px 125px; }
  #story .bottom .cell { display:block; }
  #story .bottom .cell:first-child { height:350px; }
  #story .bottom .cell .text { padding:80px 50px; }
  
  /* account pages */
  #page.account p { font-size:14px!important; }
  
  /* out of stock popup */
  #outofstock { padding:50px 15px; }
  #outofstock .title { font-size:36px; }
  #outofstock .subtitle { font-size:24px; }
  #outofstock span.close { top:10px; right:10px; }
		
}

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

  a.button, input[type='submit'].button, button { min-width:130px; font-size:14px; padding:0 30px; line-height:44px; }

  /* preheader */
  #preheader .inner { padding:30px; }
  #preheader p { font-size:16px; }

  /* home */
  #home .blog .table { display:block; height:auto; max-width:300px; margin:0 auto; }
  #home .blog .cell { display:block; }
  #home .blog .excerpt { padding:40px 5%; }
  #home .elites .title { font-size:18px; margin-bottom:30px; }
  
  /* experience */
  #experience .top img { max-width:none; width:120%; margin:0 -10% 30px; }

  /* cart */
  #page.cart tr.actions td .button_row .button { line-height:53px; }
  
  
}