/*@import url(http://weloveiconfonts.com/api/?family=fontawesome);*/
/******************************************************************
Theme Name: Mobilia v2.2
Theme URI: http://themes.shopify.com/themes/mobilia/styles/tokyo?ref=out-of-the-sandbox
Author: Out of the Sandbox (http://outofthesandbox.com)
Description: Shopify Theme (http://www.shopify.com/?ref=out-of-the-sandbox)
******************************************************************/
/* Table of Content
==================================================
  #Reset & Basics
  #Basic Styles
  #Typography
  #Links
  #Lists
  #Menu
  #Images
  #Videos
  #Buttons
  #Tabs
  #Forms
  #Tables
  #Misc
  #Site Styles 
  #FlexSlider 
  #FancyBox
  #Layout */
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block; }
body {
    line-height: 1; }
ol, ul {
    list-style: none; }
blockquote, q {
    quotes: none; }
blockquote:before, blockquote:after,
  q:before, q:after {
    content: '';
    content: none; }
table {
    border-collapse: collapse;
    border-spacing: 0; }
  
    
/* #Basic Styles
================================================== */
  body { 
    background-color: #ffffff;
    
      background-image: url("//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/custom_bg.png?10738937740786289946");
      
        background-repeat:repeat;
        
      
    

    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;

    
      font-family: Helvetica, Arial, sans-serif;
      
    font-weight: normal;      
    font-size: 16px; 
    text-transform: none;
    color: #2e2d2c;
    line-height: 1.7em;
}
::-moz-selection {
       background-color: #000;
       color: #fff;
}
::selection {
  background: #FFF7B6;
  color: black;
}
abbr {
  border-bottom: 1px dotted #d7d4d3;
} 
#header-bar { 
  background-color: #020202;
  width: 100%; 
}
#header-bar div.content { padding: 0; }

.transparent-bg { 
  background-color: rgba(255, 255, 255, 1);
}

#index .transparent-bg { 
  background-color: transparent;
}

/* #Typography
================================================== */
  .logo {   
    font-weight: normal;      
    font-size: 42px; 
    text-transform: uppercase;
    color: #FFF;
	margin-top: 8px;
  }
  .logo a, .logo a:hover, .logo a:visited, .logo a:active {
    color: #FFF;    
    line-height: 45px;
  }
h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle { 
    font-family: "antoniolight", sans-serif;
    color: #2e2d2c;
    display:block;
    text-transform: uppercase;
    text-rendering: optimizeLegibility;
}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .collection_title { font-weight: normal; }
h1 a, h1 a:visited, .collection_title a, .collection_title a:visited { color: #2e2d2c }
h1 a:hover, h1 a:active, .collection_title a:hover, .collection_title a:active { color: #dd390d }
h1, .h1, h1.home, h2.title, .collection_title { font-size: 42px;  margin: 0 auto 20px; clear:both; font-weight: normal; line-height: 1;}
h1.home { margin: 0 auto 15px; border-top: 1px solid #d7d4d3; border-bottom: 1px solid #d7d4d3; padding: 12px 0;  }
h1.product_name { margin-bottom: 15px; }
h2, .h2 { font-size: 34px; margin-bottom: 0.75em }
h3, .h3, h1.blog_title { font-size: 44px; line-height: 35px; margin: 0 auto 15px 0; text-align: left; }
h1.collection_title, div.collection_title { float: left; margin: 0; line-height: 32px; }
h1.collection_title_tags, div.collection_title_tags { padding-right: 25px; }
h4, .h4, h4.title a { font-size: 42px; line-height: 35px; margin: 0 0 15px 0; text-align: left; padding: 0; border-bottom: 1px solid #d7d4d3; padding-bottom:12px;}
h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
h5, .h5 { font-size: 40px; padding-bottom: 1em; }
h5.sub_title { padding-bottom: 5px; }
h6, .h6 { font-size: 36px; padding-bottom: 1em;}
#blog h6, #blog .h6 { font-size: 26px; }
.footer h6 {
  color: #f2ede3;
  font-family: "antoniolight", sans-serif;
  font-weight: normal;
  line-height: 1;
  text-transform: uppercase;
}
.subheader { color: #777; }
p { margin: 0 0 15px; font-style: normal; line-height: 1.7em; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 90%; }
.small-text { 
    
      font-family: Helvetica, Arial, sans-serif;
     
    font-size: .7em;
    text-transform: lowercase;
}
.note-small {
    font-size: .8em;
    color: #999;
    text-transform: uppercase;
    text-align: center;
    
      font-family: "futura-pt";
      
}
.uppercase-bold { font-weight: bold; text-transform: uppercase; }
.text-center { text-align: center; }
.text-right { text-align: right; }

/*  Blockquotes  */
  blockquote, blockquote p { font-size: 17px; line-height: 24px; font-style: italic; }
blockquote { margin: 0 0 20px; padding: 9px 20px 0 19px; border-left: 1px solid #d7d4d3; }
blockquote cite { display: block; font-size: 12px; color: #555; }
blockquote cite:before { content: "\2014 \0020"; }
blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color: #555; }
hr { border: solid #d7d4d3; border-width: 1px 0 0; clear: both; margin: 15px 0; height: 0; }
.quote {
     font-size: 16px;
     line-height: 22px;
     text-align: center;
     margin: 0 0 20px 0;
     font-style: italic;
  }
/* #Links
================================================== */
  a, a:visited { color: #dd390d; text-decoration: none; outline: 0; -webkit-transition: color .1s linear; -moz-transition: color .1s linear; -o-transition: color .1s linear; -ms-transition: color .1s linear; transition: color .1s linear; }
a:hover, a:focus { color: #3d4247; }
/* #Lists
================================================== */
  ul, ol { margin-bottom: 20px; }
  ul { list-style: circle outside; }
  ol { list-style: decimal; }
  ul, ol, ul.square, ul.circle, ul.disc { margin-left: 30px; }
  ul.square { list-style: square outside; }
  ul.circle { list-style: circle outside; }
  ul.disc { list-style: disc outside; }
  ul ul, ul ol,
  ol ol, ol ul { margin: 4px 0 5px 30px; font-size: 90%;  }
  ul ul li, ul ol li,
  ol ol li, ol ul li { margin-bottom: 6px; }
  li { line-height: 18px; margin-bottom: 12px; }
  ul.large li { line-height: 21px; }
  ul.none { list-style: none outside; margin-left: 0;}
  ul.border {
    list-style: none outside;
    line-height: 26px;
  }
  ul.border li {
    border-bottom: 1px solid #d7d4d3;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
  }
  ul.chirp {
    margin-left: 0
  }
  ul.chirp .meta a {
    color: #6e6c6a;
  }

/* #Menu
================================================== */
.header {
  border-bottom: solid 1px #d7d4d3;
}
.nav {
  text-align:right;
  float: right;
}
.nav ul {
    display: block;
    margin: 0 auto;
    border: none;
    padding: 0;
    margin: 0;
}
.nav ul li {
    display: inline-block;
    padding: 0 0 0 12px;
    position: relative;
    margin: 0;
    border: 0;
}
.nav ul li {
  *display: inline;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:active {
    font-family: "antoniolight", sans-serif;
    font-weight: normal;  
    font-size: 22px;
    color: #ccc;
    position: relative;
    text-transform: uppercase;
    display:block;
}
.nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active {
  color: #cccccc;
}
.nav ul.search_nav {
  margin-bottom: 12px;
}
.nav ul li a:hover, nav ul li a:focus {
  color: #ffffff;
}
.nav ul li.current_page_item a {
  color: #ffffff;
}
.nav ul li.current_page_ancestor a {
  color: #ffffff;
} 
.nav ul.menu {
  display: inline;
}
.nav ul.main {
  float: right;
  position: relative;
  top: -11px;
}
.nav ul.nav_buttons {
  margin-top: 5px;
}
.nav ul.menu > li {
  line-height: 45px;
}
.nav ul.menu ul {
  top: 40px;
}

.nav ul li a.cart, .nav ul li a.navicon, input[type="submit"].guest_button {  
  padding: 5px 10px;
}

input[type="submit"].guest_button, input[type="submit"].guest_button:hover {
  background: none;
  color: #dd390d;
  padding: 8px 20px 8px 10px;
}

.nav ul li a.cart.active {
  color: #cccccc;
}

.nav ul li a.cart:hover, .nav ul li a.cart.active:hover {
  color: #ffffff;
}

ul.menu li.navicon_button {
  display: none;
}

.nav ul li.sasquatch a, .nav ul li.sasquatch a:visited, .nav ul li.sasquatch a:active {
  background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/icon-swd.png?10738937740786289946) no-repeat 0 0;
}

/* sub-levels link */
.menu ul a, .menu li:hover > ul a  {
  padding: 10px 0 10px 15px;
  background: none;
  text-align: left;
}
  .fa-angle-down {
    font-size: 0.625em;
    position: relative;
    top: -1px;
    left: -1px;
    opacity: 0.6;
  }

/* sub-level ul */
.menu ul {
  position: absolute;
  left: 10px;
  top: 70px;
  background-color: #ffffff;
  color: #ae3333;
  background-color: #121212;
  border: solid 1px #ddd;
  border-bottom-color: #bbb;
  z-index: 100;
  display: none;
  width: 200px;
}
ul.menu ul li {
  display: block;
  border-bottom: solid 1px #f4f4f4;
  text-align:left;
  padding: 0;
}
.menu ul li a {
  display:block;
}
/* sub-sub-level dropdown */
.menu ul ul {
  left: 200px;
  top: -1px;
}
/* show dropdown ul on hover */
.menu li:hover > ul {
  display: block;
}

.toggle_menu {
  position: relative;
  overflow: hidden;
  display: none;
  float: none;
  top: -19px;
}

ul.top_menu {
  padding-top: px;
}

ul.top_menu li a, ul.top_menu li a:visited, ul.top_menu li a:active {
  font-size: 10px;
  color: #999999;
}

ul.top_menu li a:hover {
  color: #ffffff;
}

.nav ul.mobile_menu {
  background-color: #1B1B1B;
  margin-bottom: 1em;
  clear: both;
  padding-top: 10px;

}

.nav ul.mobile_menu li {
  border: none;
  text-align: left;
  display: block;
  border-top: 1px solid #313335;
  padding-left: 0
}

.nav ul.mobile_menu > li:last-child {
  display: none;
}

.nav ul.mobile_menu .search_box {
  margin: 6px 0 6px 20px;
  width: 85%;
}

.nav ul.mobile_menu li a {
  color: #9DA0A4;
  text-decoration: none;
  -webkit-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  -moz-box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  display: block;
  padding: 10px 0 10px 20px;
}

.nav ul.mobile_menu li ul li a {
  padding-left: 40px;
}

.nav ul.mobile_menu li ul ul li a {
  padding-left: 60px;
}

.nav ul.mobile_menu li.active, .mobile_menu li:hover{
  background-color: #111;
}

.nav ul.mobile_menu li.active a, .nav ul.mobile_menu li a:hover {
  color: #fff;
}
/* main nav clickable dropdowns in mobile  */
.click-nav {/*margin:100px auto;width:200px;*/}
.click-nav ul {position:relative;}
.click-nav ul li {position:relative;}
.click-nav ul .clicker {position:relative;}
.click-nav ul .clicker:hover,.click-nav ul .active {}
.click-nav img {position:absolute;top:9px;left:12px;}
.click-nav ul li a {
  transition:background-color 0.2s ease-in-out;
  -webkit-transition:background-color 0.2s ease-in-out;
  -moz-transition:background-color 0.2s ease-in-out;
  display:block;}
.click-nav ul .clicker a:after,
.click-nav ul .visible a:after { 
    font-family: 'FontAwesome', sans-serif;
    speak: none;
    line-height: 1;
    font-size: .8em;
    -webkit-font-smoothing: antialiased;
    margin-left: 6px;
    opacity: 0.6;
    vertical-align: 2px;
    }
.clicker a:after, .has-dropdown a:after { content: "\f101"; }

.clicker.active a:after, .has-dropdown.active a:after { content: "\f103"; }
.click-nav ul .clicker li a:after,
.click-nav ul .clicker li.active a:after,
.click-nav ul .clicker li.active a:after { content: none; }
/* no js Fallbacks */
.click-nav .no-js ul {display:none;}
.click-nav .no-js:hover ul {display:block;}
.click-nav .no-js .visible ul {display:block;}
.click-nav .no-js .visible ul ul {display:none;}
.click-nav .no-js .visible ul li:hover {display:block;}
/* end clickable dropdowns */

.container div.collection_nav {
  border-bottom: solid 1px #d7d4d3;
  padding: 15px 0;
  margin-bottom: 1.5em;
}
#collection-listing .container div.collection_nav {
  border-bottom: none;
}
.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: -3px;
  margin: 0;
}
.collection_menu li {
  padding-left: 25px;
}

.collection_menu li a {
  color: #999999;
}

.collection_menu li span.active {
  color: #cccccc;
}

.collection_menu li a:hover, .collection_menu li span.active:hover {
  color: #ffffff;
}
/* custom social icons */
.custom_social_buttons {
    height: 25px;
    width: auto;
    position: absolute;
    display: block;
    right: 145px;
    top: 10px;
}

/*box menu*/
.boxMenu { 
  margin: 0 auto;
  position: relative;
  overflow: auto;
    float: left;
    width: 100%;
}
  #menu-boxmenu {
    overflow: auto;
      margin: 0 0 30px;
      padding: 0;
      list-style: none;
  }
    #menu-boxmenu li {
      display: inline;
      float: left;
        list-style: none;
      margin: 10px;
      text-transform: uppercase;
      width: 220px; /* same as four columns */
      height: 220px;
      overflow: hidden;
        text-align: center;
      background: #020202;
      background: url("//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/boxMenu-sprite.png?10738937740786289946") 0 0;
    }
      #menu-boxmenu li a { 
        background: url("//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/boxMenu-sprite.png?10738937740786289946");
        display: block; 
        color: #FFF;  
        width: 220px;
        height: 220px;
        text-indent: -9999px;
        opacity: 1;
        -moz-transition: all 0.5s linear;
          -webkit-transition: all 0.5s linear;
          -o-transition: all 0.5s linear;
          transition: all 0.5s linear;
      }
      
    /*specific menu items*/
    /*look into pulling featured images as the link*/
    
    #menu-boxmenu li a:hover { /*airpill on hover - set at li element above */
      /*background: url("images/boxMenu-sprite.gif") 0 0;*/
      -moz-transition: all 0.2s linear;
        -webkit-transition: all 0.2s linear;
        -o-transition: all 0.2s linear;
        transition: all 0.2s linear;
        opacity: 0;
    }
    #menu-boxmenu .slayer a {
      background-position: 0 0;
    }
    #menu-boxmenu .slayer {
        background-position: -220px 0;
    }
    #menu-boxmenu .freedom a {
      background-position: -440px 0;
    }
    #menu-boxmenu .freedom {
      background-position: -660px 0;
    }
    #menu-boxmenu .glacier a {
      background-position: -880px 0;
    }
    #menu-boxmenu .glacier {
      background-position: -1100px 0;
    }
    #menu-boxmenu .beast a {
      background-position: -1320px 0;
    }
    #menu-boxmenu .beast {
      background-position: -1540px 0;
    }

/* end box-menu */

/* #Images
================================================== */
/*
  The purpose of the below declaration is to make sure images don't 
  exceed the width of columns they are put into when resizing window. 
  Unfortunately, this declaration breaks certain lightbox, slider or other plugins,
  so the best solution is to individually call these properties on images that 
  are children of the grid that you want to resize with grid. 
*/
  .product_row img,.grid-item img,.gramfeed li img, .product_image_col img, .article img, .blog_content img, .section img, .thumbnail img, .logo img, img { 
    max-width: 100%;
    height: auto; }
.zoomImg {
    max-width: inherit !important;
    cursor: pointer;
  } 

/* instagram feeds */
.instafeed {
  position: relative;
}
.gram-wrapper {
  width: 100%;
  height: auto;
    float: left;
    clear: both;
}
ul.gramfeed {
  width: 100%;
  float: left;
  list-style: none;
    margin: 0;
    padding: 0;
    text-align: center;
}
.gramfeed li  {
  margin: 1%;
    float: left;
    max-width:  31%;
  list-style: none;
}
  /* instafeed specific */
    .gramfeed-meta {
        display: block;
        clear: left;
        height: 30px;
        max-width: 100%;
        margin-top: 8px;
        color: #7a7a7a;
        font-size: .8em;
        text-align:center;
    }
    .gramfeed-meta a {
        text-decoration: none;
      color: #999;
    }
  .gramfeed-meta a:hover {
        text-decoration: none;
      color: #E60000;
    }
    a.icon-heart:before, a.icon-bubble:before { 
      font-family: 'FontAwesome', sans-serif;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
    }
    a.icon-heart:before { 
        content: "\f004";
    }
    a.icon-bubble:before { 
        content: "\f075";
        margin-left: 20px;
    }

    a.insta-watermark {
      background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/icons_light.png?10738937740786289946) no-repeat;
      display: inline-block;
      opacity: 0.8;
      -webkit-transition: opacity .2s ease-in-out; 
      -moz-transition: opacity .2s ease-in-out; 
      -o-transition: opacity .2s ease-in-out; 
      transition: opacity .2s ease-in-out;
      cursor: pointer;
      text-indent: -9999px;
      width:25px;
      height:25px;
      background-position: -650px 0;
      position: absolute;
      bottom: 20px;
      right: 10px;
    }
    a.insta-watermark:hover {
      opacity: 1.0;
    }

  .fademe img, a img {
    opacity: 1;
    transition: opacity .25s ease-in-out;
    -moz-transition: opacity .25s ease-in-out;
    -webkit-transition: opacity .25s ease-in-out;
  }
#instafeed img {
  min-width: 100%;
}
/* #Videos
================================================== */
/*
  For YouTube and Vimeo videos, wrap the embedded code snippet
  in a <div class="video-container"> tag to allow it to resize.
  To restrict the width, wrap with an additional <div class="video-wrapper">
*/
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    /*padding-top: 30px;*/
    height: 0;
    overflow: hidden;
    margin: 0;
  }
  .video-container iframe,  
  .video-container object,  
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .video-wrapper {
    width: 600px;
    max-width: 100%;
  }
/* #Buttons
================================================== */
  
a.button, 
  button,
  input[type="submit"],
  input[type="reset"],
  input[type="button"], 
  .action_button, 
  a.action_button, 
  input.action_button[type="submit"], 
  input.action_button[type="button"] {
    background: #dd390d;
    color: #ffffff;
    border: 0;
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    font-family: "antoniolight", sans-serif;
    font-size: 22px; 
    text-transform: uppercase;
    display: inline-block;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
    -webkit-appearance: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 3px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
  }

  input.action_button[type="submit"].disabled {
    background: #fff;
    color: #3d4247;
  }
  input.action_button[type="submit"].disabled:hover {
    background: #fff;
    color: #3d4247;
    cursor: default;
  }
  a.button:hover, 
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover,
  .action_button:hover, 
  input.action_button[type="submit"]:hover, 
  input.action_button[type="button"]:hover {
    background: #3d4247;
    -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s;
  }

  a.button:active, 
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active {

    }
  a.button.button-small { 
    font-size: .7em;
    padding: 0 8px;
    font-family: helvetica, sans-serif;
    font-weight: bold;
      margin: 0 0 20px;
  }
  a.button-info { background: #49afcd; }
  a.button-info:hover { background: #2f96b4; background: #3d4247;}
    

/* #Tabs
================================================== */
  ul.tabs { 
    display: block;
    margin: 10px 0 10px 0;
    padding: 0;
    border-bottom: solid 1px #d7d4d3;
    border-top: 0;
    list-style: none outside; 
    margin-left: 0;
}
ul.tabs li { 
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0 
    list-style: none outside; 
    margin-left: 0;
}
ul.tabs li a { 
    display: block; 
    text-decoration: none;
    width: auto; 
    height: 29px; 
    padding: 0px 20px; 
    line-height: 30px; 
    border: solid 1px #d7d4d3;
    border-width: 1px 0 0 1px; 
    margin: 0;  
    background: #f5f5f5;
    font-size: 13px; }
ul.tabs li a.active { 
    
      background-color: ;
    
    height: 30px;
    position: relative;
    top: -4px;
    padding-top: 4px;
    border-right-width: 1px;
    margin: 0 -1px 0 0;
    color: #111;
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }
ul.tabs li:first-child a {
    -moz-border-radius-topleft: 2px;
    -webkit-border-top-left-radius: 2px;
    border-top-left-radius: 2px; }
ul.tabs li:last-child a {
    border-width: 1px 1px 0 1px;
    -moz-border-radius-topright: 2px;
    -webkit-border-top-right-radius: 2px;
    border-top-right-radius: 2px; }
ul.tabs-content { margin: 0; display: block; border: 0;}
ul.tabs-content > li { display:none; border: 0;}
ul.tabs-content > li.active { display: block; border: 0;}
  
  /* Clearfixing tabs for beautiful stacking */
  ul.tabs:before,
  ul.tabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.tabs:after {
    clear: both; }
ul.tabs {
    zoom: 1; }
    
/* #Forms
================================================== */
  form { 
    margin-bottom: 20px; }
fieldset { 
    margin-bottom: 20px; }
input[type="text"], 
  input[type="number"],
  input[type="password"],
  input[type="email"],
  textarea, 
  select {
    border: 1px solid #ccc;
    padding: 9px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    margin: 0;
    width: 200px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff; 
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; 
    appearance: none;}
select {  
    background: #f9f9f9 url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/select.png?10738937740786289946) no-repeat right center;
    cursor: pointer;
  
    -webkit-padding-end: 30px; 
}
input[type="number"] {
  padding: 5px;
}
input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus, 
  textarea:focus {
    border: 1px solid #aaa;
    color: #333;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2); }
label,
  legend { 
    display: block;
    font-weight: normal;
    margin-bottom: 4px; }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: normal;
    font-size: 13px; }
textarea {
    width: 95%;
  }

#contact_email {
  width: 230px;
  display: inline;
}

#sign_up {
  margin-left: 10px;
}

#customer input[type="text"],
#customer input[type="email"],
#customer input[type="password"] {
  width: 93%;
}

/* #Tables
================================================== */
.table-fixed { border-collapse:collapse; table-layout:fixed; }


  table a:link {
    color: #666;
    font-weight: bold;
    text-decoration:none;
  }
  table a:visited {
      color: #999999;
      font-weight:bold;
      text-decoration:none;
    }
  table a:active,
    table a:hover {
      color: #bd5a35;
      text-decoration:underline;
    }
  table {
      color:#666;
      text-shadow: 1px 1px 0px #fff;
      background:#eaebec;
      border:#ccc 1px solid;
      margin-bottom: 20px;
      -moz-border-radius:2px;
      -webkit-border-radius:2px;
      border-radius:2px;
    }
  table img {
      max-width: inherit !important;
    }
  table th {
      padding:15px 20px;
      border-top:1px solid #ccc;
      border-bottom:1px solid #e0e0e0;
      background: #ededed;
      background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#ebebeb));
      background: -moz-linear-gradient(top,  #ededed,  #ebebeb);
    }
  table th:first-child{
      text-align: left;
      padding-left:20px;
    }
  table tr:first-child th:first-child{
      -moz-border-radius-topleft:3px;
      -webkit-border-top-left-radius:3px;
      border-top-left-radius:3px;
    }
  table tr:first-child th:last-child{
      -moz-border-radius-topright:3px;
      -webkit-border-top-right-radius:3px;
      border-top-right-radius:3px;
    }
  table tr{
      padding-left:12px;
    }
  table tr td:first-child{
      text-align: left;
      padding-left:12px;
      border-left: 0;
      text-transform: uppercase;
    }
  table tr td {
      padding:12px;
      border-bottom:1px solid #e0e0e0;
      border-left: 1px solid #e0e0e0;
      background: #fafafa;
      background: -webkit-gradient(linear, left top, left bottom, from(#fbfbfb), to(#fafafa));
      background: -moz-linear-gradient(top,  #fbfbfb,  #fafafa);
    }
  .sasquatch-dealer table tr td {
      min-width: 100px;
  }
  table tr td.value input {
      margin-bottom: 0;
    }
  table tr.even td{
      background: #f6f6f6;
      background: -webkit-gradient(linear, left top, left bottom, from(#f8f8f8), to(#f6f6f6));
      background: -moz-linear-gradient(top,  #f8f8f8,  #f6f6f6);
    }
  table tr:last-child td:first-child{
      -moz-border-radius-bottomleft:3px;
      -webkit-border-bottom-left-radius:3px;
      border-bottom-left-radius:3px;
    }
  table tr:last-child td:last-child{
      -moz-border-radius-bottomright:3px;
      -webkit-border-bottom-right-radius:3px;
      border-bottom-right-radius:3px;
    }
  table tr:hover td{
      background: #f2f2f2;
      background: -webkit-gradient(linear, left top, left bottom, from(#f2f2f2), to(#f0f0f0));
      background: -moz-linear-gradient(top,  #f2f2f2,  #f0f0f0);  
    }


table tr.order_summary td.label { text-align: right;}

.dealers.table-fixed td:nth-child(2), 
.dealers.table-fixed td:first-child + td {
  min-width: 100px;
}
.dealers-international .table-fixed td:nth-child(2), 
.dealers-international .table-fixed td:first-child + td {
  min-width: 150px;
}

/* #Misc
================================================== */
.remove{ color: #2e2d2c; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.center { text-align: center; }
.relative { position: relative; }
.align_right { text-align:right }
.align_left { text-align: left; }
.container div.mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
#grid .column,
  #grid .columns {
    background: #ddd;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px; }
#grid .column:hover,
  #grid .columns:hover {
    background: #bbb;
    color: #333; }
#grid .example-grid { overflow: hidden; }
/* #Site Styles
================================================== */
  div.container {
      margin: 0 auto;
      padding: 20px 0;
  }
  div.content {
    padding: 10px 0px;
    
      background-color: ;
    
  }
  .logo a {
    margin-top: 10px;
    padding-top: 5px;
    display:block;
  }
  div.section {
     margin: 10px 0;
  }
  .homepage_content {
    
  }
  body#index hr {
    margin: 2em 0;
  }
  div.product_section {
    margin: 5px 0;
  }
  .breadcrumb {
    font-weight: 800;   
    font-style: normal;
    text-transform: uppercase;
    margin-bottom: 1em;
  font-size: .8em;
  }
    .breadcrumb a { color: #999999; }
    .breadcrumb a:hover, .breadcrumb a:focus { color: #3d4247; }
    
  .jump-links { 
    list-style: none;
      text-align: center;
  }
  .jump-links li {  
    display: inline;
    margin: 10px;
      font-size: 1em;
  }
  /* BACK TO TOP LINK */
  .back-to-top {
    position: fixed;
    bottom: 2em;
    right: 0px;
    text-decoration: none;
    color: #000000;
    background-color: rgba(235, 235, 235, 0.80);
    padding: 1em;
    display: none;
    text-transform: uppercase;
    font-family: "antoniolight", sans-serif;
    font-weight: normal;
  	font-size: 1.1em;
  }

  .back-to-top:hover {    
    background-color: rgba(135, 135, 135, 0.50);
  }
  a.back-to-top:before { 
      font-family: 'FontAwesome', sans-serif;
      speak: none;
      line-height: 1;
      -webkit-font-smoothing: antialiased;
    }
  a.back-to-top:before {
     content: "\F0AA";
  }
  /* END BACK TO TOP LINK */
  
  #category {
    width: 100%;
  }
  .featured_content p {
    margin-bottom: 0;
  }
  .paginate {
    text-align:center;
  }
  .paginate span,  a.tag {
    border: solid 1px #d7d4d3;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 2px; 
    padding: 5px 10px;
    display: inline-block;
  }
  a.tag {
    font-size: smaller;
    padding: 4px 6px;
    margin: 5px 2px 5px 0;
  }
  .featured_collections { margin-bottom: 10px }
  .paginate span:hover, a.tag:hover {
    color: #3d4247;
  }
  .paginate .current {
    background-color: #f2f2f2;
  }
  .paginate .deco {
    border: none;
  }
  .thumbnail {
    position: relative;
    text-align:center;
    margin-bottom: 1em;
  }
#collection .thumbnail {
  margin-bottom: 4em;
}
.thumbnail a {
    display:block;
    padding-bottom:0.5em;
    color: #2e2d2c;
  }
#collection .thumbnail > a {
  padding-bottom: 0;
}
#collection .thumbnail img {
  border-bottom: 1px solid #d7d4d3;
  padding-bottom: 0.75em;
}
.thumbnail a:hover {
    color: #dd390d;
  }
  .new {
    position: relative;  
    display: inline;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
  }
  .thumbnail .price, .thumbnail .sold_out, .sold_out {
    font-weight: bold;
    color: #2e2d2c;
    font-size: 14px;
    line-height: 1.4;
  }
  .thumbnail .sale, .sale {
    color: #dd390d;
  }
  .sale_banner, .new_banner {
    position: absolute;
    top: 0;
    background: #3d4247;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
  }
  .new_banner {
    background: #3d4247;
  }
  .thumbnail .price, .thumbnail .title {
    clear:both;
    display: block
  }

.info #thumbs a {
  display: inline-block;
  overflow: hidden;
  width: 24px;
  height: 16px;
}

.info > #thumbs {
  float: left;
  margin: 0 auto;
  text-align: center;
  width: 100%;
}

.info #thumbs img {
  position: relative;
  left: -37px;
  top: -30px;
  min-width: 350%;
}

/* Gypster Gloves */
.info #thumbs img#var-small-349008401 {
  left: -5px;
}

/* Glacier Glasses */
.info #thumbs img#var-small-349008313 {
  left: -33px;
  top: -47px;
}

/* Gone Wild */
.info #thumbs img#var-small-349008317 {
  left: -19px;
  top: -17px;
}

/* Di Cut */
.info #thumbs img#var-small-349008209 {
  left: -13px;
  top: -27px;
}

.info #thumbs a:first-child {
  display: none;
}

.info #thumbs img[alt~="Airshades"], .info #thumbs img[alt~="Glacier Glasses"] {
  top: -50px;
}

  .cart_price {
    float: right;
    text-align: right;
    padding-left: 20px;
    font-weight:bold;
    display: none;
  }
  #estimated-shipping, .excluding_tax {
    display: block;
  }
  .cart_image {
    float:left;
    margin-right: 20px;
  }
  .quantity_label {
    display: none;
  }
  .price_total_text {
    display: none;
  }
  .was_price {
    text-decoration: line-through;
    color: #6e6c6a;
    font-style: italic;
    text-shadow:none;
    font-weight:normal;
  } 
  .thumbnail .quick_shop {
    display:none;
    padding: 5px 0;
    background-color: #888;
    position: absolute;
    width: 50%;
    top: 0;
    right: 0;
    color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .thumbnail .quick_shop:hover {
    color: #ffffff;
    background-color: #dd390d;
  }
  .thumbnails a {
    display:block;
    margin-bottom: 1em;
  }
  .twittercont, .fancycount {
    display: inline-block;
    margin-left: 6px;
  }
  .facebookcont {
    display: inline-block;
    position: relative;
    margin-left: 6px;
    min-width: 88px;
  }
  a.fancybutton {
    background:url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/fancy.png?10738937740786289946) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:56px;    
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -20px;
  }
  a.pinterestcount {
    background:url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/pinit.png?10738937740786289946) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:41px;
    background-position:0 0;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -20px;
  }
  a.pinterestcount:hover{
    background-position:0 -21px;
  }
  a.pinterestcount:active{
    background-position:0 -42px;
  }
  a.tumblrbutton {
  display:inline-block; 
    text-indent:-9999px; 
    position: relative;
    top: -2px;
    margin-left: 6px;
    overflow:hidden; 
    width:61px; 
    height:20px; 
    background:url('http://platform.tumblr.com/v1/share_2.png') top left no-repeat transparent;
  }
  .modal {
    margin: 10px 0;
    display: none;
    background-color: #f4f3f1;
  }
  .modal_product {
    width: auto;
    line-height:0px;
    max-width: 940px;
  }
  .modal_product img {
    cursor: pointer;
  }
  .modal_image {
    text-align:center;
  }
  .modal a {
    padding-bottom: 0;
  }
  .modal p.modal_price, p.modal_price {
    font-size: 22px;
    margin-bottom: 1em;
  }
  .modal form {
    margin-bottom: 10px;
  }
  .modal a {
    color: #dd390d;
    font-style: italic;
  }
  .modal a:hover {
    color: #3d4247;
  }
  .notify_form .submit {
    padding: 8px 8px !important;
  } 
  .product_image_col {
    margin-top: 15px;
    text-align:center;
  }
  .meta {
    font-size: 13px;
  }
  .meta p {
    font-size: 13px;
    margin-bottom: 0px;
  }
  p.meta {
    margin-bottom: 10px;
  } 
  .comment-body p.meta {
    margin-bottom: 5px;
  }
  .sidebar_title {
    margin-bottom: 0;
  }
  .meta .label, .label {
    color: #6e6c6a;
  }
  .blog_meta, .blog_meta a {
    color: #6e6c6a;
  }
  .blog_meta a:hover {
    color: #3d4247;
  }
  .blog_meta p {
    padding-right: 40px;
  }
  .container .blog_content {
    padding-left: 40px;
    border-left: solid 1px #d7d4d3;
  }
  .count {
    font-style: normal;
    font-size: 13px;
  }
  #tag_filter { 
    margin-bottom: 0;
    float: right;
    width: auto;
    display: none;
  }
  .checkout {
    display:block;
    float:right;
    margin-top: 0px;
  }
  .or {
    font-size:smaller;
    font-style: italic;
    padding: 0 10px;
  }
  input.quantity {
    display: inline;
    height: 28px;
    margin-bottom: 1em;
    margin-right: 10px;
    position: relative;
    top: -2px;
    width: 35px;
  }

  .subtotal {
    text-align:right;
  }
  .mobile_left {
    text-align: right;
  }
  h4.title a.subscribe {
    background: url("//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/rss-icon.png?10738937740786289946") no-repeat 0 4px;
    display: inline;
    padding: 5px 10px 5px 32px;
    font-size: smaller;
  }
 h4.title a.subscribe:hover {
    background-position: 0 -121px;
  }
  h4.title a.twitter {
    background: url("//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/twitter-icon.png?10738937740786289946") no-repeat 0 4px;
    display: inline;
    padding: 5px 0px 5px 32px;
    font-size: smaller;
  }
  h4.title a.twitter:hover {
    background-position: 0 -121px;
  }
  .article { 
    margin-bottom: 45px;
  }
  .comment {
    margin-bottom:20px;
  }
  .comment-body h6 {
    padding-bottom: 0.25em;
  }
  .social_buttons {
    height: 22px;
  }
  .social_buttons span {
    margin: 0 0 8px 0;
  }
  .gravatar { 
    width: 100px !important;
  }
  .gravatar img {
    width: 80px;
    height: 80px;
    margin-bottom: 15px;
    -webkit-border-radius: 40px;
    -khtml-border-radius: 40px;
    -moz-border-radius: 40px;
    -ms-border-radius: 40px;
    -o-border-radius: 40px;
    border-radius: 40px;
  }
  .red {
    color: #C33;
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .search_page {
    padding: 40px 0 60px 0;
  }
  .search_page_text {
    text-align: right;
  }
  .tweet .columns {
    overflow: hidden;
    -ms-word-break: break-all;
    word-break: break-all;
    word-break: break-word;
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    hyphens: auto;
  }
/* #Footer
================================================== */
  div.footer {
    background-color: #020202;
    
    
      border-top: solid 1px #2e2d2c;
    

    font-size: 14px; 
    line-height: 1.7em;
    color: #857777;
    padding: 10px 0;
  }
  .footer p {
    margin-bottom: 10px;
  }
  .footer a {
    color: #f2ede3;
  }
  .footer a:hover {
    color: #dd390d;
  }
  .contact-form {
    margin-bottom: 0;
  }
  form.search {
    margin-bottom: 0px;
  }
  input.search_box {
    padding: 6px 6px 6px 28px;
    background: #fff url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/search.jpg?10738937740786289946) no-repeat 6px;
    border: solid 1px #d7d4d3;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin-bottom: 0px;
  }
  .search_box:focus {
    background-color: #fff;
  }
  .payment_methods {
    margin: 4px 0 6px 0;
  }
  .payment_methods img {
    padding-right: 4px;
    height: 24px;
    width: 40px;
  }
  .credits_right {
    text-align: right;
  }
  .icons {
    list-style: none outside; 
    margin-left: 0;
    border: 0;
  }
  .headline_icons {
    top: 8px;
  }
/* social icons in header */
  .icons li {
    border: 0;
    float: left;
    line-height: 25px;
    margin-right: 8px;
    padding-top: 0;
  }
  .icons li a, .Bg .ah {
      
      background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/social-icons-sprite-25.png?10738937740786289946) no-repeat;
    
    display: inline-block;
    opacity: 0.8;
    -webkit-transition: opacity .2s ease-in-out; 
    -moz-transition: opacity .2s ease-in-out; 
    -o-transition: opacity .2s ease-in-out; 
    transition: opacity .2s ease-in-out;
    cursor: pointer;
    text-indent: -9999px;
    width:25px;
    height:25px;
    background-position:left bottom;
    }
  .headline_icons li a, .cart_icons li a {
    background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/icons.png?10738937740786289946) no-repeat;
  }
  .icons li a:hover {
    background-color:transparent;
    opacity: 1;
  }
  
  .icons .twitter a{background-position:-25px bottom}
  .icons .facebook a{background-position:-50px bottom}
  .icons .vimeo a{background-position:-75px bottom}
  .icons .flickr a{background-position:-100px bottom}
  .icons .delicious a{background-position:-150px bottom}
  .icons .linkedin a{background-position:-200px bottom}
  .icons .youtube a{background-position:-225px bottom}
  .icons .google a, .icons .Bg .ah {background-position:-250px bottom}
  .icons .skype a{background-position:-325px bottom}
  .icons .pinterest a{background-position:-500px bottom}
  .icons .tumblr a{background-position:-625px bottom}
  .icons .instagram a{background-position:-650px bottom}
  .icons .rss a{background-position:-675px bottom}
  .icons .close a{background-position:-700px bottom;position:relative; top:-10px; right: -8px; opacity: 0.6;}

  .footer ul {
    list-style: none outside; 
    margin-left: 0;
  }
  .footer li {
    padding: 6px 0;
    list-style: none outside none;
    margin-bottom: 0;
  }
  .footer ul.footer_menu li:first-child {
    margin-left: 0;
    padding-top: 0;
  }
/*  homepage half layout
================================================== */
.slideshow-wrapper, .promo-wrapper {
  width: 50%;
  max-height: 460px;
  overflow: hidden;
  margin: 10px 0 20px;
  float: left;
}
.slideshow-wrapper {
  float: left;
}
.promo-wrapper {
  float: left;
}
.promo-img-wrapper div { 
  height: 220px; 
  overflow: hidden;
  float: left;
  width:100%;
}
  .promo-img-wrapper a {
    display: block;
    height: 220px;
  }
  .promo-img-wrapper div img { 
      height: 100%;
      width: auto;
  }
        /*make promo images half the width with first float left and last float right*/
    .promo-img-wrapper div:first-child {
        margin: 0;
      width: 48%;
        margin-right: 2%;
      float: left;
      overflow: hidden;

    }
    .promo-img-wrapper div:last-child {
      width: 48%;
        margin: 0;
        margin-left: 2%;
      float: right;
      overflow: hidden;
    }
.promo-video-wrapper {
    position: relative;
  width: 100%;
    margin: 0;
}

/* About Page
================================================== */
body#page.about { 
  background: url("//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/words.gif?10738937740786289946") 45% 65% no-repeat;
  
}
/* Blasteroids
================================================== */
#roid-instructions { 
  max-width: 260px;
  margin: 2em auto;
}

/* sasquatch dealers
================================================== */
.dealers-sasquatch .table-fixed td:nth-child(2), 
.dealers-sasquatch .table-fixed td:first-child + td { 
  min-width: 100px;
}
.thumbnail-wrapper { 
  max-width: 100%;
    width: auto;
    margin: 10px auto;
}
.thumbnail-wrapper img { 
    margin: 10px;
  max-width: 14.16%;
  height: auto; 
}

/* Stores with Doors
================================================== */

body#collection-stores-with-doors {
  background: #fff;
}

body#collection-stores-with-doors .container.main {
  background: url("//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/swd-background.png?10738937740786289946") center 15px no-repeat;
}

.swd-logo {
  height: 280px;
  text-align: center;
  padding: 40px 0 0;
}

#collection-stores-with-doors .description {
  color: #2bbbb2;
  padding: 0 13%;
  line-height: 1;
  text-align: justify;
}


/* Product page layout
================================================== */

/*outerwear and goggle icons */
ul.feature-icons { 
  width: 100%;
    height: auto;
    list-style: none;
    padding: 0; margin-left: 0;
    float: left;
    text-align: center;
} 
ul.goggle-icons { 
    float: left;
    width: 100%;
    height: auto; 
    list-style: none;
    padding: 0; margin-left:0;
}
ul.feature-icons li,
ul.goggle-icons li { 
  float: left;  
    margin: 4px;
    padding: 0;
    width: auto;
    max-height: 68px;
    display: block;
}
 
ul.goggle-icons li {
  max-height: 80px;
    max-width: 80px;
    margin: 4px;
    margin-top: 4px;
}
ul.feature-icons li:first-child { margin-left: 0; }
ul.feature-icons li img, ul.goggle-icons li img { 
  max-height: 98%;
    width: auto;
}

#size-chart-button {
  color: #49afcd;
  font-family: "antoniolight", sans-serif;
  position: relative;
  text-transform: uppercase;
  top: -15px;
}

/* feature listings */
#product .description ul {
  float: left;
  width: 48%;
  height: auto;
  margin: 1%;
  display: block;
  line-height: 1.2em;
  list-style-type: square;
  font-size: 0.825em;
}
#product .description ul li {
  line-height: 1.2em;
  margin-left: 10px;
  padding-right: 10px;
}
#product .description li ul {
  font-weight: normal;
}
#product .description ul:first-of-type {
  font-weight: bold;
}
#product .description ul:last-of-type {
  font-weight: normal;
  color: #666;
}

/* Definition list (goggles etc) */
dl.goggle-features {
}
dl.goggle-features dt { font-weight: bold; }
dl.goggle-features dd { 
  padding-left: 10px; 
  font-size: 1em; 
}

/* Hide slider images from product description */
#product .description > img,
#product .description > p img {
  display: none;
}

  


/* tool tip set up
================================================== */
.has-tooltip {
    background: none;
    color: #555;
    cursor: default;
    font-size: 16px;
    font-weight: bold;
    /*margin: 100px 75px 10px 75px;
    padding: 15px 20px;
    width: 200px; */
    position: relative;
    text-align: center;
    text-transform: uppercase;
    -webkit-transform: translateZ(0); /* webkit flicker fix */
    -webkit-font-smoothing: antialiased; /* webkit text rendering fix */
}
  .has-tooltip h3,
  .has-tooltip p {
      color: #FFF;
      font-size: .66em;
      text-transform: uppercase;
      text-align: center;
      margin: 0 0 2px;
  }
  .has-tooltip a { 
      font-size: .66em; 
      color: #CCC; 
      text-decoration: underline; 
      text-transform: uppercase;
      text-align: center;
      margin-top: 6px;
  }
.has-tooltip .tooltip {
    background: #555;
    bottom: 100%;
    color: #fff;
    display: block;
    left: -25px;
    margin-bottom: 10px;
    opacity: 0;
    padding: 10px;
    position: absolute;
    visibility: hidden;
    width: 150%;
    -webkit-transform: translateY(10px);
       -moz-transform: translateY(10px);
        -ms-transform: translateY(10px);
         -o-transform: translateY(10px);
            transform: translateY(10px);
    -webkit-transition: all .25s ease-out;
       -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
    -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
        -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
         -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
            box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
}

/* This bridges the gap so you can mouse into the tooltip without it disappearing */
.has-tooltip .tooltip:before {
    bottom: -20px;
    content: " ";
    display: block;
    height: 20px;
    left: 0;
    position: absolute;
    width: 100%;
}  

/* CSS Triangles */
.has-tooltip .tooltip:after {
    border-left: solid transparent 10px;
    border-right: solid transparent 10px;
    border-top: solid #555 10px;
    bottom: -10px;
    content: " ";
    height: 0;
    left: 50%;
    margin-left: -13px;
    position: absolute;
    width: 0;
}
  
.has-tooltip:hover .tooltip {
    opacity: 1;
    visibility: visible;
    -webkit-transform: translateY(0px);
       -moz-transform: translateY(0px);
        -ms-transform: translateY(0px);
         -o-transform: translateY(0px);
            transform: translateY(0px);
}

/* Video Pages
================================================== */
.video-feed { 
    list-style-type: none; 
    float: left;
    margin: 0; 
    padding: 0; 
    width: 100%
}
  .video-wrapper { 
      float: left; 
      padding: 0; 
      margin: 10px; 
      max-width: 31.2%;
      height: auto;
      position: relative;
      background-color: #121212;

  }
  .video-feed a { 
      opacity: 1; 
    -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .video-feed a:hover { 
      opacity: .6; 
    -webkit-transition: all .25s ease-out;
        -moz-transition: all .25s ease-out;
        -ms-transition: all .25s ease-out;
         -o-transition: all .25s ease-out;
            transition: all .25s ease-out;
  }
  .video-feed img { 
      border: 0; 
      width: 100%;
      height: auto;
  }
  .overlay { 
      position: absolute
      background: url("") no-repeat center center;
      display: none;
  }
  #stats img#portrait { float: left; margin-right: 10px; }
  #stats { clear: both; } 
  .video-feed a h6 { color: #FFF; }
  .video-feed .truncate {
        width: 96%;
      padding: 4px 10px 8px; 
      margin: 0 auto;
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }

/* #jQuery FlexSlider v2.1
================================================== */
 
/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus  {outline: none;}
.slides,
.flex-control-nav,
.flex-direction-nav, .flex-direction-nav li {margin: 0; padding: 0; list-style: none; border: none;} 
ul.slides li {border:none; padding: 0; margin-bottom: 0; position: relative;}

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides img { 
  display: block;
  width: 100%;
  max-width: 100%; 
  height: auto; 
  margin: 0 auto;
}
  

.flex-pauseplay span {text-transform: capitalize;}

/* Clearfix for the .slides element */
.slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} 
html[xmlns] .slides {display: block;} 
* html .slides {height: 1%;}

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {display: block;}


/* FlexSlider Default Theme
*********************************/
.flexslider {position: relative; zoom: 1; clear:both; overflow: hidden}
.flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;}
.loading .flex-viewport {max-height: 300px;}
.flexslider .slides {zoom: 1;}
.flexslider .slides li {text-align: center}
.carousel li {margin-right: 5px;border: 0}

.flex-caption {margin:0; width: 100%; position: absolute; top: 45%; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .7)}
.flex-caption div.columns.eight {
  margin: 0;
}
.flex-mini-caption {margin:0; width: 100%; position: absolute; top: 10%; color: #fff; text-shadow: 0 1px 2px rgba(0, 0, 0, .7)}
.flex-mini-caption h1, .flex-mini-caption h3 { line-height: 1em; margin-bottom: 0; }
.flexslider .headline { 
  font-family: "antoniolight", sans-serif;
  font-weight: normal;
  font-size: 56px;
  margin-bottom: 0.2em; 
  line-height: 39px; 
  letter-spacing: -1px; 
  text-shadow: 0 1px 2px rgba(0, 0, 0, .7);
  text-transform: uppercase;
}
.flexslider p.subtitle {
  font-family: "antoniolight", sans-serif;
  font-weight: normal;
  font-size: 42px;
  line-height: 58px;
  text-transform: uppercase;
}

/* Direction Nav */
.flex-direction-nav {*height: 0;}
.flex-direction-nav a {width: 60px; height: 60px; margin: -20px 6px 0; display: block; background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/arrow_sprite.png?10738937740786289946) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 0 -120px; right: -36px; }
.flex-direction-nav .flex-prev {background-position: 0 -60px; left: -36px;}
.flexslider:hover .flex-next {opacity: 0.8; right: 5px;}
.flexslider:hover .flex-prev {opacity: 0.8; left: 5px;}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;}
.flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;}

/* Control Nav */
.flex-control-nav {position: absolute; bottom: 20px; right: 3%; width: auto;}
.flex-control-nav li {margin: 0 0 0 5px; display: inline-block; zoom: 1; *display: inline;}
.flex-control-nav li:first-child {margin: 0;}
.flex-control-nav li a {
  width: 13px;
  height: 13px;
  display: block;
  background: rgba(255,255,255,0.3);
  cursor: pointer;
  text-indent: -9999px;
  box-shadow: inset 0 0 1px rgba(0,0,0,0.3);
  -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; 
}
.flex-control-nav li a.flex-active {
  background: rgba(255,255,255,0.7);
  cursor: default;
}
.flex-control-paging li a:hover { background: rgba(255,255,255,0.7); }
.flex-control-thumbs {width: 100%; position: absolute; bottom: -40px; text-align: center;}
.flex-control-thumbs li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;}

.flex-control-thumbs {position: static; overflow: hidden;}
.flex-control-thumbs li, .flex-control-thumbs li:first-child {width: 16%; vertical-align: top; margin: 15px 4% 0 0;}
/*.flex-control-thumbs li:nth-child(4n) {margin: 15px 0 0; }*/
.flex-control-thumbs img {width: 100%; display: block; opacity: .55; cursor: pointer;}
.flex-control-thumbs img:hover {opacity: 1;}
.flex-control-thumbs .flex-active {cursor: default;}
.flex-control-thumbs .flex-active img {opacity: 1;} 
#product_slider .flex-active-slide a:hover {cursor: -webkit-zoom-in; cursor: -moz-zoom-in;}
#product_slider .flex-control-thumbs {text-align: left;}
#collection-slider img {
  display: none;
}

/* #Fancybox
================================================== */
/*! fancyBox v2.1.2 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
  padding: 0;
  margin: 0;
  border: 0;
  outline: none;
  vertical-align: top;
}

.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;
}

.fancybox-skin {
  position: relative;
  background-color: #f4f3f1;
  color: #444;
  text-shadow: none;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

.fancybox-opened {
  z-index: 8030;
}

.fancybox-opened .fancybox-skin {
  -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
     -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
          box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
}

.fancybox-outer, .fancybox-inner {
  position: relative;
}

.fancybox-inner {
  overflow: hidden;
}

.fancybox-type-iframe .fancybox-inner {
  -webkit-overflow-scrolling: touch;
}

.fancybox-error {
  color: #444;
  font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  margin: 0;
  padding: 15px;
  white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
}

.fancybox-image {
  max-width: 100%;
  max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
  background-image: url('//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/arrow_sprite.png?10738937740786289946');
  background-position: 0 -180px;
}

#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -306px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8060;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
} 

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url('//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/fancybox_loading.gif?10738937740786289946') center center no-repeat;
}

.fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 8040;
  background-position: 0 -30px;
  -webkit-border-top-right-radius: 4px;
  -moz-border-radius-topright: 4px;
  border-top-right-radius: 4px;
}

.gallery .fancybox-close {
  -webkit-border-top-right-radius: 0px;
  -moz-border-radius-topright: 0px;
  border-top-right-radius: 0px;
}

.fancybox-close:hover {
  background-position: 0 0;
}

.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  text-decoration: none;
  background: transparent url('//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/blank.gif?10738937740786289946'); /* helps IE */
  -webkit-tap-highlight-color: rgba(0,0,0,0);
  z-index: 8040;
}

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

.fancybox-nav span {
  position: absolute;
  top: 50%;
  width: 60px;
  height: 60px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}

.fancybox-prev span {
  left: 10px;
  background-position: 0 -180px;
}

.fancybox-prev span:hover {
  left: 10px;
  background-position: 0 -60px;
}

.fancybox-next span {
  right: 10px;
  background-position: 0 -240px;
}

.fancybox-next span:hover {
  right: 10px;
  background-position: 0 -120px;
}

.fancybox-nav:hover span {
  visibility: visible;
}

.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  visibility: hidden;
}

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

.fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/fancybox_overlay.png?10738937740786289946);
}

.fancybox-overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}

.fancybox-lock .fancybox-overlay {
  overflow: auto;
  overflow-y: scroll;
}

/* Title helper */

.fancybox-title {
  visibility: hidden;
  font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
  position: relative;
  text-shadow: none;
  z-index: 8050;
}

.fancybox-opened .fancybox-title {
  visibility: visible;
}

.fancybox-title-float-wrap {
  position: absolute;
  bottom: 0;
  right: 50%;
  margin-bottom: -35px;
  z-index: 8050;
  text-align: center;
}

.fancybox-title-float-wrap .child {
  display: inline-block;
  margin-right: -100%;
  padding: 2px 20px;
  background: transparent; /* Fallback for web browsers that doesn't support RGBa */
  background: rgba(0, 0, 0, 0.8);
  -webkit-border-radius: 15px;
     -moz-border-radius: 15px;
          border-radius: 15px;
  text-shadow: 0 1px 2px #222;
  color: #FFF;
  font-weight: bold;
  line-height: 24px;
  white-space: nowrap;
}

.fancybox-title-outside-wrap {
  position: relative;
  margin-top: 10px;
  color: #fff;
}

.fancybox-title-inside-wrap {
  padding-top: 10px;
}

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/*
 Cloud Zoom CSS. (c)2012 Star Plugins.
*/
.cloudzoom-lens {
  border:none;
  border:1px solid #888;
  width:225px;
  height:175px;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
  cursor:pointer;
}
.cloudzoom-zoom {
  border:1px solid #888;
  box-shadow: -0px -0px 10px rgba(0,0,0,0.40);
}
.cloudzoom-zoom-inside {
  border:none;
  box-shadow:none;
}
.cloudzoom-caption {
  display:none; 
  text-align: left;
  background-color:#000;
  color:#fff;
  font-weight:bold;
  padding:10px;
  font-family: sans-serif;
  font-size:11px;
}
.cloudzoom-blank {
  background-image:url('//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/blank.gif?10738937740786289946');
}
div.cloudzoom-ajax-loader {
  background: #000 url('//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/fancybox_loading.gif?10738937740786289946') center center no-repeat;
  width: 44px;
  height: 44px;
  opacity: 0.6;
  -webkit-border-radius: 8px;
  -khtml-border-radius: 8px;
  -moz-border-radius: 8px;
  -ms-border-radius: 8px;
  -o-border-radius: 8px;
  border-radius: 8px;
}

/*
* Layout
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/
/* Table of Contents
==================================================
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Media Queries */
/* #Base 960 Grid
================================================== */
    .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
    .container .column,
    .container .columns                         { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
    .row                                        { margin-bottom: 20px; }

    /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }

    /* Base Grid */
    .container .one.column,
    .container .one.columns                     { width: 40px;  }
    .container .two.columns                     { width: 100px; }
    .container .three.columns                   { width: 160px; }
    .container .four.columns                    { width: 220px; }
    .container .five.columns                    { width: 280px; }
    .container .six.columns                     { width: 340px; }
    .container .seven.columns                   { width: 400px; }
    .container .eight.columns                   { width: 460px; }
    .container .nine.columns                    { width: 520px; }
    .container .ten.columns                     { width: 580px; }
    .container .eleven.columns                  { width: 640px; }
    .container .twelve.columns                  { width: 700px; }
    .container .thirteen.columns                { width: 760px; }
    .container .fourteen.columns                { width: 820px; }
    .container .fifteen.columns                 { width: 880px; }
    .container .sixteen.columns                 { width: 940px; }

    .container .one-third.column                { width: 300px; }
    .container .two-thirds.column               { width: 620px; }

    /* Offsets */
    .container .offset-by-one                   { padding-left: 60px;  }
    .container .offset-by-two                   { padding-left: 120px; }
    .container .offset-by-three                 { padding-left: 180px; }
    .container .offset-by-four                  { padding-left: 240px; }
    .container .offset-by-five                  { padding-left: 300px; }
    .container .offset-by-six                   { padding-left: 360px; }
    .container .offset-by-seven                 { padding-left: 420px; }
    .container .offset-by-eight                 { padding-left: 480px; }
    .container .offset-by-nine                  { padding-left: 540px; }
    .container .offset-by-ten                   { padding-left: 600px; }
    .container .offset-by-eleven                { padding-left: 660px; }
    .container .offset-by-twelve                { padding-left: 720px; }
    .container .offset-by-thirteen              { padding-left: 780px; }
    .container .offset-by-fourteen              { padding-left: 840px; }
    .container .offset-by-fifteen               { padding-left: 900px; }



/* #Tablet (Portrait)
================================================== */

    /* Note: Design for a width of 768px */

    @media only screen and (min-width: 768px) and (max-width: 959px) {
        .container                                  { width: 768px; }
        .container .column,
        .container .columns                         { margin-left: 10px; margin-right: 10px;  }
        .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 10px; }
        .column.omega, .columns.omega               { margin-right: 0; margin-left: 10px; }
        .alpha.omega                                { margin-left: 0; margin-right: 0; }

        .container .one.column,
        .container .one.columns                     { width: 28px; }
        .container .two.columns                     { width: 76px; }
        .container .three.columns                   { width: 124px; }
        .container .four.columns                    { width: 172px; }
        .container .five.columns                    { width: 220px; }
        .container .six.columns                     { width: 268px; }
        .container .seven.columns                   { width: 316px; }
        .container .eight.columns                   { width: 364px; }
        .container .nine.columns                    { width: 412px; }
        .container .ten.columns                     { width: 460px; }
        .container .eleven.columns                  { width: 508px; }
        .container .twelve.columns                  { width: 556px; }
        .container .thirteen.columns                { width: 604px; }
        .container .fourteen.columns                { width: 652px; }
        .container .fifteen.columns                 { width: 700px; }
        .container .sixteen.columns                 { width: 748px; }

        .container .one-third.column                { width: 236px; }
        .container .two-thirds.column               { width: 492px; }

        /* Offsets */
        .container .offset-by-one                   { padding-left: 48px; }
        .container .offset-by-two                   { padding-left: 96px; }
        .container .offset-by-three                 { padding-left: 144px; }
        .container .offset-by-four                  { padding-left: 192px; }
        .container .offset-by-five                  { padding-left: 240px; }
        .container .offset-by-six                   { padding-left: 288px; }
        .container .offset-by-seven                 { padding-left: 336px; }
        .container .offset-by-eight                 { padding-left: 384px; }
        .container .offset-by-nine                  { padding-left: 432px; }
        .container .offset-by-ten                   { padding-left: 480px; }
        .container .offset-by-eleven                { padding-left: 528px; }
        .container .offset-by-twelve                { padding-left: 576px; }
        .container .offset-by-thirteen              { padding-left: 624px; }
        .container .offset-by-fourteen              { padding-left: 672px; }
        .container .offset-by-fifteen               { padding-left: 720px; }
  
      .logo, .nav { width: auto !important; }
        
      #header-bar .nav { float: right!important; }

      .flexslider .headline { 
        font-size: 1.7em; 
      line-height: 1.4em;
      }
      .video-feed .video-wrapper {  
            max-width: 47.25%;
            height: auto;
        }
    }


/*  #Mobile (Portrait)
================================================== */

    /* Note: Design for a width of 320px */

    @media only screen and (max-width: 767px) {
        .container { width: 300px; max-width: 100%; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column  { width: 300px; }

        .container .logo.column       { width: 200px; }
        .container .nav.column        { width: 90px; margin-left: 10px; }

        /* Offsets */
        .container .offset-by-one,
        .container .offset-by-two,
        .container .offset-by-three,
        .container .offset-by-four,
        .container .offset-by-five,
        .container .offset-by-six,
        .container .offset-by-seven,
        .container .offset-by-eight,
        .container .offset-by-nine,
        .container .offset-by-ten,
        .container .offset-by-eleven,
        .container .offset-by-twelve,
        .container .offset-by-thirteen,
        .container .offset-by-fourteen,
        .container .offset-by-fifteen { padding-left: 0; }

      .logo, .nav { width: auto !important; }
     #header-bar .nav { float: right!important; }

        
         /*make promo images hidden*/
    .promo-img-wrapper {
      display: none;
    }
      
    #index .columns {
      text-align: center;
    }
    
    /*make containers full width*/
    .slideshow-wrapper, .promo-wrapper {
      float: left;
      width: 100%;
      margin: 10px 0!important;
      max-height: 100%;
    }
      .gramfeed li  {
      margin: 1%;
        float: left;
        max-width:  31.333%; /* fourths=23%, thirds = 33.333%, halfs= 48% */ 
      list-style: none;
    }
    ul.feature-icons li,
        ul.goggle-icons li { 
            margin: 4px;
            padding: 4px 0;
            max-height: 80px; /*adjust this to resize icons */
        }
        ul.feature-icons li:first-child { margin-left: 10px; }
        ul.feature-icons li img, ul.goggle-icons li img { 
            max-height: 98%;
        }
  /*box menu for smart phone portrait*/

.boxMenu { 
  max-width: 320px;
    margin: 10px 0;
}
  #menu-boxmenu {
    margin-left: 0;
  }
    #menu-boxmenu li {
        background-size: cover;
      margin: .5%;
      width: 147px;
      height: 147px;
    }
      #menu-boxmenu li a { 
          background-size: cover;
        width: 147px;
        height: 147px;
      }
      
    /*specific menu items*/
    /*look into pulling featured images as the link*/

    #menu-boxmenu .slayer a {
      background-position: 0 0;
    }
    #menu-boxmenu .slayer {
        background-position: -147px 0;
    }
    #menu-boxmenu .freedom a {
      background-position: -294px 0;
    }
    #menu-boxmenu .freedom {
      background-position: -441px 0;
    }
    #menu-boxmenu .glacier a {
      background-position: -588px 0;
    }
    #menu-boxmenu .glacier {
      background-position: -735px 0;
    }
    #menu-boxmenu .beast a {
      background-position: -882px 0;
    }
    #menu-boxmenu .beast {
      background-position: -1029px 0;
    }


  

      .video-feed .video-wrapper {  
            max-width: 100%;
            height: auto;
        }
  /* thumbnail imgs (online dealer logos) */
      .thumbnail-wrapper img { 
        margin: 1%;
      max-width: 46%;
      }
      /* fix landscape to portrait margin bug - solve which element is causing it  */
      .footer { overflow-x: hidden; } 
      
    }


/* #Mobile (Landscape)
================================================== */

    /* Note: Design for a width of 480px */

    @media only screen and (min-width: 480px) and (max-width: 767px) {
  
        .container { width: 420px; }
        .container .columns,
        .container .column { margin: 0; }

        .container .one.column,
        .container .one.columns,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns,
        .container .eight.columns,
        .container .nine.columns,
        .container .ten.columns,
        .container .eleven.columns,
        .container .twelve.columns,
        .container .thirteen.columns,
        .container .fourteen.columns,
        .container .fifteen.columns,
        .container .sixteen.columns,
        .container .one-third.column,
        .container .two-thirds.column { width: 420px; }

        .container .logo.column       { width: 200px; }
        .container .nav.column        { width: 210px; margin-left: 10px; }
  
      .logo, .nav { width: auto !important; }

        
        /*make promo images half the width with first float left and last float right*/
    .promo-img-wrapper div:first-child {
      width: 48%;
      float: left;
      overflow: hidden;
    }
    .promo-img-wrapper div:last-child {
      width: 48%;
      float: right;
      overflow: hidden;
    }
    .promo-img-wrapper .half { width: 48%!important; }
      .promo-img-wrapper img { width: 100%; }
    
    /*make containers full width*/
    .slideshow-wrapper, .promo-wrapper {
      float: left;
      width: 100%;
      margin: 10px!important;
      max-height: 100%;
    }

.boxMenu { 
  max-width: 420px;
    margin: 10px 0;
}
  #menu-boxmenu {
    margin-left: 0;
  }
    #menu-boxmenu li {
        background-size: cover;
      margin: .5%;
      width: 100px;
      height: 100px;
    }
      #menu-boxmenu li a { 
          background-size: cover;
        width: 100px;
        height: 100px;
      }
      
    /*specific menu items*/
    /*look into pulling featured images as the link*/

    #menu-boxmenu .ninja-suits a {
      background-position: 0 0;
    }
    #menu-boxmenu .ninja-suits {
        background-position: -100px 0;
    }
    #menu-boxmenu .s-layer a {
      background-position: -200px 0;
    }
    #menu-boxmenu .s-layer {
      background-position: -300px 0;
    }
    #menu-boxmenu .sasquatch a {
      background-position: -400px 0;
    }
    #menu-boxmenu .sasquatch {
      background-position: -500px 0;
    }
    #menu-boxmenu .winter a {
      background-position: -600px 0;
    }
    #menu-boxmenu .winter {
      background-position: -700px 0;
    }

  
  
  

      /* thumbnail imgs (online dealer logos) */
      .thumbnail-wrapper { margin: 0 0 0 10px; }
      .thumbnail-wrapper img { 
        margin: 1.6%;
      max-width: 29.4%;
      }
  
    } /* end 480px mobile landscape media query */


/* #Clearing
================================================== */

    /* Self Clearing Goodness */
    .container:after { content: "\0020"; display: block; height: 0; clear: both; visibility: hidden; }

    /* Use clearfix class on parent to clear nested columns,
    or wrap each row of columns in a <div class="row"> */
    .clearfix:before,
    .clearfix:after,
    .row:before,
    .row:after {
      content: '\0020';
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0; }
    .row:after,
    .clearfix:after {
      clear: both; }
    .row,
    .clearfix {
      zoom: 1; }

    /* You can also use a <br class="clear" /> to clear columns */
    br.clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
  .clear { clear: both; }
/* #Media Queries
================================================== */
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) { 
    #contact_email {
      width: 170px;
    }
    .collection_menu {
      display: none;
    }
    h1.collection_title_tags, div.collection_title_tags {
      border-right: 0;
      margin-right: 0;
      padding-right: 0;
    }
    .cloudzoom-lens {
      width:140px;
      height:120px;
    }
  }
/* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .logo a {
      margin-top: 2px;
	}

    .nav ul li.sasquatch a, .nav ul li.sasquatch a:visited, .nav ul li.sasquatch a:active {
      background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/sassy-icon-32.png?10738937740786289946) no-repeat 0 5px !important;
    }
  
    .flex-caption, .flex-mini-caption { top: 45%; }
    .or { display: none; }

  .boxMenu { 
      max-width: 768px;
      margin: 10px 0;
  }
      #menu-boxmenu {
          margin-left: 0;
      }
          #menu-boxmenu li {
              background-size: cover;
              width: 172px;
              height: 172px;
          }
              #menu-boxmenu li a { 
                  background-size: cover;
                  width: 172px;
                  height: 172px;
              }
              
          /*specific menu items*/
          /*look into pulling featured images as the link*/
  
          #menu-boxmenu .ninja-suits a {
              background-position: 0 0;
          }
          #menu-boxmenu .ninja-suits {
              background-position: -172px 0;
          }
          #menu-boxmenu .s-layer a {
              background-position: -344px 0;
          }
          #menu-boxmenu .s-layer {
              background-position: -516px 0;
          }
          #menu-boxmenu .sasquatch a {
              background-position: -688px 0;
          }
          #menu-boxmenu .sasquatch {
              background-position: -860px 0;
          }
          #menu-boxmenu .winter a {
              background-position: -1032px 0;
          }
          #menu-boxmenu .winter {
              background-position: -1204px 0;
          }
  
  }
/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {

  select { 
      width:100%; 
    }
  #tag_filter {
    display: block;
    width: 100%;
    margin: 2em 0 0;
  }
    #contact_email {
      width: 94%;
    }
    .search_page_text {
      text-align: left;
    }
    a.button, 
    button,
    .action_button, 
    a.action_button, 
    textarea {
      width: 85%;
    }

    .flexslider a.action_button {
      width: initial;
    }

    input[type="submit"],
    input[type="reset"],
    input[type="button"],
    input.action_button[type="submit"], 
    input.action_button[type="button"],
    #sign_up {
      margin-left: 0;
      width: 100%;
    }

    .cart_icons, .or {
      display: none;
    }
    .credits_right {
      text-align: left;
    }
    .container .column.thumbnail, .container .columns.thumbnail {
      margin-top: 1em;
    }
  table[style] {
      width:auto !important;
      max-width:100% !important;
      overflow: hidden;
    }
  tr, td {
      display:block;
      width:99% !important;
      max-width:99% !important;
      padding:0px !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
  tr {
    padding-bottom: 6px !important;
  }
  td {
    padding: 4px !important;
  }
  .title_column {
      float:left;
    }
  .subtotal_amount {
      text-align:right;
    }
  .mobile_left {
      text-align:left;
    }
  .container div.mobile_only {
      display:block;
    }
  .quantity_label {
    display: inline;
  }  
  .price_total {
    text-align: right;
  }
  .price_total_text {
    display:block;
  }
  .update_subtotal, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
    display: block;
    margin-bottom: 0;
  }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 1em !important;
    }
  .multiple_product_images {
      display: none;
    }
  .flex-caption, .flex-mini-caption {
    top: 45%;
  }
  .container .blog_content {
    padding-left: 0;
    border: 0;
  }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    .nav ul.main > li, .nav ul.nav_buttons > li {
      line-height: 83px;
    }
    .mobile_hidden { display: none !important }
    ul.menu li.navicon_button { display:inline-block }
    ul.menu li { padding: 0; }
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .nav ul.main > li, .nav ul.nav_buttons > li {
      line-height: 83px;
    }
    .mobile_hidden { display: none !important }
    ul.menu li.navicon_button { display:inline-block; }
    ul.menu li { padding: 0 }

	.cart_count { display: none;}
    ul.mobile_menu input.search_box { width: 240px !important;}
    .flex-caption .headline, .flex-caption p.subtitle,
    .flex-mini-caption .headline, .flex-mini-caption p.subtitle {
        font-size: 2.5em;
        line-height: 1.1;
      }
    .flex-caption p.subtitle, .flex-mini-caption p.subtitle {
      font-size: 1.9em;
      line-height: 0.9em;
      margin-bottom: 0.5em;
    }  
    .flex-caption .action_button {
      padding: 4px 15px;
      font-size: 12px;
    }
    .flex-direction-nav .flex-prev {display: none;}
    .flex-direction-nav .flex-next {display: none;}

    h1, h2, h1.home, h1.blog_title, h3, h4, h5, h6, .title a { 
        font-size: 150%;
      }
    h1, h1.home, h1.blog_title, .title a, h2 {
        padding:0;
      }
   /*make promo images full width*/
    .promo-img-wrapper div:first-child {
      width: 100%;
      float: left;
      overflow: hidden;
        margin: 0 0 10px;
    }
    .promo-img-wrapper div:last-child {
      width: 100%;
      float: right;
      overflow: hidden;
        margin: 10px 0 0;
    }
}
@media
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (-webkit-min-device-pixel-ratio: 2),
  (min-device-pixel-ratio: 2) {
    input.search_box {
      background: #fff url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/search2x.jpg?10738937740786289946) no-repeat 6px;
      background-size: 14px 14px; 
    }
}

@-moz-document url-prefix() {
  input.search_box {
    position: relative;
    top: 8px;
  }
  .inline_purchase {
    position: relative;
    top: 12px;
  }
}

@media only screen and (min-width : 768px) {
 /* desktop and tablet landscape */
  html, body {
    height: 100%;
  }
  div.footer {
    position: relative;
    margin-top: -237px;
  }
  div.content {
    padding-bottom: 290px;
	min-height: 72%;
  }  
 /* shop dropdown gender specific menu. Thanks to thirtytwo.com for inspiration */
  #header-bar div.content {
    position: relative;
  }
  .nav ul li.shop {
    display: inline-block;
    padding: 0 0 0 20px;
    position: static;
    margin: 0;
    border: 0;
  }
    .nav ul ul.shop {
      background: rgba(244,243,241,.90);
      box-shadow: 0 0 3px 2px rgba(32,32,32,.2);
      width: 90%;
      left: 5%;
      position: absolute;
      padding: 20px 0 30px;
      border: none;
    }
    ul ul.shop li {
      width: 44%;
      margin: 0 1% 0;
      float: left;
      background: none;
      border: none;
    }
    .nav ul.shop li a, .nav ul.shop li a:visited { 
      color: #fff;
      font-size: 22px;
    }
    .nav ul li a.cart, .nav ul li a.navicon, input[type="submit"].guest_button {  
      padding: 0;
    }
    .menu ul a, .menu li:hover > ul a {
      background: #020202;
    }
    ul ul.shop li a:hover, ul ul.shop li a:active { 
      color: #fff;
    }
      .nav .shop ul ul li a { 
        padding-left: 40px;
        /*font-size: 14px; */
      }
      
    ul ul.shop li:first-of-type { margin-left: 5%; }

      .nav .shop li ul {
        width: 100%;
        position: relative;
        font-size: .8em;
        left: 0;
    	top: 0;
        display: block;
        border: none;
        margin-top: 3px;
      }
        .nav .shop li ul li { 
          width: 100%;
          margin: 0;
          border-bottom: 1px solid #333;
        }
        .nav .shop li ul li:last-child { 
          border-bottom: none;
        }
        .nav .shop li a:hover, .nav .shop li ul li a:hover, .nav ul.shop li a:active {
          background: #999;
        }

  .nav ul li.search a span {
    display: none;
  }
  .nav ul li.search a:before {
    content: '\f002';
    display: block;
	font-family: 'FontAwesome', sans-serif;
    speak: none;
    -webkit-font-smoothing: antialiased;
  }

/* Sassy icon in main nav */    
  .nav ul li.sasquatch a, .nav ul li.sasquatch a:visited, .nav ul li.sasquatch a:active {
    color: #FFF; /*so opacity looks consistent with other links */
    opacity: .56; /* makes the white match the grey links color */
    display: block;
    width: 32px;
    background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/sassy-icon-32.png?10738937740786289946) no-repeat 0 5px;
    background-color: transparent;
    padding: 0;
    -webkit-transition: opacity .2s ease-in-out;
    -moz-transition: opacity .2s ease-in-out;
    -o-transition: opacity .2s ease-in-out;
    transition: opacity .2s ease-in-out;
  }
  /*hide sasquatch text */
  .nav ul li.sasquatch a span { visibility: hidden; }
  .nav ul li.sasquatch a:hover {
    background-color: transparent;
    opacity: 1;
  }
  /* Sassy icon in dealers dropdown */  
  .nav ul .dealers .sasquatch a, .nav ul .dealers .sasquatch a:visited,   .nav ul .dealers .sasquatch a:hover, .nav ul .dealers .sasquatch a:active {
    background: url(//cdn.shopify.com/s/files/1/0236/7291/t/10/assets/sassy-icon-32.png?10738937740786289946) no-repeat 10px 3px !important;
    text-indent: 0;
    padding: 10px 0 10px 48px;
  }
}

@media only screen and (min-device-width : 320px) and (max-device-width : 1024px) {
     html {
        -webkit-text-size-adjust: 100%;
     }
}




/* 
   Swatches Styles
*/




span.variant-name {
  font-size: 16px;
}

.swatch { 
  margin:1em 0; 
}
/* Label */
.swatch .header {
  margin: 0.5em 0;
}
/* Hide radio buttons.*/
.swatch input { 
  display:none;
}
.swatch label {
  /* Rounded corners */
  -webkit-border-radius:2px;
  -moz-border-radius:2px;
  border-radius:2px;
  /* To give width and height */
  float:left;
  /* Color swatches contain no text so they need to have a width. */
  min-width:30px !important; 
  height:35px !important;
  /* No extra spacing between them */
  margin:0;
  /* The border when the button is not selected */
  border:#ddd 1px solid;
  /* Background color */
  background-color:#fff;
  /* Styling text */
  font-family: "antoniolight", sans-serif;
  font-size:18px;
  text-align:center;
  line-height:35px;
  white-space:nowrap;
  text-transform:uppercase;
}
.swatch-element label {
  cursor: pointer;
  padding:0 12px;
}
.color.swatch-element label { padding:0; }
/* Styling selected swatch */
.swatch input:checked + label {
  background: none repeat scroll 0 0 #49AFCD;
  border-color:transparent;
  color: #fff;
} 
.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  /* To position the sold out graphic and tooltip */
  position:relative;
}
/* Image with the cross in it */
.crossed-out { position:absolute; width:100%; height:100% !important; left:0; top:0; }
.swatch .swatch-element .crossed-out { display:block; }
.swatch .swatch-element img.crossed-out-img{display: none !important;}
.swatch .swatch-element.soldout .crossed-out { display:block; }
.swatch .swatch-element.soldout label {
  /* fx, safari, opera */
}
/* Tooltips */
.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-33px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
     -moz-transform: translateY(10px);
      -ms-transform: translateY(10px);
       -o-transform: translateY(10px);
          transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
     -moz-transition: all .25s ease-out;
      -ms-transition: all .25s ease-out;
       -o-transition: all .25s ease-out;
          transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
     -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
      -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
       -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
          box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
     -moz-transform:translateY(0px);
      -ms-transform:translateY(0px);
       -o-transform:translateY(0px);
          transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}