/******************************************************************
Theme Name: Responsive v2.5
Theme URI: http://themes.shopify.com/themes/responsive/styles/new-york?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
  #Homepage_images
  #Typography
  #Links
  #Lists
  #Menu
  #Images
  #Videos
  #Buttons
  #Tabs
  #Impactabs	
  #Forms
  #Tables
  #Horizontal Line
  #Misc
  #Site Styles 
  #FlexSlider 
  #FancyBox
  #Accordion_hero
  #Hero
  #Jbar
  #Sidebar Tab
  #Layout
  #Font-Face 
		*/
  
/* #Reset & Basics (Inspired by E. Meyers)
================================================== */
  html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, h7, h8, h9, h22, 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;
    

    text-shadow: 0px 1px 1px rgba(255, 255, 255, 0.3);
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
    
    
      font-family: Verdana, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
      
    font-weight: normal;      
    font-size: 15px; 
    text-transform: none;
    color: #2d2d2e;
    line-height: 1.7em;
}
::-moz-selection {
       background-color: #000;
       color: #fff;
}
::selection {
       background-color: #000;
       color: #fff;
}
abbr {
  border-bottom: 1px dotted #d3d3d3;
} 

.ImageBorder
{
  border: 7px solid #2d2d2e;
  
  padding: 0 0px 0 0px;
  margin: 0px 0px 0 0px;
}

.padding
{
    padding: 0 0 0 10px;

}

 @media only screen and (max-width: 767px) {
     .padding
{
    padding: 0px;
}
 }
    
    @media only screen and (min-width: 480px) and (max-width: 767px) {
        .padding
{
    padding: 0px;
}
        }



#feature img {
  	max-width: 100%;
    height: auto;
}

/* #Rollover Image
================================================== */
.rollover_img {
background-image: url(//cdn.shopify.com/s/files/1/0176/5914/files/video_template.jpg?2424);
background-position: top;
font:50px normal Arial, Helvetica, sans-serif;
line-height:18px;
float:center;
margin:0 10px 10px 0;
}

.rollover_img a {
color: #fff;
display: block;
text-decoration: none;
}

.rollover_img a:hover {
background:#000;
opacity:.60;
filter:alpha(opacity=60);

}

.rollover_img a span {
display: none;
padding:5px;
}

.rollover_img a:hover span {
display: block;
}

/* #Rollover Image 2
================================================== */
figure.cssmouseover {
padding-top: 44.83%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Flag-Lookbookcolor.jpg?6946);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */


}
figure.cssmouseover:hover {
padding-top: 44.83%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Flag-LookbookBW.jpg?6927);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
      		opacity: 1;
    		-webkit-box-shadow:inset 0px 0px 0px 10px #2d2d2e;
    		-moz-box-shadow:inset 0px 0px 0px 10px #2d2d2e;
    		box-shadow:inset 0px 0px 0px 10px #2d2d2e;

}

figure.cssmouseover2 {
padding-top: 44.83%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Flag-Videocolor.jpg?6927);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */


}
figure.cssmouseover2:hover {
padding-top: 44.83%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Flag-VideoBW.jpg?6927);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
          	opacity: 1;
    		-webkit-box-shadow:inset 0px 0px 0px 10px #2d2d2e;
    		-moz-box-shadow:inset 0px 0px 0px 10px #2d2d2e;
    		box-shadow:inset 0px 0px 0px 10px #2d2d2e;

}



/* #Homepage_images
================================================== */
.homepage_images {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Lookbook.jpg?9318);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */


}
.homepage_images:hover {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Lookbook_black.jpg?8359);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  cursor: pointer;


}

.homepage_images2 {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Video.jpg?9318);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  


}
.homepage_images2:hover {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Video_black.jpg?8359);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
	cursor: pointer;

}

.homepage_images3 {
padding-top: 121.5%;
  background-image: url(https://cdn.shopify.com/s/files/1/0176/5914/files/Heroes.jpg?14395887249610733245);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
  


}
.homepage_images3:hover {
padding-top: 121.5%;
  background-image: url(http://cdn.shopify.com/s/files/1/0176/5914/files/Heroes_black.jpg?8359);
  background-size: cover;
  -moz-background-size: cover;  /* Firefox 3.6 */
  background-position: center;  /* Internet Explorer 7/8 */
cursor: pointer;
}


img {
    opacity: 1.0;
    transition: opacity 1s ease-in-out;
    -moz-transition: opacity 1s ease-in-out;
    -webkit-transition: opacity 1s ease-in-out;
}

#frontpage_image:hover {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}




/* #Typography
================================================== */
  .logo {   
    
      font-family: "Droid Serif";
      
    
    font-weight: normal;      
    font-size: 45px; 
    text-transform: uppercase;
    color: #2d2d2e;
  }
  .logo a, .logo a:hover, .logo a:visited, .logo a:active {
    color: #2d2d2e;    
    line-height: 45px;
  }
h1, h2, h3, h4, h5, h6, h9, h22, .title a { 
    
      font-family: 'fette_engschriftregular', sans-serif;
      
    font-weight: normal;    
    text-transform: uppercase;
    color: #2d2d2e;
    display:block;
    letter-spacing: 0px;
}






h10 { 
    
      font-family: 'fette_engschriftregular', sans-serif;
      
    font-weight: normal;    
    text-transform: uppercase;
    color: #2d2d2e;
    display:block;
  	text-align: center;
  	font-size: 500%;
  	line-height: 70px;
  	margin-bottom: 20px;
}

h11 { 
    
      font-family: 'fette_engschriftregular', sans-serif;
      
    font-weight: normal;    
    text-transform: uppercase;
    color: #2d2d2e;
    display:block;
      text-align: center;
  	font-size: 800%;
  	line-height: 90px;
  	margin-bottom: 20px;
  
  
}


h7  {
  
font-family: 'fette_engschriftregular', sans-serif;
    font-weight: normal;    
    text-transform: uppercase;
    color: #ffffff;
    display:block;
  	font-size: 50px; 
    letter-spacing: 2px;
}



h7 .title a {
font-family: 'fette_engschriftregular', sans-serif;
    font-weight: normal;    
    text-transform: uppercase;
    color: #ffffff;
    display:block;
    letter-spacing: 2px;
}



h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h7 a, h8 a, h9 a, h22 a, .title a { font-weight: inherit; }
h1 a, h1 a:visited, .title a, .title a:visited h9 a, h9 a:visited { color: #2d2d2e }
h1 a:hover, h1 a:active, .title a:hover, .title a:active { color: #4b6e88 }
h1, .h1, h1.home, h2.title, .title a { font-size: 40px;  line-height: 50px; margin: 0 auto 20px; text-align: center; border-bottom: 0px solid #d3d3d3; border-top: none; padding: 0 0 8px 0; clear:both;}
h1.home { margin: 0 auto 15px; border-top: 0px solid #d3d3d3; border-bottom: 0px solid #d3d3d3; padding: 12px 0;  }
h1.product_name { text-align:left; clear:none;}
h2, .h2 { font-size: 26px; line-height: 45px; margin: 0 auto 20px; text-align: center; border-top: 0px solid #d3d3d3; border-bottom: 0px solid #d3d3d3; padding: 12px 0; }
h22, .h22 { font-size: 26px; line-height: 45px; margin: 0 auto 0px; text-align: center; border-top: 0px solid #d3d3d3; border-bottom: 0px solid #d3d3d3; padding: 12px 0; }
h3, .h3, h1.blog_title { font-size: 25px; line-height: 35px; margin: 0 auto 15px 0; text-align: left; border-bottom: 1px solid #d3d3d3; padding: 0 0 12px 0; }
h4, .h4, h4.title a { font-size: 24px; line-height: 35px; margin: 0 0 15px 0; text-align: left; padding: 0; text-transform: none; border-bottom: 1px solid #d3d3d3; padding-bottom:12px;}
h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
h5, .h5 { font-size: 22px; padding-bottom: 5px; }
h6, .h6 { font-size: 20px; padding-bottom: 15px;}
h7, .h7 { font: futura; font-size: 16px; padding: 10px 0px; }
h8, .h8 { font: futura; font-size: 9px; padding: 20px 0px; text-transform: none;}
h9, .h9 { font-size: 40px;  line-height: 50px; margin: 0 auto 20px; text-align: center; padding: 0 0 8px 0; clear:both;}
.footer h6 { color: #2d2d2e; }
.subheader { color: #777; }
  .modal h3 { padding: 12px 0;}
h6.social { padding-bottom: 10px }
p { margin: 0 0 20px; font-style: normal;  }
p.indent { margin: 0 0 0 10px;}
p.nospace { margin: 0 0 0 0px;}
p img { margin: 0; }
  em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 80%; }
/*  Blockquotes  */
  blockquote, blockquote p { font-family: "Times New Roman"; font-size: 30px; line-height: 28px; font-style: italic; color: #4b6e88;}
blockquote { width: 50%; float: right; margin: 0 0 20px 20px; padding: 9px 20px 0 19px; border-left: 1px solid #d3d3d3; }
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 #ddd; border-width: 1px 0 0; clear: both; margin: 10px 0 15px; height: 0; }
.quote {
     font-size: 18px;
     line-height: 32px;
     text-align: center;
     margin: 0 0 20px 0;
     font-style: italic;
  }
/* #Links
================================================== */
  a, a:visited { 
      color: #4b6e88; 
      text-decoration: none; outline: 0; -webkit-transition: color 0.3s ease-out 0s; -moz-transition: color 0.3s ease-out 0s; -o-transition: color 0.3s ease-out 0s; transition: color 0.3s ease-out 0s; 
      
      }
a:hover, a:focus { 
    color: #5a5a5a; 
   
    }

/* #Lists
================================================== */
  ul, ol { margin-bottom: 20px; }
ul { list-style: none outside; }
ol { list-style: decimal; }
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; }
li p { line-height: 21px; }
ul {
    border-top: 0px dotted #d3d3d3;
    line-height: 26px;
}
ul li {
    border-bottom: 0px dotted #d3d3d3;
    list-style: none outside none;
    padding: 4px 0;
    margin-bottom: 0;
}



/* #Menu
================================================== */
.top_bar {
  background-color: #2d2d2e;
  
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.25), inset 0 -1px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  line-height: 1;
  border-bottom: solid 9px #4b6e88;
}
.top_bar .container {
  padding-top: 0;
  padding-bottom:0;
}
.top_bar a {
  
  font-family: 'fette_engschriftregular', sans-serif;
    
  font-weight: normal;      
  font-size: 13px; 
  text-transform: uppercase;
  color: #777777;
  letter-spacing: 3px;
  text-shadow: 0px 1px 1px rgba(0, 0, 0, .4);
  display:block;
  height: 30px;
  line-height: 30px;
}
.top_bar a:hover {
  color: #ffffff;
}
.top_bar a:hover span {
  background-color: rgba(255, 255, 255, .4);
}
.top_bar a.cart {
  
    background: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/cart.png?9940834123708505595) no-repeat left 7px;
  
  padding-left: 22px;
}
.top_bar a.cart:hover {
  background-position: left -43px;
}

.top_bar a.cart {
  background: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/bag.png?9940834123708505595) no-repeat left 5px;
  padding-left: 22px;
}
.top_bar a.cart:hover {
  background-position: left -23px;
}

.top_bar ul {
  padding:0;
  margin: 0;
  border: 0;
}
.top_bar ul li {
  float:right;
  border-right: 1px solid rgba(58, 67, 68, .2);
  border-left: 1px solid rgba(27, 32, 34, .3);
  border-bottom: 0;
  border-top: 0;
  padding: 0 15px;
  position:relative;
  display:block;
}

.top_bar a.topsocial {
  background: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/facebook_small.png?9940834123708505595) no-repeat left 5px;
  padding-left: 22px;
   
}
.top_bar a.topsocial:hover {
  background-position: left -23px;
}

.top_bar a.topsocial2 {
  background: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/twitter_small.png?9940834123708505595) no-repeat left 5px;
  padding-left: 22px;
}
.top_bar a.topsocial2:hover {
  background-position: left -23px;
}


#nav {
  display: block;
  text-align: center;
  
  
    border-top: 1px solid #d3d3d3;
    border-bottom: 1px solid #d3d3d3;
  
  margin: 5px auto 0;
  min-height: 35px;
  padding: 10px 0 0;
}
#nav ul {
    display: block;
    margin: 0 auto;
    text-align: center;
    border: none;
    padding: 0;
    margin: 0;
}
#nav ul li {
    display: inline-block;
    border-color: #d3d3d3;
    border-top: 0;
    border-bottom: 0;
    border-right: 1px dotted #d3d3d3;
    padding: 0 2px 0;
    position: relative;
    margin: 0;
}
#nav ul li {
  *display: inline;
}
#nav ul li a, nav ul li a:visited, nav ul li a:active {
    
      font-family: Futura, 'Century Gothic', AppleGothic, sans-serif;
      
    font-weight: normal;      
    font-size: 17px; 
    text-transform: uppercase;
    color: #2d2d2e;
    position: relative;
    display:block;
    padding: 5px 10px;
    letter-spacing: 2px;
    
     
}
#nav ul li a.active, nav ul li a.active:visited, {
  color: #4b6e88;
   border-bottom: 5px solid #5d8bad;
}
#nav ul li a.active, nav ul li a.active:active {
  color: #4b6e88;
 border-bottom: 5px solid #5d8bad;
}
#nav ul li:first-child {
    padding-left: 0;
}
#nav ul li:last-child {
    border-right: none;
    padding-right: 0;
}
#nav ul li a:hover, nav ul li a:focus {
    color: #777777;
    border-bottom: 5px solid #2d2d2e;
}
#nav ul li.current_page_item a {
    color: #777777;
}
#nav ul li.current_page_ancestor a {
    color: #777777;
}
  
/* sub-levels link */
#menu ul a, #menu li:hover > ul a  {
  padding: 10px 0 10px 15px;
  background: none;
  text-align: left;
}
/* sub-levels link :hover */
#menu ul a:hover, #menu .current_page_item ul a:hover, #menu ul .current_page_item a:hover, #menu .current-menu-item ul a:hover, #menu ul .current-menu-item a:hover, #menu li:hover > ul a:hover {
  background: #F3F3F3;
}
/* sub-level ul */
#menu ul {
  position: absolute;
  left: 0px;
  top: 25px;
  background: #fff;
  border: solid 1px #ddd;
  border-bottom-color: #bbb;
  z-index: 100;
  display: none;
  width: 210px;
}
#menu ul li {
  background: none;
  display: block;
  border: none;
  text-align:left;
  padding: 0px;
}
#menu ul li a {
  display:block;
}
/* sub-sub-level dropdown */
#menu ul ul {
  left: 210px;
  top: -1px;
}
/* show dropdown ul on hover */
#menu li:hover > ul {
  display: block;
}

/* #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, .product_image_col img, .article img, .section img, .thumbnail img, .sidebar img { 
    max-width: 100%;
    height: auto; }


.zoomImg {
display: block;
    width: 100% !important;
    height: auto !important;
  } 

/* OLD CODE
.zoomImg {
    max-width: inherit !important;
  	height: auto;
    cursor: pointer;
  } 

*/
    
/* #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;
  }
  .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"] {
    background: #d3d3d3; /*#eee; */
    
    border: 1px solid #000000;
    border-top: 1px solid #fffff;
    border-left: 1px solid #fffff;
    padding: 4px 12px;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    
    display: inline-block;
    font-size: 11px;
    font-weight: bold;
    text-decoration: none;
    /*text-shadow: 0 1px rgba(255, 255, 255, .75);*/
    cursor: pointer;
    margin: 4px 0 2px 0px;
    line-height: 21px;
    font-family: "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    -webkit-appearance: none; }
  
  a.button:hover, 
  button:hover,
  input[type="submit"]:hover,
  input[type="reset"]:hover,
  input[type="button"]:hover {
    color: #222;
    background: #888888; /*#eee; 
    border-top: 1px solid #aaa;
    border-left: 1px solid #aaa;*/ }
  
  a.button:active, 
  button:active,
  input[type="submit"]:active,
  input[type="reset"]:active,
  input[type="button"]:active {
    background: #eee; /* Old browsers */
    background: -moz-linear-gradient(top, rgba(0,0,0,.3) 0%, rgba(255,255,255,.3) 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,.3)), color-stop(100%,rgba(255,255,255,.3))); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* Opera11.10+ */
    background: -ms-linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* IE10+ */
    background: linear-gradient(top, rgba(0,0,0,.3) 0%,rgba(255,255,255,.3) 100%); /* W3C */
    border: 1px solid #888;
    border-bottom: 1px solid #aaa;
    border-right: 1px solid #aaa; }
  .button.full-width, 
  button.full-width,
  input[type="submit"].full-width,
  input[type="reset"].full-width,
  input[type="button"].full-width { 
    width: 100%;
    padding-left: 0 !important;
    padding-right: 0 !important;
    text-align: center; }
  button::-moz-focus-inner,
  input::-moz-focus-inner {
    border: 0;
    padding: 0;
  }
  
/* #Tabs
================================================== */
  
  ul.tabs { 
   clear:left;
   float:left;
   list-style:none;
   margin:10px 0px 10px 0px;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
    
    }
    
ul.tabs li { 
   display:inline;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;

    }
    
ul.tabs li a { 
    
   display:inline;
   margin:0 0 0 1px;
   padding:3px 10px;
   text-decoration:none;
   line-height:1.3em;
   font-style: italic;
   font-size: 20px;
   font-family: "Times New Roman";
     }


ul.tabs li:before {content:"\00B7";padding-right:5px}
    
ul.tabs li:first-child:before {content:" ";}   
    
ul.tabs li a.active { 
    
      background-color: #ffffff;
    
    color: #4b6e88;
    
    }
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: 5px 5px 0 5px;
    -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; }


/* #ImpactTabs
================================================== */
  
  ul.impacttabs { 
   clear:left;
   float:left;
   list-style:none;
   margin:0px ;
   padding:0;
   position:relative;
   left:50%;
   text-align:center;
    
    }
    
ul.impacttabs li { 
   display:inline;
   float:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   right:50%;

    }
    
ul.impacttabs li a { 
    
   display:inline;
   margin:0 0 0 1px;
   padding:3px 0px;
   text-decoration:none;
   line-height:1.3em;
   font-style: italic;
   font-size: 20px;
   font-family: "Times New Roman";
     }
    
ul.impacttabs li a.active { 
    
      background-color: #ffffff;
    
    color: #4b6e88;
    
    }

  ul.impacttabs-content { margin: 0; display: block; border: 0;}
ul.impacttabs-content > li { display:none; border: 0;}
ul.impacttabs-content > li.active { display: block; border: 0;}
  
  /* Clearfixing tabs for beautiful stacking */
  ul.impacttabs:before,
  ul.impacttabs:after {
    content: '\0020';
    display: block;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0; }
ul.impacttabs:after {
    clear: both; }
ul.impacttabs {
    zoom: 1; }

#impact_image:hover {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

#impact_image:active {
    opacity: 0.5;
    transition: opacity .55s ease-in-out;
    -moz-transition: opacity .55s ease-in-out;
    -webkit-transition: opacity .55s ease-in-out;
}

.impacthorizontalline {

  border-bottom: 5px solid #404041 ;
  margin: 0 0 20px 0;
}

.impactbar {
	background: #404041;
	min-height: 100%;
	height:20px;
  	text-align: center;
  	font-size: 58px; 
    font-family: 'fette_engschriftregular';
  	color: #4b6e88;
  	position:relative;
}


.impactbar span { 
  position: relative; 
  background: white;
  padding: 11px;
  height: 35px;
  display: inline-block; 
}
}
    
/* #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: 6px 4px;
    outline: none;
    -moz-border-radius: 1px;
    -webkit-border-radius: 1px;
    border-radius: 1px;
    font: 13px "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #777;
    margin: 4px 0px 20px 0px;
    width: 210px;
    max-width: 100%;
    display: block;
    background: #fff; }
select { 
    padding: 0; }
input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus, 
  textarea:focus {
    border: 1px solid #aaa;
    color: #444;
    -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;
    font-size: 13px;  }
select { 
    width:100%; }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: normal;
    font-size: 13px;
    color: #444; }
textarea {
    width: 95%;
  }
/* #Tables
================================================== */


  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{
      text-align: center;
      padding-left:12px;
    }
  table tr td:first-child{
      text-align: left;
      padding-left:12px;
      border-left: 0;
    }
  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);
    }
  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);  
    }


/* #Horizontal Lines
===================================================*/
hr.style-one {
    border: 0;
    height: 0;
    border-top: 3px solid rgba(0, 0, 0, 0.1);
    border-bottom: 3px solid rgba(255, 255, 255, 0.3);
}

.hr {
    
	width:100%;
	margin: 10px 0;
	height:4px;
	background-color:#4b6e88;
}


/* #Misc
================================================== */
.remove, .remove:visited{ color: #2d2d2e; }
.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; }
div.mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
/* #Site Styles
================================================== */
  div.container {
      margin: 0 auto;
      padding: 15px 0;
  }
div.content {
    padding: 15px 0px;
    
}
.logo {
      padding-top: 3px;
      
      text-align: center;
  }
.logo img {
    max-width: 100%;
    height: auto;
  }
.logo a {
    margin: 0;
    display:block;
  }
  div.section {
     clear:both;
     margin: 0px 0;
     overflow: hidden;
  }
  div.product_section {
    margin: 5px 0;
  }
.breadcrumb {
    font-size: 12px;
    font-style: italic;
    padding-bottom: 1em;
  }
  .product_breadcrumb {
    margin-top: 1.5em;
    padding-bottom: 0;
  }
  #category {
    width: 100%;
  }
.action_button, input.action_button[type="submit"], input.action_button[type="button"] {
    background: #4b6e88;
    border: 1px solid;
    padding: 6px 20px;
    text-align: center;
    font-size: 14px;
    cursor: pointer;
    
    font-weight: normal;
    text-transform: uppercase;
        
    
    font-family: 'fette_engschriftregular', sans-serif;
      
    text-shadow: 0 1px rgba(0,0,0,0.4);
    -webkit-border-radius: 1px;
    -moz-border-radius: 1px;
    border-radius: 1px;
    -webkit-box-shadow: 0px 1px 3px rgba(0,0,0,.3);
    -moz-box-shadow: 0px 1px 3px rgba(0,0,0,.3);
    color: #fff;
    transition: all .2s linear;
    -o-transition: all .2s linear;
    -moz-transition: all .2s linear;
    -webkit-transition: all .2s linear;
    margin-bottom: 0px;
    -webkit-appearance: none;
  }
.action_button:hover, input.action_button[type="submit"]:hover, input.action_button[type="button"]:hover {
    background: #2d2d2e;
    border-color: #4b6e88;
  }
  
  .feature_text {
     margin: 10px 0 0;
     clear: both;
  }
  .paginate {
    text-align:center;
  }
  .paginate span {
    padding: 0 10px;
  }
  .thumbnail {
    position: relative;
    text-align:center;
    border-bottom: solid 1px #d3d3d3;
    padding-bottom:0.5em;
    margin-bottom: 0.5em;
  }
.thumbnail a {
    display:block;
    padding-bottom:0.5em;
    color: #2d2d2e;
  }
.thumbnail a:hover {
    color: #4b6e88;
  }
  .thumbnail a:hover img {
    -webkit-transition: opacity 0.2s ease-out 0s; -moz-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s;
    opacity: 0.85;
  }
  .sale {
    position: absolute;
    top:0px;
    background: #4b6e88;
    padding: 6px 20px;
    text-align: center;
    font-size: 15px;
    
    font-family: 'fette_engschriftregular', sans-serif;
      
    text-transform: uppercase;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
    display: none
  }
  .new {
    position: relative;  
    display: inline;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
  }
  .thumbnail .info {
    padding-top: 0.75em;
    text-align: left;
  }
  .thumbnail .price {
    text-align:right;
  }
  .thumbnail .price, .cart_price {
    float:right;
    padding-left: 20px;
    font-weight:bold;
  }
  .cart_price {
    display: none;
  }
.was_price {
    text-decoration: line-through;
    color: #888888;
    font-style: italic;
    text-shadow:none;
    font-weight:normal;
  } 
  .thumbnail .quick_shop {
    display:none;
    padding: 6px 0;
    background-color: #888;
    position: absolute;
    width: 130px;
    top: 45%;
    left: 50%;
    margin-left: -65px;
  }
  .thumbnail .quick_shop:hover {
    background-color: #4b6e88;
  }
  .thumbnails a {
    display:block;
    margin-bottom: 1em;
  }
.twittercont, .fancycount {
    display: inline-block;
    margin-left: 10px;
  }
  .facebookcont {
    display: inline-block;
    position: relative;
    top: 1px;
    margin-left: 6px;
  }
  a.fancybutton {
    background:url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/fancy.png?9940834123708505595) 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/0176/5914/t/3/assets/pinit.png?9940834123708505595) 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;
  }
.arrow {
    font-size: smaller;
    position: relative;
    top: -1px;
    left: 2px;
    opacity: 0.6;
  }
  .modal {
    text-align:left;
    display:none;
    width: 840px;
    background-color: #ffffff;            
    -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    -moz-box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    box-shadow: 0 0 1px rgba(0, 0, 0, .25), 0 1px 5px 3px rgba(0, 0, 0, .05), 0 5px 4px -3px rgba(0, 0, 0, .06);
    border: solid 1px #BEBEBE;
  }
.modal_product {
    width: auto;
    line-height:0px;
    max-width: 940px;
  }
  .modal_product img {
    cursor: pointer;
  }
  .modal_image {
    text-align:center;
    line-height:0;
  }
.modal_image img {
    max-height: 550px;
  }
  .modal a {
    padding-bottom: 0;
  }
  .modal p.modal_price, p.modal_price {
    font-size: 22px;
    margin-bottom: 0.5em;
  }
.modal form {
    margin-bottom: 10px;
  }
  .modal a {
    color: #4b6e88;
    font-style: italic;
  }
.modal a:hover {
    color: #5a5a5a;
  }
  .modal p {
    margin-bottom: 0.5em;
  }
  #lean_overlay {
      position: fixed;
      z-index:100;
      top: 0px;
      left: 0px;
      height:100%;
      width:100%;
      background: #fff;
      display: none;
  }
  .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: 5px;
  }
  .meta .label, .label {
    font-style: italic;
    color: #808080;
  }
  .count {
    font-style: normal;
    font-size: 13px;
  }
  #tag_filter, #category_filter { 
    margin-bottom: 0;
  }
  .checkout {
    display:block;
    float:right;
    margin-top: 0px;
  }
  .or {
    font-size:smaller;
    font-style: italic;
    padding: 0 10px;
  }
  input.quantity {
    width: 2.5em;
    display: inline;
  }
  .update_or_remove {
    display:none;
  }
  .subtotal {
    text-align:right;
  }
  .mobile_left {
    text-align: right;
  }
.cart_description {
    font-size: 13px;
  }
  h4.title a.subscribe {
    background: url("//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/rss-icon.png?9940834123708505595") 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/0176/5914/t/3/assets/twitter-icon.png?9940834123708505595") no-repeat 0 4px;
    display: inline;
    padding: 5px 0px 5px 32px;
    font-size: smaller;
  }
  h4.title a.twitter:hover {
    background-position: 0 -121px;
  }
  .article { 
    border-bottom: solid 1px #d3d3d3;
    margin-bottom: 12px;
    padding-bottom: 20px;
  }
  .continue_reading {
    font-style: italic;
  }
  .blog_list {
    border-top:0;
    padding-top:0;
  }
  .blog_list li:first-child {
    padding-top: 2px  ;
  }
  .comment {
    margin-bottom:30px;
  }
  .gravatar {
    width: 80px;
    height: 80px;
  }
  .red {
    color: #C33;
  }
  .address p {
    margin-bottom: 5px;
  }
  div#disqus_thread ul, div#disqus_thread li {
      border: none;
  }
  .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: #2d2d2e;
    
  
    
    border-top: solid 10px #4b6e88;
    
  
    font-size: 12px; 
    line-height: 1.8em;
    color: #ffffff;
    padding: 10px 0 0 0;
  }
  .footer p {
    margin-bottom: 10px;
  }
  .footer a {
    color: #c2c2c2;
    text-shadow: none;
  }
  .footer a:hover {
    color: #4b6e88;
    text-shadow: none;
  }
  .footer p#powered_by_link a {
    display: block;
    width: 94px;
    height: 27px;
    background: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/shopify.png?9940834123708505595);
    text-indent: -9000em;
  }
  .footer p#powered_by_link {
    text-indent: -9000em;
    height: 27px;
    overflow: hidden;
  }
  .footer li {
    padding: 3px 0;
  }
  .contact-form {
    margin-bottom: 0;
  }
  input.search_box, #contact_email, #contact_name {
    display:inline-block;
    width: 182px;
    margin-bottom:0px
  }
  input.search_box {
    padding-left: 28px;
    background: #fff url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/search.jpg?9940834123708505595) no-repeat 6px;
  }
  .search_box:focus {
    background-color: #fff;
  }
  .top_bar_search {
    text-align: left;
  }
  .top_bar_search form.search {
    margin-top:4px;
    margin-bottom:0;
  }
  .top_bar_search .search_box {
    padding: 2px 2px 2px 26px;
    background-position: 6px 2px;
  }
  .payment_methods {
    margin: 4px 0 6px 0;
  }
  .payment_methods img {
    padding-right: 4px;
  }
  .footer .credits {
    font-size: smaller;
  }
.social_link:hover {
-webkit-transition: opacity 0.2s ease-out 0s; -moz-transition: opacity 0.2s ease-out 0s; -o-transition: opacity 0.2s ease-out 0s; transition: opacity 0.2s ease-out 0s;
    opacity: 0.75;
  }
table tr.order_summary td.label { text-align: right;}
  
    .footer .container {
      margin: 0 auto;
      padding: 5px 0 0 0;
  }
  
/* #FlexSlider
================================================== */
 
  /* Browser Resets */
  .flex-container a:active,
  .flexslider a:active {outline: none;}
.slides,
  .flex-control-nav,
  .flex-direction-nav {margin: 0; padding: 0; list-style: none;} 
  .slides { text-align:center }
/* FlexSlider Necessary Styles
  *********************************/ 
  .flexslider {width: 100%; margin-top: 12px; padding: 0; }
.flexslider .slides > li {display: none;} /* Hide the slides before the JS is loaded. Avoids image jumping */
  .flexslider .slides img {max-width: 100%;}
.flexslider .slides li a {text-align: center}
.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; }
.flexslider .slides {zoom: 1;border:0; }
.flexslider .slides > li {position: relative;}
.flexslider .slides li { border:0; padding: 0; overflow:hidden; }
/* Suggested container for "Slide" animation setups. Can replace this with your own, if you wish */
  .flex-container {zoom: 1; position: relative; }
/* Caption style */
  /* IE rgba() hack */
  .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000);
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;}
.flex-caption {margin:0; width: 100%; padding: 2%; position: absolute; left: 0; bottom: 4px; background: rgba(0,0,0,.4); color: #fff; text-shadow: 0 1px 0 rgba(0,0,0,.8); font-size: 16px; line-height: 18px;}
/* Direction Nav */
  .flex-direction-nav { height: 0; border:0; display:none;}
.flex-direction-nav li { border: none; }
.flex-direction-nav li a {width: 44px; height: 40px; display: block; background: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/fancybox_sprite.png?9940834123708505595) no-repeat; position: absolute; top: 45%; cursor: pointer; text-indent: -999em;}
.flex-direction-nav li .next {background-position: 0 -66px; right: 15px;}
.flex-direction-nav li .next:hover {background-position: 0 -218px;}
.flex-direction-nav li .prev {left: 15px; background-position: 0 -23px;}
.flex-direction-nav li .prev:hover {background-position:0 -175px;}
.flex-direction-nav li .disabled {opacity: .3; filter:alpha(opacity=30); cursor: default;}
.product_flexslider {
    width: auto;
    margin-top:0;
  }
.product_flexslider .slides img {
    width: auto !important;
  }
.product_flexslider .slides li {
    width: auto !important;
  }
#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; }

/* #Fancybox
================================================== */
/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
  vertical-align: top;
  padding: 0;
  margin: 0;
  
}
.fancybox-wrap {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 8020;

}
.fancybox-skin {
  position: relative;
  padding: 0;
  margin: 0;
  background: #f9f9f9;
  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 {
  padding: 0;
  margin: 0;
  position: relative;
  outline: none;
  
}
.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: 10px;
}
.fancybox-image, .fancybox-iframe {
  display: block;
  width: 100%;
  height: 100%;
  border: 0;
  padding: 0;
  margin: 0;
  vertical-align: top;
  
}
.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/0176/5914/t/3/assets/fancybox_sprite.png?9940834123708505595);
}
#fancybox-loading {
  position: fixed;
  top: 50%;
  left: 50%;
  margin-top: -22px;
  margin-left: -22px;
  background-position: 0 -108px;
  opacity: 0.8;
  cursor: pointer;
  z-index: 8020;
}
#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/fancybox_loading.gif?9940834123708505595) center center no-repeat;
}
.fancybox-close {
  display: block;
  position: absolute;
  top: 3px;
  right: 3px;
  width: 22px;
  height: 22px;
  cursor: pointer;
  z-index: 8040;
}
.fancybox-close:hover {
  background-position: 0 152px;
}
.fancybox-nav {
  position: absolute;
  top: 0;
  width: 40%;
  height: 100%;
  cursor: pointer;
  background: transparent url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/blank.gif?9940834123708505595); /* 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: 44px;
  height: 40px;
  margin-top: -18px;
  cursor: pointer;
  z-index: 8040;
  visibility: hidden;
}
.fancybox-prev span {
  left: 20px;
  background-position: 0 -23px;
}
.fancybox-next span {
  right: 20px;
  background-position: 0 -66px;
}
.fancybox-nav:hover span {
  visibility: visible;
}
.fancybox-prev span:hover {
  background-position: 0 -175px;
}
.fancybox-next span:hover {
  background-position: 0 -218px;
}
.fancybox-tmp {
  position: absolute;
  top: -9999px;
  left: -9999px;
  padding: 0;
  overflow: visible;
  visibility: hidden;
}
/* Overlay helper */
#fancybox-overlay {
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  display: none;
  z-index: 8010;
  background: #fff;
}
#fancybox-overlay.overlay-fixed {
  position: fixed;
  bottom: 0;
  right: 0;
}
/* 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: 8030;
  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 {
  margin-top: 10px;
}
.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: #fff;
  padding: 10px;
  background: #000;
  background: rgba(0, 0, 0, .8);
}

/* #ACCORDION_HERO
================================================== */


*:hover {
    /* Disable irritating grayscale box when tapping */
    -webkit-tap-highlight-color: rgba(0,0,0,0);
}

.accordion_hero {
    overflow: hidden;
    margin: 20px auto 20px auto;
    width: 340px;
    background: #d4d4d4;
    height: 60px;

    /* Force hardware acceleration */
    -moz-transform: translate3d(0,0,0); /* Firefox 4 */
    -webkit-transform: translate3d(0,0,0); /* Safari and Chrome */
    -o-transform: translate3d(0,0,0); /* Opera */
    -ms-transform: translate3d(0,0,0); /* IExplorer 10 */
    transform: translate3d(0,0,0);

    /* Set those CSS3 transistions */
    -moz-transition:height 0.8s; /* Firefox 4 */
    -webkit-transition:height 0.8s; /* Safari and Chrome */
    -o-transition:height 0.8s; /* Opera */
    -ms-transition: height 0.8s; /* IExplorer */
    transition:height 0.8s;
}
    .accordion_hero header {
        /* This is the closed state */
        background: url("../img/arrows.png") 253px -17px no-repeat;
        height: 60px;
        text-align: left;
        width: 100%;

        /* To align the two elements horizontally without floats */
        display: table;
    }
    .accordion_hero.opened header {
        background: url("../img/arrows.png") 253px 23px no-repeat;
    }
        header img,
        header h3 {
            /* Nested elements get table-cell for horizontal alignment */
            display: table-cell;
            vertical-align: middle;
        }
        header img {
            text-align: left;
            opacity: 0.5;
            width: 60px;
            margin: 0 auto;
        }
        header h3 {
            font-family: arial;
            font-size: 1em;
            color: #666666;
            text-align: left;
            width: 170px;
            padding: 0 30px 0 10px;
        }
    .accordion_hero .content {
        padding: 10px 20px 10px 20px;
    }
    .accordion_hero .content p,
    .accordion_hero .content a {
        font-family: arial;
        font-size: 14px;
        line-height: 22px;
        text-align: justify;
        text-justify: inter-word;
        color: #666666;
    }
    .accordion_hero .content p {
        margin: 0 0 10px 0;
    }
    .accordion_hero .content a {
        margin: 10px 0 10px 0;
        background: red;
        display: block;
        height: 32px;
        padding: 8px 0 0 0;
        color: #fff;
        text-decoration: underline;
        text-align: center;
    }


/* #HERO
================================================== */

#One, #Two, #Three, #Four, #Five, #Six, #Seven, #Eight, #Nine, #Ten, #Eleven, #Twelve {

float:left;
        opacity: .5; /* css standard */
    filter: alpha(opacity=50); /* internet explorer */
    
}
#One:hover, #Two:hover, #Three:hover, #Four:hover, #Five:hover, #Six:hover,  #Seven:hover, #Eight:hover, #Nine:hover, #Ten:hover, #Eleven:hover, #Twelve:hover   {

float:left;
    opacity: 1; /* css standard */
    filter: alpha(opacity=100); /* internet explorer */
 
}

#One:focus, #Two:focus, #Three:focus #Four:focus, #Five:focus, #Six:focus, #Seven:focus, #Eight:focus, #Nine:focus, #Ten:focus, #Eleven:focus, #Twelve:focus{

float:left;
    opacity: 1; /* css standard */
    filter: alpha(opacity=100); /* internet explorer */
 
}


#One:hover .backgroundtext{
    background: rgba(0,0,0,0.7);
    color: #fff;
    font: normal 12px arial;
    padding: 10px;
  z-index: 1;
}

#caption{
  text-align:justify;
text-justify:inter-word;
}

.grey{
  background-color: #e4e4e4;
 
}

.border {
  margin: 10px 0 10px 0;

}

.canvasborder {
  border-top: 5px solid #000000;
  border-bottom: 5px solid #000000;

   
}

#One.heroborder {
  border: 3px solid #000000;
  padding: -10px;
  
   
}

.shadow {
  -moz-box-shadow:    3px 3px 5px 2px #ccc;
  -webkit-box-shadow: 3px 3px 5px 2px #ccc;
  box-shadow:         3px 3px 5px 2px #ccc;
}

.dots {
 font-size: 50px;
 text-align: center;
}

#scroll {
overflow-y: scroll; 
height:800px;

}


/* #Sidebar Tab
================================================== */

#side-tabs a {
	background: url('https://cdn.shopify.com/s/files/1/0176/5914/files/support-tab_2991ce7c-281a-483d-8b6f-7e2a12d0d176.png?8527549143301271981');
	right: 0px;
	top: 250px;
	height: 108px;
	width: 45px;
	margin: 0;
	padding: 0;
	position: fixed;
	z-index: 9999;
	display:block;
    
}
 



/*SLIDER
===================================
*/

#full-slider-wrapper {
    overflow: hidden;

}


#full-slider {
    position: relative;
    width: auto;
    min-height: 1250px;
    margin: 0 auto;
}

#full-slider .slide-panel {
    position: absolute;
    top: 0;
    left: 0;
    width: auto;
    visibility: hidden;
    

}

#full-slider .slide-panel.active {
    visibility: visible;
  
}


#full-slider-nav-left
{
  position: fixed; top: 550px; width: auto; margin: auto 0 auto auto;
  left: 0px; width: 0; height: 0; cursor: pointer; border: 20px solid transparent; 
  
}

#full-slider-nav-right {
  position: fixed; top: 550px; width: auto; margin: auto auto auto 0;
    right: 0px; width: 0; height: 0; cursor: pointer; border: 20px solid transparent;
}


#full-slider-nav-left {
    border-right-color: #BBB;
}

#full-slider-nav-left:hover {
    border-right-color: #999;
}

#full-slider-nav-right {
    border-left-color: #BBB;
}

#full-slider-nav-right:hover {
    border-left-color: #999;
}

/* styles below are only for this example */

#full-slider .slide-panel {
    background-color: #ffffff;
    color: #DDD;
   
}


/*#Accordion*/


.accordionButton {    
	width: 800px;
	float: left;
	_float: none;  /* Float works in all browsers but IE6 */
	cursor: pointer;
  font-weight:bold;
  line-height:300%;
  font-size: 18px; 
	}
	
.accordionContent {	
	width: 800px;
	float: left;
	_float: none; /* Float works in all browsers but IE6 */
	}


/*Page Width Bar*/
#pagewidth {
  background-color: #000000;
  height: 500px;
  width: 100%;
}


/* #WOAHbar
================================================== */
/* -------------------------------------------------- 
	:: WOAHbar
---------------------------------------------------*/

.woahbar 
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;  /* << set custom WOAHbar height */
  z-index: 100;   /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
  padding: 5px 0 5px 0;
  text-align: center;
  font-size: 16px;  /* << set custom WOAHbar font size */
  font-weight: normal !important;  /* << set custom WOAHbar font weight */
  color: #545454;  /* << set custom WOAHbar font color */
  background-color: #E97d7B;  /* << set custom bar color here */
  border-bottom: 0px solid #1c1c1c;  /* << set custom bottom border thickness & color here */
  -webkit-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  -moz-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  box-shadow: 0 8px 6px -6px #333;   /* << set custom css box shadow */

}
 
.woahbar-stub 
{
  position: fixed;
  top: -10px;
  left: 0px;
  width: 100%;
  height: 19px;
  z-index: 200;
  padding: 7px 0 5px 0;
  text-align: center;
}
 
.woahbar span 
{
  float: left;
  width: 95%;
  text-align: center;
  padding: 0px 0px 0px 5px;
}
 
.show-notify 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #FDFDFD; /* << set custom bar color here */
  cursor:pointer;
}


.show-notify:hover 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #E0E0E0; /* << set custom bar color here */ 
    opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
  cursor:pointer;
}


.woahbar-up-arrow:hover 
{
  background: '\f062'; 
    
   
}

.close-notify 
{
  float: right;
  margin-top:-5px;
  margin-right: 22px;
  /*color: #fff;*/
  width: 17px;
  height: 19px;
  font-weight: bold;
  text-decoration: none;
  /*background-color: #FFFFFF; /* << set custom bar color here */
  cursor:pointer;
}
 
 

.woahbar-link 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #FDFDFD; 
  color: #fff !important;
  padding: 5px 8px 0px 8px;
}
 
.woahbar-link:hover 
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: #1c1c1c; /* Old browsers */
  color: white;
  padding: 5px 8px 0px 8px;
  text-decoration: none;
}



/* -------------------------------------------------- 
	:: Mobile WOAHbar
---------------------------------------------------*/


.mwoahbar
{
  position: fixed;
  top: 0px;
  left: 0px;
  width: 100%;
  height: 20px;  /* << set custom WOAHbar height */
  z-index: 100;   /* << DO NOT EDIT, KEEPS WOAHbar ON TOP OF PAGE CONTENT */
  padding: 5px 0 5px 0;
  text-align: center;
  font-size: 14px;  /* << set custom WOAHbar font size */
  font-weight: normal !important;  /* << set custom WOAHbar font weight */
  color: #545454;  /* << set custom WOAHbar font color */
  background-color: #E97d7B;  /* << set custom bar color here */
  border-bottom: 0px solid #1c1c1c;  /* << set custom bottom border thickness & color here */
  -webkit-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  -moz-box-shadow: 0 8px 6px -6px #333;  /* << set custom css box shadow */
  box-shadow: 0 8px 6px -6px #333;   /* << set custom css box shadow */
}
 


.mwoahbar-stub
{
  position: fixed;
  top: -10px;
  left: 0px;
  width: 100%;
  height: 19px;
  z-index: 200;
  padding: 7px 0 5px 0;
  text-align: center;
}
 
.mwoahbar span
{
  float: left;
  width: 95%;
  text-align: center;
  padding: 0px 0px 0px 5px;
}
 

.mshow-notify
{
 -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #FDFDFD; /* << set custom bar color here */
  cursor:pointer;
}


.mshow-notify:hover {
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border: 3px solid #fff;
  box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -moz-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  -webkit-box-shadow: 0 0 5px rgba(0,0,0,0.35);
  float: right;
  margin-right: 10px;
  color: #fff;
  width: 35px;
  height: 33px;
  text-decoration: none;
  background-color: #E0E0E0; /* << set custom bar color here */
  opacity: 0.4;
    filter: alpha(opacity=40); /* For IE8 and earlier */
  cursor:pointer;
}


.mwoahbar-up-arrow:hover {
   background: '\f062';
}

.mclose-notify
{
  padding-top: -15px;
  /*color: #fff;*/
  margin-left:10px;
  height: 19px;
  text-decoration: none;
  /*background-color: #FFFFFF; /* << set custom bar color here */
  cursor:pointer;
}

 
.mwoahbar-link
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: '\8661'; /* Old browsers */
  color: white;
  padding: 5px 0px 0px 0px;
}
 
.mwoahbar-link:hover
{
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  background: '\8661'; /* Old browsers */
  color: white;
  padding: 5px 0px 0px 0px;
  text-decoration: none;
}



/* -------------------------------------------------- 
	:: SHOW/HIDE CSS
---------------------------------------------------*/


.noDesktop 
{ 
  display: none !important; 
}


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

.noMobile 
{ 
  display: none !important; 
}

.showMobile 
{ 
  display: block !important; 
}

}

/*
* Layout
* Skeleton V1.1
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 8/17/2011
*/
/* Table of Contents
==================================================
    #Base 1200 Grid
    #Base 960 Grid
    #Tablet (Portrait)
    #Mobile (Portrait)
    #Mobile (Landscape)
    #Clearing 
    #Media Queries 

/* #Base 1200 Grid
================================================== */

    .container                                  { position: relative; width: 1200px; margin: 0 auto; padding: 0;}
		
    .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px;}

   
	.row                                        { margin-bottom: 10px; }

	.space 										{ margin-top: 5px; }
	

    /* Nested Column Classes */ 
    .column.alpha, .columns.alpha               { margin-left: 0; }
    .column.omega, .columns.omega               { margin-right: 0; }
	.column.center, .columns.center					{ margin-right: 10px; margin-left: 10px; }
	.column.alpha.align, .columns.alpha.align{
   display: inline-block;
   float: none;
   margin-left: 0;
   vertical-align: middle;
}	

.column.omega.align, .columns.omega.align{
   display: inline-block;
   float: none;
   margin-left: 0;
   vertical-align: middle;
}




    /* Base Grid */ 
    .container .one.column                      { width: 55px;  }
    .container .two.columns                     { width: 130px; }
    .container .three.columns                   { width: 205px; }
    .container .four.columns                    { width: 280px; margin-left: 5px; margin-right: 5px}
    .container .five.columns                    { width: 355px; }
    .container .six.columns                     { width: 430px; }
    .container .seven.columns                   { width: 505px; }
    .container .eight.columns                   { width: 580px; }
    .container .nine.columns                    { width: 655px; }
    .container .ten.columns                     { width: 730px; }
    .container .eleven.columns                  { width: 805px; }
    .container .twelve.columns                  { width: 880px; }
    .container .thirteen.columns                { width: 955px; }
    .container .fourteen.columns                { width: 1030px; }
    .container .fifteen.columns                 { width: 1105px; }
    .container .sixteen.columns                 { width: 1180px; }

    .container .one-third.column                { width: 370px; margin-top: 5px; }
	.container .one-third-home.column                { width: 380px; margin-top: 5px; }
.container .one-third-home2.column                { width: 380px; margin-top: 5px; }
    .container .two-thirds.column               { width: 775px; }

	/*lookbook  */
	.container .one-third-lookbook.column                { width: 390px; margin-bottom: 10px }
	.container .two-thirds-lookbook.column                { width: 770px; margin-bottom: 10px }
	.container .half-lookbook.column                { width: 580px; margin-bottom: 10px}

    /* Offsets */ 
    .container .offset-by-one                   { padding-left: 75px;  }
    .container .offset-by-two                   { padding-left: 150px; }
    .container .offset-by-three                 { padding-left: 225px; }
    .container .offset-by-four                  { padding-left: 300px; }
    .container .offset-by-five                  { padding-left: 375px; }
    .container .offset-by-six                   { padding-left: 450px; }
    .container .offset-by-seven                 { padding-left: 525px; }
    .container .offset-by-eight                 { padding-left: 600px; }
    .container .offset-by-nine                  { padding-left: 675px; }
    .container .offset-by-ten                   { padding-left: 750px; }
    .container .offset-by-eleven                { padding-left: 825px; }
    .container .offset-by-twelve                { padding-left: 900px; }
    .container .offset-by-thirteen              { padding-left: 975px; }
    .container .offset-by-fourteen              { padding-left: 1050px; }
    .container .offset-by-fifteen               { padding-left: 1125px; }



/* #Base 960 Grid
================================================== */
@media only screen and (min-width: 960px) and (max-width: 1199px) {  

 
  .container                                  { position: relative; width: 960px; margin: 0 auto; padding: 0; }
  .column, .columns                           { float: left; display: inline; margin-left: 10px; margin-right: 10px; }
  .row                                        { margin-bottom: 10px; }
  
  /* Nested Column Classes */
    .column.alpha, .columns.alpha               { margin-left: 0; }
  .column.omega, .columns.omega               { margin-right: 0; }
  	.column.center, .columns.center					{ margin-right: 10px; margin-left: 10px; }
  /* Base Grid */
    .container .one.column                      { 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: 280px; margin-top: 5px; }
    .container .one-third-home.column                { width: 300px; margin-top: 5px; }
  .container .two-thirds.column               { width: 605px; }
  
	/*lookbook  */
	.container .one-third-lookbook.column                { width: 310px; margin-bottom: 5px }
	.container .two-thirds-lookbook.column                { width: 610px; margin-bottom: 5px }
	.container .half-lookbook.column                { width: 460px; margin-bottom: 5px}
  
  /* 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: 5px; margin-right: 5px;  }
      .column.alpha, .columns.alpha               { margin-left: 0; margin-right: 5px; }
      .column.omega, .columns.omega               { margin-right: 0; margin-left: 5px; }
      .container .one.column                      { 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; margin-top: 5px; margin-left: 5px; margin-right: 5px;}
      .container .one-third-home.column            { width: 239px; margin-top: 5px; margin-left: 5px; margin-right: 5px;}
  		.container .two-thirds.column               { width: 492px; }
  
  
  	/*lookbook  */
	.container .one-third-lookbook.column                { width: 248px; margin-bottom: 0px }
	.container .two-thirds-lookbook.column                { width: 490px; margin-bottom: 0px }
	.container .half-lookbook.column                { width: 369px; margin-bottom: 0px}
  
      /* 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: 348px; }
      .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; }
  }
/*  #Mobile (Portrait)
================================================== */
    /* Note: Design for a width of 320px */
    @media only screen and (max-width: 767px) {
  
        .container { width: 300px;}
      .container .column,
        .container .columns                         { margin-left: 0px; margin-right: 0px;  }


      .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns { width: 300px; }
        .container .eight.columns { width: 300px; margin-top: 5px; }
        .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 { width: 300px; margin-bottom:4px; }
  		.container .one-third-home.column { width: 300px; margin-bottom:4px; }
        .container .two-thirds.column  { width: 300px; }
  
  
    	/*lookbook  */
	.container .one-third-lookbook.column                { width: 300px; margin-bottom: 0px }
	.container .two-thirds-lookbook.column                { width: 300px; margin-bottom: 0px }
	.container .half-lookbook.column                { width: 300px; margin-bottom: 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; }
  
  
  }
/* #Mobile (Landscape)
================================================== */
    /* Note: Design for a width of 480px */
    @media only screen and (min-width: 480px) and (max-width: 767px) {
  
        .container { width: 420px;}
                  .container .column,
        .container .columns                         { margin-left: 0px; margin-right: 0px;  }


      .container .one.column,
        .container .two.columns,
        .container .three.columns,
        .container .four.columns,
        .container .five.columns,
        .container .six.columns,
        .container .seven.columns { width: 420px; }
        .container .eight.columns { width: 420px; margin-top: 5px; }
        .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 .one-third-home.column,
        .container .two-thirds.column { width: 420px; }
    
    	/*lookbook  */
	.container .one-third-lookbook.column                { width: 390px; margin-bottom: 5px }
	.container .two-thirds-lookbook.column                { width: 390px; margin-bottom: 5px }
	.container .half-lookbook.column                { width: 390px; }
  

  }

  
/* #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 */
    .clear {
      clear: both;
      display: block;
      overflow: hidden;
      visibility: hidden;
      width: 0;
      height: 0;
    }
/* #Media Queries
================================================== */
  /* Smaller than standard 960 (devices and browsers) */
  @media only screen and (max-width: 959px) {
    input.search_box {
      width: 135px;
    }
}
/* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
  }
/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .thumbnail {
      margin-top: 1em;
    }
    .thumbnail a:hover img {
      opacity: 1;
    }
  .top_bar_search {
      margin-bottom: 5px;
    }
  table[style] {
      width:auto !important;
      max-width:100% !important;
    }
  tr, td {
      display:block;
      width:100% !important;
      max-width:100% !important;
      padding:0px !important;
    }
  input.search_box {
      width: 90%;
    }
  .title_column {
      float:left;
    }
  p.update_or_remove {
      display:block;
    }
  .subtotal {
      text-align:center;
    }
  .mobile_left {
      text-align:left;
    }
  div.mobile_only {
      display:block;
    }
  .update_subtotal_text, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .action_button {
      width: 100%;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
      display: block;
    }
  .cart_description, .gravatar {
      display:none;
    }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 1em !important;
    }
  .multiple_product_images {
      display: none;
    }
  


}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {}
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    #nav {
      margin-top: 10px;
      padding-top: 5px;
    }
  
    #nav ul li {
        padding: 0 6px;
        border: 0;
      }
  
  .top_bar ul li {
      padding: 0 10px;
    }
  .breadcrumb {
      text-align:center;
    }
  .flex-caption {
      font-size: 80%;
    }
  h1, h2, h22, h1.home, h1.blog_title, h3, h4, h5, h6, .title a { 
      font-size: 150%;
    }
  h1, h1.home, h1.blog_title, .title a, h2, h22 {
      padding: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) {
    .social_link img {
      width: 30px;
      height: 30px;
    }
    input.search_box {
      background: #fff url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/search2x.jpg?9940834123708505595) no-repeat 6px;
      background-size: 14px 14px; 
    }
    .top_bar a.cart {
      
        background-image: url(//cdn.shopify.com/s/files/1/0176/5914/t/3/assets/cart2x.png?9940834123708505595);
      
      background-size: 16px 64px;
    }
}






/* #
================================================== */
/*  This is the proper syntax for an @font-face file.
    Upload your font files to Assets and then
    copy your FontName into code below and remove
    comment brackets */
    
/*  @font-face {
      font-family: 'FontName';
      src: url('FontName.eot');
      src: url('FontName.eot?iefix') format('eot'),
           url('FontName.woff') format('woff'),
           url('FontName.ttf') format('truetype'),
           url('FontName.svg#webfontZam02nTh') format('svg');
      font-weight: normal;
      font-style: normal; }
*/