/** Shopify CDN: Minification failed

Line 728:2 Expected identifier but found "*"
Line 3056:2 Expected identifier but found "*"
Line 3106:2 Expected identifier but found "*"
Line 3137:2 Expected identifier but found "*"
Line 4192:4 "font-height" is not a known CSS property
Line 4643:36 Unexpected "*"
Line 4965:2 Expected identifier but found "*"
Line 4987:2 Expected identifier but found "*"

**/
/******************************************************************
Theme Name: Retina v1.0
Theme URI: http://themes.shopify.com/themes/retina/styles/austin?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 
  #mmenu
  #FlexSlider 
  #FancyBox
  #Layout
  #Font-Face */
/*

__     __         _       _     _
\ \   / /_ _ _ __(_) __ _| |__ | | ___  ___
 \ \ / / _` | '__| |/ _` | '_ \| |/ _ \/ __|
  \ V / (_| | |  | | (_| | |_) | |  __/\__ \
   \_/ \__,_|_|  |_|\__,_|_.__/|_|\___||___/

Not many here as this file was a standard css file.
We'll improve that other time.

*/
/* 12 DAYS OF STATE */
/*#EDE7CF;*/
.text-center {
  text-align: center; }

.text-left {
  text-align: left; }

/* #Reset & Basics
================================================== */
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, p.subtitle {
  font-family: Roboto !important;
  line-height: 1; }

h1, h2, h3, h4, h5, h6, .collection_title, .headline {
  font-family: Oswald !important; }

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
================================================== */
.box-sizing {
  box-sizing: border-box; }
  .box-sizing * {
    box-sizing: border-box; }

.upper-title {
  font-family: Oswald;
  text-transform: uppercase;
  font-weight: 500;
  line-height: 1; }

.text-center {
  text-align: center; }

.text-right {
  text-align: right; }

body {
  background-color: #ffffff;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  font-family: Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 14px;
  text-transform: none;
  color: #404040;
  line-height: 1.8em; }

::-moz-selection {
  background: white;
  color: black; }

::selection {
  background: white;
  color: black; }

abbr {
  border-bottom: 1px dotted #000000; }

.no-select, .noselect {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  cursor: default; }

.inherit-underline, .full-width-header .content-with-image a {
  color: inherit;
  text-decoration: none;
  border-bottom: 1px solid #121212; }

.glass {
  opacity: 0;
  transition: opacity 1.5s; }

.glass.solid {
  opacity: 1; }

/* #Typography
================================================== */
.logo a, .logo a:hover, .logo a:visited, .logo a:active {
  color: #efefef; }

.header_bar .logo a, .header_bar .logo a:hover, .header_bar .logo a:visited, .header_bar .logo a:active {
  color: #303030; }

.index .logo a, .index .logo a:hover, .index .logo a:visited, .index .logo a:active {
  color: #ffffff; }

h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle {
  font-family: Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-transform: none;
  color: #2e2e2e;
  display: block;
  letter-spacing: -.1px;
  text-rendering: optimizeLegibility; }

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, .collection_title {
  font-weight: inherit; }

h1 a, h1 a:visited, .collection_title a, .collection_title a:visited {
  color: #2e2e2e; }

h1 a:hover, h1 a:active, .collection_title a:hover, .collection_title a:active {
  color: #d63737; }

h1, .h1, h1.home, h2.title, .collection_title {
  font-size: 26px;
  line-height: 1.5em;
  margin: 0 auto 15px;
  clear: both;
  font-weight: bold;
  padding-top: 4px; }

h1.product_name {
  margin-bottom: 0; }

h2, .h2 {
  font-size: 22px;
  margin-bottom: 1em;
  line-height: 1.5em; }

h3, .h3, h1.blog_title {
  font-size: 20px;
  line-height: 35px;
  margin: 0 auto 15px 0;
  text-align: left; }

h1.collection_title, div.collection_title {
  margin-bottom: 0;
  line-height: 26px;
  display: inline; }

h1.collection_title_tags, div.collection_title_tags {
  padding-right: 25px;
  border-right: solid 1px #000000; }

h4, .h4, h4.title a, h6.title {
  font-size: 18px;
  line-height: 32px;
  margin: 0 0 1em 0;
  padding: 0;
  border-bottom: 1px solid #000000;
  border-top: 1px solid #000000;
  padding: 7px 0;
  color: #2e2e2e; }

h4.title a {
  border: 0;
  padding: 0;
  margin: 0; }

h5, .h5 {
  font-size: 16px;
  padding-bottom: 1em; }

h5.sub_title {
  padding-bottom: 5px; }

h6, .h6, h6.title {
  font-size: 14px;
  padding: 5px 0; }

.footer h6 {
  color: #000000; }

/*.subheader { color: #777; }*/
p {
  margin: 0 0 15px;
  font-style: normal;
  line-height: 1.8em; }

p img {
  margin: 0; }

em, i {
  font-style: italic; }

strong, b {
  font-weight: bold; }

small {
  font-size: 90%; }

.feature img {
  position: relative;
  top: 7px;
  margin-right: 5px;
  width: 25px;
  height: 25px; }

.feature p {
  font-size: smaller; }

/*  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 #000000; }

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 #000000;
  border-width: 1px 0 0;
  clear: both;
  margin: 12px 0;
  height: 0; }

.quote {
  font-size: 16px;
  line-height: 22px;
  text-align: center;
  margin: 0 0 20px 0;
  font-style: italic; }

.featured_text {
  font-size: 22px;
  line-height: 42px;
  text-align: center;
  margin-bottom: 0; }

div.section.collection_description {
  margin-bottom: 1.5em; }

.condensedBold, .full-width-header .content-with-image h2, .spr-container h2.spr-header-title {
  font-family: Oswald;
  text-transform: uppercase; }

.disable-hover,
.disable-hover * {
  pointer-events: none !important; }

/* #Links
================================================== */
a, a:visited {
  color: #d63737;
  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: #ffffff; }

/* #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 #000000;
  list-style: none outside none;
  padding: 12px 0;
  margin-bottom: 0; }

ul.chirp {
  margin-left: 0; }

ul.chirp .meta a {
  color: #9da6ae; }

/* #Menu
================================================== */
.header {
  position: fixed;
  z-index: 1000;
  width: 100%;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease; }

.header_bar {
  background-color: #000000;
  border-bottom: solid 1px #000000; }

.header_bar a, .header_bar a:visited {
  color: #ffffff !important;
  text-shadow: none !important; }

.header div.container {
  padding-bottom: 0px;
  padding-top: 5px; }

#header {
  display: none;
  background: #000000;
  border-bottom: 0px solid #000000;
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 40px;
  height: 40px;
  padding: 0 50px;
  z-index: 10000;
  position: fixed;
  top: 0;
  left: 0%;
  width: 100%;
  box-sizing: border-box;
  -webkit-transition: all 500ms ease;
  -moz-transition: all 500ms ease;
  -o-transition: all 500ms ease;
  -ms-transition: all 500ms ease;
  transition: all 500ms ease; }

/*

  __       _ _            _     _ _   _
 / _|_   _| | | __      _(_) __| | |_| |__
| |_| | | | | | \ \ /\ / / |/ _` | __| '_ \
|  _| |_| | | |  \ V  V /| | (_| | |_| | | |
|_|  \__,_|_|_|   \_/\_/ |_|\__,_|\__|_| |_|


*/
.full-width-header {
  box-sizing: border-box;
  overflow: hidden;
  /* failsafe */
  background: #dc4b4b; }
  .full-width-header * {
    box-sizing: border-box; }
  .full-width-header .embed-container {
    background-image: url(//statebicycle.eu/cdn/shop/files/OffroadBlurbPhoto-sml.jpg?1596);
    background-size: cover; }
  .full-width-header .overlay {
    background-color: rgba(0, 0, 0, 0.3);
    background-size: cover;
    background-postition: 50% 50%;
    -webkit-backface-visibility: hidden;
    position: absolute;
    width: 100%;
    height: 100%;
    z-index: 2;
    text-align: center; }
    .full-width-header .overlay .content {
      width: 100%;
      position: absolute;
      bottom: 0;
      padding: 20px; }
  .full-width-header h1 {
    font-family: Roboto;
    font-weight: 400;
    font-size: 50px;
    line-height: 1;
    margin: 0;
    letter-spacing: -.05em; }
  .full-width-header h2, .full-width-header .sub-title {
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 18px; }
  .full-width-header h1, .full-width-header h2, .full-width-header .sub-title {
    color: #efefef; }
  .full-width-header .content-with-image {
    text-align: center;
    font-size: 18px;
    padding: 20px;
    background: #121212;
    color: #efefef; }
    .full-width-header .content-with-image h2 {
      color: #efefef;
      margin-bottom: 0; }

ul.location-list {
  list-style: none;
  margin: 0;
  padding: 0; }
  ul.location-list li {
    display: inline-block;
    margin: 0 5px 10px 0;
    padding: .5em;
    background: #3f3f3f; }

@media only screen and (max-width: 455px) {
  .full-width-header .main-title {
    font-size: 36px;
    margin-bottom: 5px; }
  .full-width-header .sub-title {
    font-size: 12px; }
  .full-width-header .video iframe {
    display: none; } }
@media only screen and (min-width: 768px) {
  .full-width-header {
    padding-top: 110px;
    /* to account for the overlay on the menu... */
    margin-bottom: -180px;
    /* to pull the content below back up */ }
    .full-width-header .sub-title {
      font-size: 24px;
      font-size: 3vw; }
    .full-width-header .main-title {
      font-size: 110px;
      font-size: 13vw; }
    .full-width-header .overlay {
      text-align: left; } }
/*

 _                _
| |_ ___  _ __   | |__   __ _ _ __
| __/ _ \| '_ \  | '_ \ / _` | '__|
| || (_) | |_) | | |_) | (_| | |
 \__\___/| .__/  |_.__/ \__,_|_|
         |_|

*/
.topbar {
  background: #3D3D3D;
  color: white;
  line-height: 2em;
  font-size: 16px;
  font-family: Oswald;
  text-transform: uppercase; }
  .topbar .icon-search:before {
    font-family: 'OutOfTheSandbox';
    font-size: 14px;
    margin-right: .5em; }

.topbar span.feature {
  height: 2em;
  display: inline-block;
  padding: 0 1em;
  margin-left: 1em;
  background: #DC4B4B; }

.topbar a {
  color: #efefef; }
  .topbar a:hover {
    color: #dc4b4b; }

.header_bar .topbar-promo-text, .topbar-promo-text {
  text-transform: uppercase;
  font-weight: 500;
  display: inline-block;
  padding: 0 1em; }
  .header_bar .topbar-promo-text a, .topbar-promo-text a {
    color: #efefef; }
    .header_bar .topbar-promo-text a:hover, .topbar-promo-text a:hover {
      color: #dc4b4b; }

.topbar-us-at {
  display: none; }

@media only screen and (min-width: 1000px) {
  .topbar-us-at {
    display: inline-block; } }
@media only screen and (max-width: 767px) {
  .topbar-us-at {
    display: inline-block; }

  .topbar-promo-text {
    display: block;
    line-height: 1.2;
    padding: .25em 1em;
    text-align: center; } }
html.mmenu-left.mmenu-opened #header, html.mmenu-left.mmenu-opened .header {
  /*
  margin-left: 0px;
  left: 0%;
*/
  -webkit-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;
  -moz-transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease;
  transition: left 0.5s ease, right 0.5s ease, margin 0.5s ease; }

/*
html.mmenu-left.mmenu-opening #header, html.mmenu-left.mmenu-opening .header
{
  margin-left: -65px;
  left: 100%;
}
*/
html.mmenu-right.mmenu-opened #header, html.mmenu-right.mmenu-opened .header {
  margin-right: 0px;
  left: 0%;
  -webkit-transition: right 0.5s ease, left 0.5s ease, margin 0.5s ease;
  -moz-transition: right 0.5s ease, left 0.5s ease, margin 0.5s ease;
  transition: right 0.5s ease, left 0.5s ease, margin 0.5s ease; }

/*
html.mmenu-right.mmenu-opening #header, html.mmenu-right.mmenu-opening .header
{
 left: -100%;
 *margin-left: 65px;
}

@media all and (min-width: 500px) {

  html.mmenu-left.mmenu-opening #header, html.mmenu-left.mmenu-opening .header {
    left: 0;
  }

  html.mmenu-right.mmenu-opening #header, html.mmenu-right.mmenu-opening .header {
    left: -500px !important;
  }


}
*/
span.mobile-menu-nav span {
  opacity: 1;
  transition: opacity .2s; }

.mmenu-opened span.mobile-menu-nav span {
  opacity: 0; }

/*
                 _     _ _
 _ __ ___   ___ | |__ (_) | ___   _ __   __ ___   __
| '_ ` _ \ / _ \| '_ \| | |/ _ \ | '_ \ / _` \ \ / /
| | | | | | (_) | |_) | | |  __/ | | | | (_| |\ V /
|_| |_| |_|\___/|_.__/|_|_|\___| |_| |_|\__,_| \_/

mobile nav
*/
.mobile-menu-cart, .mobile-menu-nav {
  position: absolute;
  top: 1.55em; }
  .mobile-menu-cart a, .mobile-menu-nav a {
    color: #efefef; }

.mobile-menu-nav {
  left: 1em; }

.mobile-menu-cart {
  right: 1em; }

@media all and (min-width: 768px) {
  .mobile-menu-cart, .mobile-menu-nav {
    display: none;
    visibility: hidden; } }
/*
#header a
{
  color: #303030;
  font-size: 32px;
  display: block;
  height: 40px;
  position: absolute;
  top: 0;
  left: 15px;
  font-size: 25px;
  padding-top: 5px;
}


div#header a span {
  display: inline;
  padding-left: 4px;
  position: relative;
  top: -2px;
}

#header a.right
{
  left: auto;
  right: 15px;
  font-size: 20px;
  padding-top: 8px;
  top: 2px;
}
#header a.icon-menu span {
  top: -4px;
}
*/
.nav {
  text-align: right; }
  .nav li.help-option {
    background: #2c2c2c;
    margin-left: .5em; }
    .nav li.help-option * {
      background: #2c2c2c; }
    .nav li.help-option:hover a.sub-menu {
      background: #2c2c2c; }

.nav ul {
  display: block;
  border: none;
  padding: 0;
  margin: 0; }

.nav ul li {
  display: inline-block;
  position: relative;
  margin: 0;
  border: 0; }

.nav ul li {
  *display: inline; }

.nav > ul > li {
  line-height: inherit; }

.shipping-ribbon {
  position: fixed;
  top: 100px;
  right: 0;
  z-index: 1000;
  transition: top .25s; }

@media all and (min-width: 1670px) {
  .shipping-ribbon {
    top: 50px; } }
.nav ul li a.top-link::after,
.nav ul li a.active::after {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  height: 4px;
  background-color: #e84b4b;
  content: '';
  opacity: 0;
  -webkit-transition: opacity 0.3s, -webkit-transform 0.3s;
  -moz-transition: opacity 0.3s, -moz-transform 0.3s;
  transition: opacity 0.3s, transform 0.3s;
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  transform: translateY(10px); }

.index .nav ul li a.active::after,
.index .nav ul li a.top-link::after {
  background-color: #ffffff; }

.index .header_bar .nav ul li a.active::after,
.index .header_bar .nav ul li a.top-link::after {
  background-color: #ffffff; }

.nav ul li a.top-link:hover::after,
.nav ul li a.top-link:focus::after,
.nav ul li a.active::after {
  opacity: 0.8;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  transform: translateY(0px); }

.nav ul li:hover a.sub-menu::after {
  background-color: transparent; }

.nav ul li a.sub-menu {
  padding: 10px;
  z-index: 1005;
  border: solid 0px transparent;
  border-bottom: 0; }

.nav ul li:hover a.sub-menu {
  border: solid 0px #000000;
  border-bottom: 0;
  background-color: #121212;
  color: #ffffff; }

.nav a, .nav a:visited, #header a span, .nav a.icon-cart span, .search-close .linklist_collection h2 {
  font-family: Oswald;
  src: url("tradegothicltstd-bdcn20-webfont.eot");
  src: url("tradegothicltstd-bdcn20-webfont.eot?#iefix") format("embedded-opentype"), url("tradegothicltstd-bdcn20-webfont.woff") format("woff"), url("tradegothicltstd-bdcn20-webfont.ttf") format("truetype"), url("tradegothicltstd-bdcn20-webfont.svg#trade_gothic_lt_stdBdCnno.20") format("svg");
  font-weight: 500;
  font-style: normal;
  /*font-weight: normal;      */
  /*font-size: 17px; */
  font-size: 16px;
  text-transform: uppercase;
  color: #ffffff;
  position: relative;
  display: block;
  letter-spacing: -.5px;
  padding-bottom: -5px; }

.flexslider {
  border-style: solid;
  border-width: 0px; }

.index .header .nav a {
  color: #ffffff;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); }

.index .header .nav a.icon-cart {
  color: #ffffff;
  /*text-shadow: none;*/ }

.index .header .nav a:hover, .index .header .nav a:focus {
  color: #e84b4b; }

.nav a.icon-cart span {
  display: inline; }

.nav ul.search_nav {
  margin-bottom: 5px; }

.nav ul li a:hover, nav ul li a:focus, .nav a.icon-cart:hover span, .search-close:hover {
  color: #e84b4b !important; }

.logo {
  padding: 10px 0; }
  .logo img {
    /*max-height:32px;*/
    margin-top: 12px;
    width: 95px;
    height: 32px; }
  .logo a:hover {
    opacity: .7; }

.nav ul.menu li {
  padding: 5px 3px; }

.nav ul li .cart-button, input.guest_button, input[type="button"].guest_button {
  font-size: 16px;
  background-color: #121212;
  padding: 8px 15px 8px 15px;
  border-radius: 4px; }

input[type="submit"].guest_button, input[type="button"].guest_button {
  color: #ffffff;
  box-shadow: none; }

.nav ul li .cart-button span {
  padding-left: 5px;
  top: -1px; }

.cart_count {
  position: absolute;
  left: 24px;
  top: 2px;
  background-color: #dc4b4b;
  padding: 0 4px;
  border-radius: 4px;
  color: white !important;
  font-size: 11px;
  font-family: Roboto;
  font-weight: 700;
  /*
    border-bottom: 1px solid #ffffff;
    border-left: 1px solid #ffffff;
  */
  line-height: 15px;
  text-align: center; }

input[type="submit"].guest_button, input[type="submit"].guest_button:hover {
  background-color: #000000; }

input[type="submit"].guest_button:hover {
  color: #d63737; }

/*

  .nav ul.menu { padding-top: 5px; }

*/
/* sub-levels link */
.menu ul a, .menu li:hover > ul a, .index .header .nav ul.menu ul li a {
  white-space: nowrap;
  padding: 5px 0 5px 15px;
  background: none;
  text-align: left;
  color: #ffffff; }

.index .header .nav ul.menu ul li a.sub-link {
  padding: 5px 0 5px 24px; }

/* sub-level ul */
.dropdown {
  background-color: #121212;
  /*
    border: solid 0px #000000;
    border-bottom-color: #000000;
  */
  display: none;
  position: absolute;
  padding: 10px 15px 10px 0;
  left: 3px;
  top: 42px;
  z-index: 1004;
  min-width: 200px; }

.right-dropdown {
  right: 0;
  left: auto; }

.dropdown a {
  text-shadow: none !important; }

.nav ul.menu ul {
  /*width: 49%;*/
  float: left;
  display: block; }

.nav ul.menu ul li {
  display: block;
  text-align: left;
  padding: 0;
  z-index: 1004; }

.nav ul.menu ul li a {
  border: 0; }

.nav ul.menu ul li a.sub-link {
  font-weight: normal;
  font-size: 16px;
  padding: 5px 0 5px 24px;
  text-transform: none;
  display: block;
  width: 100%; }

/* show dropdown ul on hover */
.menu li:hover > .dropdown {
  display: block; }

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

.container div.collection_nav {
  margin-bottom: 1.5em; }

.collection_menu, .collection_menu li {
  display: inline;
  list-style: none;
  border: none;
  position: relative;
  top: -3px;
  margin: 0; }

.collection_menu li {
  padding-left: 25px; }

.sidebar a {
  display: block;
  color: #141414; }

h2.grey-bg {
  text-transform: uppercase;
  color: white;
  background-color: #1f1f1f;
  width: 100%;
  text-indent: 12px; }

.sidebar a:hover {
  color: #5e5e5e; }

.sidebar a {
  position: relative;
  left: -8px;
  padding-left: 8px;
  border-left: solid 4px transparent;
  -webkit-transition: border 200ms ease-out;
  -moz-transition: border 200ms ease-out;
  -o-transition: border 200ms ease-out; }

.sidebar a.active, .sidebar a:hover {
  border-left: solid 4px #e84b4b; }

.sidebar li ul {
  margin: 10px 0 8px 14px;
  font-size: 13px; }

.sidebar li ul li {
  margin-bottom: 12px; }

#search {
  display: none;
  background: #121212;
  background: rgba(30, 30, 30, 0.95);
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 99999;
  position: fixed;
  text-align: center;
  overflow: hidden;
  box-sizing: border-box;
  -o-transition-property: opacity;
  -moz-transition-property: opacity;
  -webkit-transition-property: opacity;
  transition-property: opacity;
  -o-transition-timing-function: ease-in-out;
  -moz-transition-timing-function: ease-in-out;
  -webkit-transition-timing-function: ease-in-out;
  transition-timing-function: ease-in-out;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  backface-visibility: hidden;
  -o-transition-duration: .25s;
  -moz-transition-duration: .25s;
  -webkit-transition-duration: .25s;
  transition-duration: .25s; }

.search-close {
  padding-top: 125px;
  font-size: 32px;
  cursor: pointer;
  color: #efefef;
  font-family: Roboto;
  font-weight: 300; }

#search form {
  z-index: 950;
  padding-top: 50px;
  clear: both; }

#search form input {
  width: 100%;
  box-sizing: border-box;
  border: solid 2px #eee;
  padding: 16px 8px;
  font-size: 26px; }

/* #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, .blog_content img, .section img, .thumbnail img, .logo img, .page img, .sidebar img, .cart_image img, .sub-footer img {
  max-width: 100%;
  height: auto; }

.zoomImg {
  max-width: inherit !important;
  cursor: pointer; }

/* #Videos
================================================== */
/*
  For YouTube and Vimeo videos, wrap the embedded code snippet
  in a <div class="video-container"><div> tags to allow it to resize.
  For example:
  <div class="video-container youtube">
    <div>
     <iframe width="853" height="480" src="http://www.youtube.com/embed/mSfXRb4W-R0?rel=0" frameborder="0" allowfullscreen></iframe>
    </div>
  </div>
*/
.video-container > div {
  position: relative; }

.video-container iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.vimeo {
  max-width: 1200px; }

.vimeo > div {
  padding-top: 41.95%;
  /* 467 / 830 */ }

.youtube {
  max-width: 853px; }

.youtube > div {
  padding-top: 56.271981%;
  /* 480 / 853 */ }

.slideshow-video-container {
  position: relative;
  padding-bottom: 56.25%;
  padding-top: 25px;
  height: 0;
  overflow: hidden; }

.slideshow-video-container iframe,
.slideshow-video-container object,
.slideshow-video-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.video-wrapper {
  width: 600px;
  max-width: 100%; }

.embed-container {
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
  max-width: 100%;
  height: auto; }
  .embed-container.slim {
    padding-bottom: 41.75%; }

.embed-container iframe, .embed-container object, .embed-container embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.product-video {
  min-width: 300px; }

@media all and (min-width: 600px) {
  .product-video {
    min-width: 500px; } }
@media all and (min-width: 900px) {
  .product-video {
    min-width: 800px; } }
@media all and (min-width: 1200px) {
  .product-video {
    min-width: 1000px; } }
/* #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: #dc4b4b;
  color: white;
  border: 0;
  padding: .5em 1.25em;
  text-align: center;
  cursor: pointer;
  font-family: Oswald;
  display: inline-block;
  font-size: 18px;
  text-transform: uppercase;
  display: inline-block;
  transition: all 200ms ease 0s;
  -webkit-appearance: none;
  border-radius: 4px;
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased;
  box-sizing: border-box; }

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: #5e5e5e;
  transition: all 200ms ease 0s; }

/*
  a.button:active, 
    button:active,
    input[type="submit"]:active,
    input[type="reset"]:active,
    input[type="button"]:active,
    .action_button:active, 
    input.action_button[type="submit"]:active, 
    input.action_button[type="button"]:active {
      -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
      -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
      box-shadow: inset 0 2px 4px rgba(0,0,0,.15), 0 1px 2px rgba(0,0,0,.05);
  }
*/
/*
  .add_to_cart, #cart_form .add_to_cart, form.product_form input.add_to_cart {
    width: 100%;
    max-width:300px;
    margin-top: 0px;
  }
*/
#cart a.action_button.edit_cart {
  width: 180px;
  margin-left: 20px;
  margin-top: 20px;
  background-color: #444;
  color: #ffffff;
  text-align: center;
  text-indent: 0; }

#cart .action_button {
  width: 180px;
  margin-right: 20px;
  margin-top: 20px;
  background-color: #000000;
  color: #ffffff;
  text-align: center;
  text-indent: 0; }

/* #Tabs
================================================== */
ul.tabs {
  display: block;
  margin: 10px 0 10px 0;
  padding: 0;
  border-bottom: solid 1px #000000;
  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-width: 1px 0 0 1px;
  margin: 0;
  font-size: 13px; }

ul.tabs li a.active {
  border: solid 1px #000000;
  background-color: #ffffff;
  border-bottom: #ffffff;
  height: 30px;
  position: relative;
  top: -4px;
  padding-top: 4px;
  border-right-width: 1px;
  margin: 0 -1px 0 0;
  color: #111;
  border-top-left-radius: 4px;
  border-top-right-radius: 4px; }

ul.tabs li:first-child a {
  border-top-left-radius: 4px; }

ul.tabs li:last-child a {
  border-width: 1px 1px 0 1px;
  border-top-right-radius: 4px; }

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 {
  box-sizing: border-box;
  border: 1px solid #ccc;
  padding: 12px 8px 12px 12px;
  outline: none;
  border-radius: 4px;
  font: 13px "Roboto";
  color: #555;
  width: 100%;
  margin: 0;
  max-width: 100%;
  display: block;
  margin-bottom: 20px;
  background: white;
  transition: border-color 0.2s linear, box-shadow 0.2s ease;
  -webkit-transition: border-color 0.2s linear, box-shadow 0.2s ease;
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  appearance: none; }

select {
  background: white url(//statebicycle.eu/cdn/shop/t/24/assets/select.png?v=175701240018354382511755586097) no-repeat right center;
  cursor: pointer;
  -webkit-padding-end: 30px;
  background-size: 17px 5px; }

input[type="number"] {
  padding: 5px; }

.one-third-column-left {
  width: 30%;
  float: left; }

.three-fourth-right {
  width: 68%;
  float: right; }

.one-half-left {
  width: 48%;
  float: left; }

.one-half-right {
  width: 48%;
  float: right; }

.one-third-column-mid {
  width: 30%;
  float: left; }

.one-third-column-right {
  width: 30%;
  float: right; }

input[type="text"]:hover,
input[type="number"]:hover,
input[type="password"]:hover,
input[type="email"]:hover,
textarea:hover,
select:hover {
  border-color: #8a898a;
  box-shadow: rgba(55, 55, 55, 0) 0px 0px 0px 1px; }

input[type="text"]:focus,
input[type="number"]:focus,
input[type="password"]:focus,
input[type="email"]:focus,
textarea:focus,
select:focus {
  border-color: #8a898a;
  color: #333; }

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: 100%; }

#contact_email {
  margin-bottom: .5em;
  width: 100%;
  border-radius: 0;
  max-width: 500px;
  height: 40px; }

#sign_up {
  box-sizing: border-box;
  width: auto;
  border-radius: 0; }

#contact_email, #sign_up {
  display: inline-block;
  vertical-align: top; }

.quantity_label {
  display: inline;
  font-size: smaller; }

.remove_item a {
  font-size: smaller;
  color: #404040; }

input.quantity {
  width: 42px;
  display: inline;
  margin-bottom: 0; }

.cart_items p {
  margin-bottom: 5px; }

li.cart_item a {
  text-indent: 0 !important; }

li.cart_item a .price {
  top: -10px;
  position: relative; }

.cart_image {
  padding: 10px 20px 0 20px;
  width: 100px;
  text-align: center;
  float: left; }

.continue_shopping {
  float: right;
  padding-top: 5px; }

#get-rates-submit {
  margin-top: -1px; }

/* #Tables
================================================== */
table tr.order_summary td.label {
  text-align: right; }

table {
  margin-bottom: 20px; }

/* #Misc
================================================== */
.hidden {
  display: none !important;
  visibility: hidden !important; }

.remove {
  color: #404040; }

.relative {
  position: relative; }

.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, span.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;
  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: 180px 0px 0px 0px; }

.logo a {
  margin: 0;
  padding-top: 0px;
  display: inline-block; }

div.section {
  margin: 10px 0; }

.homepage_content img {
  width: 100%; }

.container .featured_links .column {
  margin-bottom: 20px; }

.featured_links .image_container {
  position: relative;
  background-color: #121212;
  line-height: 0; }

.featured_links a img {
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -ms-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out; }

.featured_links a:hover img {
  filter: alpha(opacity=80);
  opacity: 0.8; }

.featured_links a span {
  position: absolute;
  bottom: 50%;
  left: 0;
  right: 0;
  margin: 0 40px;
  text-align: center;
  padding: 0 10px;
  color: #ffffff;
  -webkit-transition: color 0.3s;
  -moz-transition: color 0.3s;
  transition: color 0.3s;
  z-index: 2;
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 17px;
  text-transform: uppercase;
  letter-spacing: -.5px;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.5);
  opacity: 0.9;
  -webkit-font-smoothing: antialiased; }

.featured_links a span::before,
.featured_links a span::after {
  position: absolute;
  width: 100%;
  left: 0;
  top: 50%;
  height: 2px;
  margin-top: -1px;
  background: rgba(255, 255, 255, 0.9);
  content: '';
  z-index: 1;
  -webkit-transition: -webkit-transform 0.3s, opacity 0.3s;
  -moz-transition: -moz-transform 0.3s, opacity 0.3s;
  transition: transform 0.3s, opacity 0.3s;
  pointer-events: none; }

.featured_links a span::before {
  -webkit-transform: translateY(-20px);
  -moz-transform: translateY(-20px);
  transform: translateY(-20px); }

.featured_links a span::after {
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  transform: translateY(20px); }

.featured_links a:hover span,
.featured_links a:focus span {
  color: #ffffff;
  opacity: 1; }

.featured_links a:hover span::before,
.featured_links a:hover span::after,
.featured_links a:focus span::before,
.featured_links a:focus span::after {
  background: rgba(255, 255, 255, 0.6); }

.featured_links a:hover span::before,
.featured_links a:focus span::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  transform: rotate(45deg); }

.featured_links a:hover span::after,
.featured_links a:focus span::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  transform: rotate(-45deg); }

div.product_section {
  margin: 5px 0; }

div.container div.breadcrumb {
  margin-bottom: 1.5em;
  font-size: 13px; }

.continue_shopping {
  float: right;
  font-size: 13px; }

.vendor {
  margin-top: -15px; }

#category {
  width: 100%; }

.featured_content p {
  margin-bottom: 0; }

.paginate {
  text-align: center; }

.paginate span, a.tag {
  border: solid 1px #000000;
  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: #ffffff; }

.paginate .current {
  background-color: #000000;
  color: white; }

.paginate .deco {
  border: none; }

.thumbnail {
  position: relative;
  text-align: center;
  margin-bottom: 1em; }

.featured_collections .thumbnail {
  text-align: center; }

.thumbnail a {
  display: block;
  padding-bottom: 0.5em;
  color: #404040; }

.thumbnail a:hover {
  color: #d63737; }

.thumbnail .info {
  text-align: left; }

.new {
  position: relative;
  display: inline;
  padding: 5px;
  border-radius: 2px;
  font-size: 12px; }

.thumbnail img {
  margin-bottom: 0.75em; }

.thumbnail .price, .thumbnail .sold_out, .sold_out {
  font-weight: bold;
  color: #404040; }

.sold_out .details {
  display: block;
  font-size: 12px;
  font-weight: normal;
  background: #DC4B4B;
  /* #6BC0B9 */
  color: white;
  padding: 1em;
  border-radius: 2px;
  margin-bottom: 1em;
  line-height: 1.4;
  font-family: Roboto;
  text-transform: none; }

.thumbnail .sale, .sale {
  color: #dc4b4b; }

.sale_banner, .new_banner {
  position: absolute;
  top: 25px;
  left: -5px;
  background: #282c30;
  font-family: 'HelveticaNeue-Light', 'Helvetica Neue Light', 'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: normal;
  font-size: 16px;
  text-transform: uppercase;
  padding: 10px;
  text-align: center;
  color: white; }

.new_banner {
  background: #282c30; }

.thumbnail .price, .thumbnail .title {
  display: block; }

.cart_price {
  float: right;
  text-align: right;
  padding-left: 20px;
  font-weight: 400;
  display: none; }

#estimated-shipping, .excluding_tax {
  display: block; }

.cart_page_image {
  float: left;
  margin-right: 20px;
  text-align: center;
  display: block;
  width: 100%; }
  .cart_page_image img {
    width: 100%; }

.price_total_text {
  font-weight: normal;
  display: none; }

.was_price {
  text-decoration: line-through;
  color: #9da6ae;
  font-style: italic;
  text-shadow: none;
  font-weight: normal; }

.thumbnail .quick_shop {
  display: none;
  padding: 5px 0;
  background-color: #888;
  position: absolute;
  width: 100%;
  bottom: 18px;
  left: 0;
  text-align: center;
  color: white;
  opacity: 0.85; }

.thumbnail .quick_shop:hover {
  color: #ffffff;
  background-color: #000000;
  opacity: 0.95; }

.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(//statebicycle.eu/cdn/shop/t/24/assets/fancy.png?v=120500130493387684961755586097) no-repeat;
  font: 11px Roboto;
  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(//statebicycle.eu/cdn/shop/t/24/assets/pinit.png?v=53785377873628406291755586097) no-repeat;
  font: 11px Roboto;
  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 {
  margin: 10px 0;
  display: none;
  background-color: #ffffff; }

.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: 32px;
  margin-bottom: 0;
  position: relative; }

.modal form {
  margin-bottom: 10px; }

.modal a {
  color: #d63737;
  font-style: italic; }

.modal a:hover {
  color: #ffffff; }

.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; }

.comment-body h6 {
  padding-top: 0; }

.sidebar_title {
  margin-bottom: 0; }

.blog_list {
  margin-left: 0; }

.recent_articles {
  padding-top: 10px; }

.recent_articles li {
  padding: 10px 0px; }

.recent_articles a {
  font-size: 13px;
  padding-right: 15px;
  display: block; }

.blog_list li {
  list-style: none; }

.blog_list.toggle_list > li > a {
  font-weight: 500; }

.blog_list.toggle_list > li > ul > li li {
  margin: 0;
  border-left: 1px solid #ccc;
  padding: .4em 0; }

.blog_list.toggle_list > li > ul > li li a {
  color: #555; }

.toggle span {
  color: #9da6ae;
  font-weight: bold;
  font-family: Roboto;
  font-size: smaller;
  float: right;
  display: none; }

.sidebar p {
  font-size: 13px; }

.sidebar .search {
  padding-top: 8px; }

.sidebar .search input {
  width: 100%;
  box-sizing: border-box; }

.meta .label, .label {
  color: #9da6ae; }

.blog_meta, .blog_meta a {
  color: #9da6ae; }

.blog_meta a:hover {
  color: #d63737; }

.blog_meta p {
  padding-right: 40px; }

.container .blog_content {
  padding-left: 40px;
  border-left: solid 1px #000000; }

.count {
  font-style: normal;
  font-size: 13px; }

#tag_filter {
  margin-bottom: 0;
  float: right;
  width: auto;
  display: block; }

.checkout {
  display: block;
  float: right;
  margin-top: 0px; }

.or {
  font-size: smaller;
  font-style: italic;
  padding: 0 10px; }

.inline_purchase {
  display: inline-block;
  margin-left: 20px;
  margin-top: 22px; }

div.article {
  margin-bottom: 35px; }

.comment {
  margin-bottom: 20px; }

.comment-body h6 {
  padding-bottom: 0.25em; }

.gravatar {
  width: 100px !important; }

.gravatar img {
  width: 80px;
  height: 80px;
  margin-bottom: 15px;
  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; }

.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

================================================== */
section.footer {
  background-color: #0F0F0F;
  font-size: 12px;
  line-height: 1.7em;
  color: #efefef;
  padding: 5em 2em; }
  section.footer .find-us {
    margin-top: 2em; }
  section.footer .tiny-grid > div {
    vertical-align: top; }
  section.footer .list-of-links h2 {
    padding-bottom: .25em;
    margin: 1em 0 .5em;
    border-bottom: 1px solid #afafaf; }
  section.footer .list-of-links ul {
    list-style: none;
    margin: 0; }
  section.footer .list-of-links li {
    line-height: 1.4;
    margin-bottom: .5em; }
  section.footer .list-of-links a {
    color: #efefef; }
    section.footer .list-of-links a.tel {
      color: #dc4b4b; }
    section.footer .list-of-links a:hover {
      color: #dc4b4b; }
  section.footer ul.icons {
    list-style: none;
    margin: 0; }
    section.footer ul.icons li {
      display: inline-block;
      padding: 0 .25em; }
    section.footer ul.icons a:hover {
      opacity: .8; }
  section.footer .newsletter-join {
    margin-bottom: 2em; }
    section.footer .newsletter-join #contact_email {
      transition: all .2s;
      border: none;
      background: #d5d5d5; }
      section.footer .newsletter-join #contact_email:hover {
        background: #efefef; }
      section.footer .newsletter-join #contact_email:focus {
        background: white; }
  section.footer .hashtag {
    font-size: 24px;
    margin-bottom: 1em; }
  section.footer h2 {
    color: #efefef;
    margin: 0 0 .25em; }
  section.footer a {
    color: #616161; }
  section.footer a:hover {
    color: #d63636; }
  section.footer .shop-local a {
    display: inline-block;
    position: relative; }
    section.footer .shop-local a:hover h4 {
      color: #dc4b4b; }
    section.footer .shop-local a:hover img {
      -webkit-animation-duration: 1s;
      animation-duration: 1s;
      -webkit-animation-fill-mode: both;
      animation-fill-mode: both;
      -webkit-animation-name: bounceInDown;
      animation-name: bounceInDown; }
  section.footer .shop-local img {
    width: 32px; }
  section.footer .shop-local h4 {
    color: #efefef;
    max-width: 125px;
    margin: 0 auto;
    border: none; }
  section.footer p.credits {
    margin: 2em 0 0;
    color: #565656; }

.sub-footer {
  margin-top: 2.5em;
  border-top: solid 1px #ffffff;
  background-color: #ffffff; }

.sub-footer p {
  margin-bottom: 10px;
  font-size: 13px; }

.sub-footer a {
  font-size: 13px; }

.contact-form {
  margin-bottom: 0; }

.payment_methods img {
  padding-left: 4px;
  height: 26px;
  width: 38px;
  position: relative;
  top: -2px; }

.credits_right {
  text-align: right; }

.sub-footer ul {
  list-style: none outside;
  margin-left: 0; }

.sub-footer li {
  padding: 5px 0;
  list-style: none outside none;
  margin-bottom: 0; }

.footer-social-icons li {
  display: inline-block; }
.footer-social-icons a {
  padding: .5em;
  color: #121212;
  font-size: 20px !important;
  /* important is needed sadly */ }
  .footer-social-icons a:hover {
    color: #dc4b4b; }

.sub-footer .signup-message {
  font-weight: bold;
  line-height: 1.4; }

@media (min-width: 768px) {
  section.footer .find-us {
    margin-top: 0;
    text-align: center; }
  section.footer .list-of-links h2 {
    margin-top: 0; } }
/*

      _          _                 _   _
   / \   _ __ (_)_ __ ___   __ _| |_(_) ___  _ __  ___
  / _ \ | '_ \| | '_ ` _ \ / _` | __| |/ _ \| '_ \/ __|
 / ___ \| | | | | | | | | | (_| | |_| | (_) | | | \__ \
/_/   \_\_| |_|_|_| |_| |_|\__,_|\__|_|\___/|_| |_|___/

  Animations

*/
.animated {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both; }

.delay {
  -webkit-animation-delay: 2s;
  animation-delay: 2s; }

.delay-short {
  -webkit-animation-delay: 1s;
  animation-delay: 1s; }

@-webkit-keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    /* -3000px */
    transform: translate3d(0, -60px, 0);
    /* -3000px */ }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }

@keyframes bounceInDown {
  0%, 60%, 75%, 90%, 100% {
    -webkit-transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1); }

  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -60px, 0);
    transform: translate3d(0, -60px, 0); }

  60% {
    opacity: 1;
    -webkit-transform: translate3d(0, 25px, 0);
    transform: translate3d(0, 25px, 0); }

  75% {
    -webkit-transform: translate3d(0, -10px, 0);
    transform: translate3d(0, -10px, 0); }

  90% {
    -webkit-transform: translate3d(0, 5px, 0);
    transform: translate3d(0, 5px, 0); }

  100% {
    -webkit-transform: none;
    transform: none; } }

.bounceInDown {
  -webkit-animation-name: bounceInDown;
  animation-name: bounceInDown; }

@-webkit-keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

@keyframes fadeInDown {
  0% {
    opacity: 0;
    -webkit-transform: translate3d(0, -100%, 0);
    transform: translate3d(0, -100%, 0); }

  100% {
    opacity: 1;
    -webkit-transform: none;
    transform: none; } }

.fadeInDown {
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

.spr-badge {
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown; }

html.mmenu-opened .mmenu-page,
html.mmenu-opened #mmenu-blocker,
.mmenu.mmenu-horizontal ul {
  -webkit-transition-duration: 0.5s;
  -moz-transition-duration: 0.5s;
  -o-transition-duration: 0.5s;
  transition-duration: 0.5s;
  -webkit-transition-timing-function: ease;
  -moz-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

html.mmenu-opened .mmenu-page,
html.mmenu-opened #mmenu-blocker {
  -webkit-transition-property: top, right, bottom, left, margin;
  -moz-transition-property: top, right, bottom, left, margin;
  -o-transition-property: top, right, bottom, left, margin;
  transition-property: top, right, bottom, left, margin; }

.mmenu.mmenu-horizontal ul {
  -webkit-transition-property: margin-left;
  -moz-transition-property: margin-left;
  -o-transition-property: margin-left;
  transition-property: margin-left; }

html.mmenu-accelerated.mmenu-opening .mmenu-page,
html.mmenu-accelerated.mmenu-opening #mmenu-blocker,
html.mmenu-accelerated.mmenu-opening .mmenu.mmenu-horizontal ul {
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -o-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0); }

/* top */
html.mmenu-top.mmenu-opened .mmenu-page,
html.mmenu-top.mmenu-opened #mmenu-blocker {
  margin-top: 0px;
  top: 0%;
  left: 0; }

html.mmenu-top.mmenu-opening .mmenu-page,
html.mmenu-top.mmenu-opening #mmenu-blocker {
  margin-top: -65px;
  top: 100%; }

/* right */
html.mmenu-right.mmenu-opened .mmenu-page,
html.mmenu-right.mmenu-opened #mmenu-blocker {
  margin-right: 0px;
  right: 0%;
  top: 0; }

html.mmenu-right.mmenu-opening .mmenu-page,
html.mmenu-right.mmenu-opening #mmenu-blocker {
  margin-right: -65px;
  right: 100%; }

/* bottom */
html.mmenu-bottom.mmenu-opened .mmenu-page,
html.mmenu-bottom.mmenu-opened #mmenu-blocker {
  margin-bottom: 0px;
  bottom: 0%;
  left: 0; }

html.mmenu-bottom.mmenu-opening .mmenu-page,
html.mmenu-bottom.mmenu-opening #mmenu-blocker {
  margin-bottom: -65px;
  bottom: 100%; }

/* left */
html.mmenu-left.mmenu-opened .mmenu-page,
html.mmenu-left.mmenu-opened #mmenu-blocker {
  margin-left: 0px;
  left: 0%;
  top: 0; }

html.mmenu-left.mmenu-opening .mmenu-page,
html.mmenu-left.mmenu-opening #mmenu-blocker {
  margin-left: -65px;
  left: 100%; }

/*
  mmenu
*/
html.mmenu-opened .mmenu-page,
.mmenu.mmenu-horizontal ul,
.mmenu div.mmenu-search,
.mmenu div.mmenu-search input {
  box-sizing: border-box; }

/* html/body */
html.mmenu-opened,
html.mmenu-opened body {
  height: 100%;
  width: 100%;
  overflow: hidden; }

html.mmenu-opened body {
  position: relative; }

/* menu */
.mmenu {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
  overflow: scroll;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

.mmenu:after {
  content: '';
  display: block;
  clear: both; }

.mmenu.mmenu-opened {
  display: block; }

.mmenu.mmenu-opened ~ .mmenu.mmenu-opened {
  display: none; }

/* ul/li */
.mmenu ul,
.mmenu li {
  list-style: none; }

.mmenu li {
  position: relative; }

.mmenu li:after {
  content: '';
  display: block;
  width: 100%; }

.mmenu ul,
.mmenu li,
.mmenu li > a,
.mmenu li > span {
  display: block;
  padding: 0;
  margin: 0; }

.mmenu a {
  background: transparent; }

.mmenu > ul {
  background: inherit;
  padding: 20px 0 40px 0; }

.mmenu.mmenu-top > ul {
  padding-bottom: 85px; }

.mmenu.mmenu-right > ul {
  padding-left: 65px; }

.mmenu.mmenu-bottom > ul {
  padding-top: 85px; }

.mmenu.mmenu-left > ul {
  padding-right: 65px; }

/* items */
.mmenu li > a,
.mmenu li > span {
  text-indent: 20px;
  text-overflow: ellipsis;
  white-space: nowrap;
  line-height: 40px;
  overflow: hidden;
  padding-right: 5px; }

.mmenu a:active {
  background: none; }

/* subopen/close */
.mmenu a.mmenu-subopen {
  width: 40px;
  height: 40px;
  padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  z-index: 2; }

.mmenu a.mmenu-subopen.mmenu-fullsubopen {
  border-left: none;
  width: 100%; }

.mmenu a.mmenu-subclose, .mmenu a.close {
  text-indent: 40px;
  padding-top: 20px; }

.mmenu a.mmenu-subopen + a,
.mmenu a.mmenu-subopen + span {
  padding-right: 45px; }

/* page + blocker */
html.mmenu-opened .mmenu-page {
  background: inherit;
  height: 100%;
  overflow: hidden;
  position: absolute; }

#mmenu-blocker {
  background: white;
  opacity: 0;
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 9999; }

html.mmenu-opened #mmenu-blocker,
html.mmenu-blocking #mmenu-blocker {
  display: block; }

/* vertical submenu */
.mmenu.mmenu-vertical ul ul {
  display: none;
  padding: 10px 0 10px 10px; }

.mmenu.mmenu-vertical li.mmenu-opened > ul {
  display: block; }

.mmenu.mmenu-vertical ul ul li:last-child,
.mmenu.mmenu-vertical ul ul li:last-child:after {
  border-bottom-width: 0; }

.mmenu.mmenu-vertical li.mmenu-opened.mmenu-selected > a.mmenu-subopen + a,
.mmenu.mmenu-vertical li.mmenu-opened.mmenu-selected > a.mmenu-subopen + span {
  padding-right: 5px;
  margin-right: 40px; }

.mmenu.mmenu-vertical li.mmenu-opened.mmenu-selected > em.mmenu-counter + a.mmenu-subopen + a,
.mmenu.mmenu-vertical li.mmenu-opened.mmenu-selected > em.mmenu-counter + a.mmenu-subopen + span {
  margin-right: 75px; }

/* horizontal submenu */
.mmenu.mmenu-horizontal {
  width: 500%; }

.mmenu.mmenu-horizontal ul {
  width: 20%;
  margin-left: 0%;
  float: left; }

.mmenu.mmenu-horizontal ul.mmenu-submenu {
  display: none; }

.mmenu.mmenu-horizontal ul.mmenu-submenu.mmenu-opened {
  display: block; }

.mmenu.mmenu-horizontal ul.mmenu-subopening {
  margin-left: -20%;
  height: 100%;
  overflow: hidden; }

/*
  Menu, submenus, items
  - Styling (default: dark background)
*/
.mmenu {
  background: #333; }

.mmenu * {
  -webkit-text-size-adjust: none;
  text-shadow: 0 1px 2px rgba(0, 0, 0, 0.4);
  font-family: Roboto;
  font-size: 14px; }

.mmenu li {
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.mmenu li:after {
  border-bottom: 1px solid rgba(0, 0, 0, 0.3); }

.mmenu li,
.mmenu li > a,
.mmenu li > span {
  color: rgba(255, 255, 255, 0.6);
  text-decoration: none; }

.mmenu li.mmenu-selected > a,
.mmenu li.mmenu-selected > span {
  background: rgba(0, 0, 0, 0.2); }

.mmenu li.mmenu-selected > a.mmenu-subopen {
  background: transparent; }

/* subopen/close */
.mmenu a.mmenu-subopen {
  border-left: 1px solid rgba(0, 0, 0, 0.3); }

.mmenu a.mmenu-subclose, .mmenu a.close {
  background: rgba(0, 0, 0, 0.2); }

.mmenu a.continue {
  margin-top: -30px; }

/* vertical submenu */
.mmenu.mmenu-vertical li.mmenu-opened > a.mmenu-subopen,
.mmenu.mmenu-vertical li.mmenu-opened > ul {
  background: rgba(255, 255, 255, 0.06); }

/* page + blocker */
html.mmenu-opened .mmenu-page {
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.8); }

/*
  Labels
  - Sizing and positioning
*/
.mmenu li.mmenu-label {
  text-transform: uppercase;
  text-indent: 20px;
  line-height: 20px; }

/*
  Labels
  - Styling
*/
.mmenu li.mmenu-label {
  background: rgba(255, 255, 255, 0.1);
  font-size: 12px;
  color: rgba(255, 255, 255, 0.5); }

/*
  Counters
  - Sizing and positioning
*/
.mmenu em.mmenu-counter, em.subtotal {
  text-indent: 0;
  text-align: center;
  text-shadow: none;
  line-height: 20px;
  display: block;
  min-width: 20px;
  height: 20px;
  padding: 2px 5px;
  position: absolute;
  right: 20px;
  top: 10px; }

.mmenu em.mmenu-counter + a.mmenu-subopen {
  padding-left: 35px; }

.mmenu em.mmenu-counter + a.mmenu-subopen + a,
.mmenu em.mmenu-counter + a.mmenu-subopen + span {
  padding-right: 80px; }

.mmenu em.mmenu-counter + a.mmenu-fullsubopen + a,
.mmenu em.mmenu-counter + a.mmenu-fullsubopen + span {
  padding-right: 70px; }

/*
  Counters
  - Styling
*/
.mmenu em.mmenu-counter, em.subtotal {
  border-radius: 5px;
  background: rgba(255, 255, 255, 0.1);
  box-shadow: 0 0 2px rgba(0, 0, 0, 0.3);
  font-size: 12px;
  font-weight: bold;
  font-style: normal;
  color: rgba(255, 255, 255, 0.8); }

/*
  Arrows
  - Sizing and positioning
*/
.mmenu a.mmenu-subopen:after,
.mmenu a.mmenu-subclose:before,
.mmenu a.close:before {
  content: '';
  border-width: 4px;
  border-style: solid;
  display: block;
  width: 6px;
  height: 6px;
  position: absolute;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg); }

.mmenu a.mmenu-subopen:after {
  border-top: none;
  border-left: none;
  right: 16px;
  top: 16px; }

.mmenu a.mmenu-subclose:before, .mmenu a.close:before {
  border-right: none;
  border-bottom: none;
  left: 20px;
  top: 35px; }

.mmenu.mmenu-vertical li.mmenu-opened > a.mmenu-subopen:after {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg); }

/*
  Arrows
  - Styling
*/
.mmenu a.mmenu-subopen:after,
.mmenu a.mmenu-subclose:before,
.mmenu a.close:before {
  border-color: rgba(255, 255, 255, 0.3); }

/*
  Search
  - Sizing and positioning
*/
.inline-block {
  display: inline-block; }

.twenty-five-perc {
  width: 22%;
  margin-left: 20px; }

.thirty-three-perc {
  width: 30%;
  margin-left: 30px; }

.twenty-five-perc-last {
  width: 22%;
  float: right; }

.img-hover {
  opacity: 1;
  transition: opacity .25s ease-in-out;
  -moz-transition: opacity .25s ease-in-out;
  -webkit-transition: opacity .25s ease-in-out; }

.float-slider {
  /*margin-top: -51px;*/
  margin-bottom: 2em; }

.img-hover:hover {
  opacity: 0.8; }

.mmenu div.mmenu-search {
  width: 20%;
  height: 50px;
  padding: 10px;
  position: absolute;
  top: 0;
  z-index: 1; }

.mmenu.mmenu-vertical div.mmenu-search {
  width: 100%; }

.mmenu.mmenu-right div.mmenu-search {
  padding-left: 75px; }

.mmenu.mmenu-bottom div.mmenu-search {
  top: 65px; }

.mmenu.mmenu-left div.mmenu-search {
  padding-right: 75px; }

.mmenu div.mmenu-search input {
  border: none;
  /*border-radius: 15px;*/
  line-height: 30px;
  outline: none;
  display: block;
  width: 100%;
  height: 30px;
  margin: 0;
  padding: 0 0 0 10px; }

.mmenu li.mmenu-noresults {
  border: none;
  display: none;
  padding-top: 30px; }

.mmenu li.mmenu-noresults:after {
  border: none; }

.mmenu.mmenu-noresults li.mmenu-noresults {
  display: block; }

.mmenu div.mmenu-search ~ ul {
  padding-top: 50px; }

.mmenu .mmenu-noresult,
.mmenu .mmenu-nosubresult > a.mmenu-subopen,
.mmenu .mmenu-nosubresult > em.mmenu-counter {
  display: none; }

.mmenu .mmenu-nosubresult > a.mmenu-subopen + a,
.mmenu .mmenu-nosubresult > a.mmenu-subopen + span {
  padding-right: 5px; }

/*
  Search
  - Styling
*/
.mmenu div.mmenu-search {
  background: rgba(0, 0, 0, 0.2);
  border-bottom: 1px solid rgba(255, 255, 255, 0.1); }

.mmenu div.mmenu-search input {
  background: rgba(255, 255, 255, 0.3);
  color: rgba(255, 255, 255, 0.9); }

.mmenu li.mmenu-noresults {
  color: rgba(255, 255, 255, 0.4);
  text-align: center; }

/*
  Bugfix for browsers without support for overflowscrolling
    - Android < 3
*/
html.mmenu-no-overflowscrolling.mmenu-opened,
html.mmenu-no-overflowscrolling.mmenu-opened body {
  overflow: visible; }

html.mmenu-no-overflowscrolling.mmenu-opened body {
  overflow-x: hidden; }

html.mmenu-no-overflowscrolling.mmenu-opened .mmenu-page {
  min-height: 200%;
  position: fixed;
  top: 0;
  z-index: 3; }

html.mmenu-no-overflowscrolling .mmenu {
  height: auto;
  min-height: 100%;
  overflow: default;
  overflow-x: default;
  overflow-y: default;
  position: relative;
  left: auto;
  top: auto; }

html.mmenu-no-overflowscrolling.mmenu-right .mmenu {
  position: absolute; }

.ll_panel a {
  position: relative;
  display: block;
  font-family: Oswald;
  text-align: center;
  text-transform: uppercase;
  color: white; }

.ll_panel img {
  width: 100%; }

.ll_panel .title {
  position: absolute;
  bottom: 1em;
  width: 100%;
  display: block;
  font-size: 24px; }

.ll_panel .one-third {
  margin-bottom: 1em; }

.ll_panel .one-third:nth-child(3n+1) {
  clear: left; }

.hidden {
  display: none;
  visibility: hidden; }

/*
  Sizing and positioning for larger screens
*/
@media all and (min-width: 500px) {
  .mmenu.mmenu-left.mmenu-vertical,
  .mmenu.mmenu-right.mmenu-vertical,
  .mmenu.mmenu-left div.mmenu-search,
  .mmenu.mmenu-right div.mmenu-search {
    width: 500px; }

  .mmenu.mmenu-right.mmenu-vertical {
    left: auto;
    right: 0; }

  .mmenu.mmenu-left.mmenu-horizontal,
  .mmenu.mmenu-right.mmenu-horizontal {
    width: 2500px; }

  .mmenu.mmenu-right.mmenu-horizontal {
    left: auto;
    right: -2000px; }

  html.mmenu-left.mmenu-opening .mmenu-page,
  html.mmenu-left.mmenu-opening #mmenu-blocker {
    left: 500px; }

  html.mmenu-right.mmenu-opening .mmenu-page,
  html.mmenu-right.mmenu-opening #mmenu-blocker {
    right: 500px; } }
/* #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 img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto; }

#homepage_slider .slides img {
  width: 100%; }

.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: 25%;
  color: white;
  text-shadow: 0 0 1px rgba(0, 0, 0, 0.05), 0 1px 2px rgba(0, 0, 0, 0.3); }

.flexslider .headline {
  font-size: 38px;
  margin-bottom: 0.2em;
  line-height: 43px;
  font-weight: normal;
  position: relative; }

.flexslider p.subtitle {
  font-size: 24px;
  line-height: 1.5em;
  font-weight: normal;
  position: relative; }

.flex-caption .action_button {
  border: 2px solid rgba(255, 255, 255, 0.6);
  border-radius: 2px;
  background-color: rgba(255, 255, 255, 0.1) !important;
  box-shadow: none;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.4);
  position: relative; }

.flex-caption .action_button:hover {
  background-color: rgba(255, 255, 255, 0.2) !important;
  border-color: white;
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.6); }

/* Direction Nav */
.flex-direction-nav {
  *height: 0; }

.flex-direction-nav a {
  width: 60px;
  height: 60px;
  margin: -20px 0 0;
  display: block;
  background: url(//statebicycle.eu/cdn/shop/t/24/assets/arrow_sprite.png?v=169738281038869072491755586097) 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;
  text-align: center;
  width: 100%; }

.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: 40px;
  height: 1px;
  display: block;
  opacity: 0.3;
  cursor: pointer;
  text-indent: -9999em;
  border: 3px solid white;
  background: white;
  overflow: hidden;
  border-radius: 1px; }

.flex-control-nav li a.flex-active {
  opacity: 0.8;
  cursor: default; }

.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 5% 0 0; }

.flex-control-thumbs li:nth-child(5n) {
  margin: 15px 0 0; }

.flex-control-thumbs img {
  width: 100%;
  display: block;
  opacity: .7;
  cursor: pointer; }

.flex-control-thumbs img:hover {
  opacity: 1; }

.flex-control-thumbs .flex-active {
  opacity: 1;
  cursor: default; }

.product_slider .flex-active-slide a:hover {
  cursor: -webkit-zoom-in;
  cursor: -moz-zoom-in; }

.product_slider {
  margin-bottom: 2em; }

/* #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: #ffffff;
  color: #444;
  text-shadow: none; }

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

.fancybox-opened .fancybox-skin {
  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 "Roboto";
  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("//statebicycle.eu/cdn/shop/t/24/assets/arrow_sprite.png?v=169738281038869072491755586097");
  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;
  border-radius: 4px; }

#fancybox-loading div {
  width: 44px;
  height: 44px;
  background: url("//statebicycle.eu/cdn/shop/t/24/assets/loader.gif?v=38408244440897529091755586097") center center no-repeat;
  background-size: 32px 32px;
  display: block !important; }

.fancybox-close {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 30px;
  height: 30px;
  cursor: pointer;
  z-index: 8040;
  background-position: 0 -30px; }

.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("//statebicycle.eu/cdn/shop/t/24/assets/blank.gif?v=164826798765693215961755586097");
  /* 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(//statebicycle.eu/cdn/shop/t/24/assets/fancybox_overlay.png?v=160011841066987357151755586097); }

.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 "Roboto";
  position: relative;
  text-shadow: none;
  z-index: 8050;
  width: 100%; }

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

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

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

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

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

.fancybox-title-over-wrap {
  position: absolute;
  bottom: 0;
  left: 0;
  color: white;
  padding: 10px;
  background: #121212;
  background: rgba(0, 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.4);
  cursor: pointer;
  z-index: 10; }

.cloudzoom-zoom {
  border: 1px solid #888;
  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.4);
  background-color: #ffffff; }

.cloudzoom-zoom-inside {
  border: none;
  box-shadow: none; }

.cloudzoom-caption {
  display: none;
  text-align: left;
  background-color: #121212;
  color: white;
  font-weight: bold;
  padding: 10px;
  font-family: Roboto;
  font-size: 11px; }

.cloudzoom-blank {
  background-image: url("//statebicycle.eu/cdn/shop/t/24/assets/blank.gif?v=164826798765693215961755586097"); }

div.cloudzoom-ajax-loader {
  display: none; }

.cloudzoom-lens + div {
  display: none !important; }

ul.menu .desktop {
  display: none; }

@media only screen and (min-width: 1200px) {
  ul.menu .desktop {
    display: inline-block; } }
/*
* 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 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: 20px; }

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

.column.omega, .columns.omega {
  margin-right: 0; }

/* Base Grid */
.container .one.column {
  width: 55px; }

.container .two.columns {
  width: 130px; }

.container .three.columns {
  width: 205px; }

.container .four.columns {
  width: 280px; }

.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: 380px; }

.container .two-thirds.column {
  width: 780px; }

/* 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; }

  .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; }

  i.parts-accessories {
    display: none; } }
/* #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; }

  i.parts-accessories {
    display: none; } }
/*  #Mobile (Portrait)
================================================== */
/* Note: Design for a width of 320px */
@media only screen and (max-width: 767px) {
  .shipping-ribbon {
    display: none; }

  .container {
    width: 300px; }

  .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; }

  /* 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; }

  .topbar span.feature {
    margin-left: -1em;
    width: 100%;
    text-align: center; } }
/* #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; }

  .header {
    background: #121212; } }
/* #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) {
  .collection_menu {
    display: none; }

  #tag_filter {
    display: block; }

  h1.collection_title_tags, div.collection_title_tags {
    border-right: 0;
    margin-right: 0;
    padding-right: 0; }

  .cloudzoom-lens {
    width: 140px;
    height: 120px; } }
/* Standard 960 to widescreen 1200(desktop browsers) */
@media only screen and (min-width: 960px) and (max-width: 1199px) {
  .nav ul li {
    padding: 0 7px 0 7px; } }
/* Tablet Portrait size to standard 960 (devices and browsers) */
@media only screen and (min-width: 768px) and (max-width: 959px) {
  /*.nav ul.menu li { padding: 10px 3px 10px 3px; }*/
  /*.dropdown { left: 3px; top:50px;}*/
  .nav ul li .cart-button {
    background-color: transparent;
    color: #ffffff !important; }

  .nav .arrow {
    display: none; }

  .header_bar .nav ul li .cart-button {
    color: #ffffff !important; }

  .nav ul li .cart-button span {
    display: none; }

  .cart_count {
    top: -2px;
    left: 10px; }

  .nav ul li a.sub-menu {
    padding-right: 7px;
    padding-left: 7px; } }
/* All Mobile Sizes (devices and browser) */
@media only screen and (max-width: 767px) {
  .mobile_hidden {
    display: none !important; }

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

  #cart a.action_button.edit_cart {
    width: 120px; }

  #cart .action_button {
    width: 120px; }

  .cart_count {
    left: -20px;
    top: 0; }

  .mobile-menu-cart {
    top: 24px; }

  .breadcrumb {
    text-align: center;
    margin-bottom: 1.5em; }

  .featured_text {
    font-size: 14px;
    line-height: 1.7em;
    text-align: center; }

  div.content {
    padding-top: 30px; }

  #header {
    display: block; }

  .header {
    position: relative;
    text-align: center; }

  .toggle span {
    display: block; }

  .toggle_list {
    display: none; }

  select {
    width: 100%; }

  .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"] {
    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; }

  .container div.mobile_only {
    display: block; }

  span.mobile_only {
    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 {
    top: 0; }

  .flex-caption .headline {
    font-size: 1.5em;
    line-height: 1.5em;
    position: relative; }

  .flex-caption p.subtitle {
    font-size: 1.1em;
    line-height: 1.5em;
    position: relative; }

  .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) {
  .mobile_hidden {
    display: none !important; }

  .riders-nav {
    display: none; } }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
@media only screen and (max-width: 479px) {
  .riders-nav {
    display: none; }

  .header {
    background: #121212; }

  .mobile_hidden {
    display: none !important; }

  .cart_image {
    width: 50px;
    padding-right: 10px; }

  #cart a.action_button.edit_cart {
    width: inherit;
    padding: 0px 12px; }

  #cart .action_button {
    width: inherit;
    padding: 0px 12px; }

  .flex-caption .headline, .flex-caption p.subtitle {
    font-size: 1.1em;
    font-height: 1.1em; }

  .flex-caption p.subtitle {
    font-size: 0.9em;
    line-height: 1.5em;
    margin-bottom: 1em; }

  .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; } }
@media only screen and (min-device-width: 320px) and (max-device-width: 1024px) {
  html {
    -webkit-text-size-adjust: 100%; } }
.social_buttons, .social_buttons a {
  color: #9da6ae !important; }

.social_buttons a {
  padding-left: 5px; }

.social_buttons a:hover {
  color: #d63737 !important; }

.product .social_buttons {
  display: inline-block;
  padding-top: .5em; }

@font-face {
  font-family: 'OutOfTheSandbox';
  src: url("//statebicycle.eu/cdn/shop/t/24/assets/OutOfTheSandbox.eot?v=110072976011732556841755586097");
  src: url("//statebicycle.eu/cdn/shop/t/24/assets/OutOfTheSandbox.eot?%23iefix&v=110072976011732556841755586097") format("embedded-opentype"), url("//statebicycle.eu/cdn/shop/t/24/assets/OutOfTheSandbox.woff?v=96239070331038231691755586097") format("woff"), url("//statebicycle.eu/cdn/shop/t/24/assets/OutOfTheSandbox.ttf?v=43519677532758978331755586097") format("truetype"), url("//statebicycle.eu/cdn/shop/t/24/assets/OutOfTheSandbox.svg%23OutOfTheSandbox?1596") format("svg");
  font-weight: normal;
  font-style: normal; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  font-family: 'OutOfTheSandbox';
  content: attr(data-icon);
  speak: none;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

.icon-menu, .nav a.icon-cart, #header a.icon-cart, .icon-cart,
.nav a.icon-user,
.nav a.icon-search,
.nav a.icon-pinterest,
a.icon-pinterest,
.nav a.icon-vimeo,
.nav a.icon-tumblr,
.nav a.icon-google-plus,
.nav a.icon-facebook, a.icon-facebook, .nav a.icon-instagram, .nav a.icon-twitter, .icon-twitter, .icon-feed, .nav a.icon-linkedin, .nav a.icon-vimeo-2, .nav a.icon-flickr, .icon-phone, .nav a.icon-mail, a.icon-mail, .icon-mail, .icon-plus, .icon-checkmark, .nav a.icon-youtube,
.footer-social-icons a.icon-tumblr,
.footer-social-icons a.icon-instagram {
  font-family: 'OutOfTheSandbox';
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  font-size: 16px; }

.icon-menu:before {
  content: "\e000"; }

.icon-cart:before {
  content: "\e001"; }

.icon-user:before {
  content: "\e002"; }

.icon-search:before {
  content: "\e003"; }

.icon-pinterest:before {
  content: "\e004"; }

.icon-vimeo:before {
  content: "\e008"; }

.icon-tumblr:before {
  content: "\e009"; }

.icon-google-plus:before {
  content: "\e00b"; }

.icon-facebook:before {
  content: "\e007"; }

.icon-instagram:before {
  content: "\e006"; }

.icon-twitter:before {
  content: "\e00c"; }

.icon-feed:before {
  content: "\e005"; }

.icon-linkedin:before {
  content: "\e00d"; }

.icon-vimeo-2:before {
  content: "\e00e"; }

.icon-flickr:before {
  content: "\e00f"; }

.icon-phone:before {
  content: "\e00a"; }

.icon-mail:before {
  content: "\e010"; }

.icon-plus:before {
  content: "\e011"; }

.icon-checkmark:before {
  content: "\e012"; }

.icon-youtube:before {
  content: "\e013"; }

/* #Font-Face
================================================== */
/*  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; }
*/
/* fancy heading */
.h7 {
  position: relative;
  text-align: center;
  font-size: 55px;
  line-height: 55px; }

.h7:first-line {
  background-color: white; }

.h7:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: 0px;
  right: 0px;
  height: 3px;
  top: 50%;
  background-color: black; }

.h7 {
  color: #121212;
  font-family: Oswald;
  margin-bottom: 20px; }

.h8 {
  position: relative;
  font-size: 55px; }

.h8:before {
  position: absolute;
  z-index: -1;
  content: '';
  left: 0px;
  right: 0px;
  height: 3px;
  top: 50%;
  background-color: black; }

.h8 {
  color: white;
  font-family: Oswald;
  letter-spacing: -1.5px;
  line-height: 1em;
  margin-bottom: 0px; }

.h9 {
  position: relative;
  text-align: center;
  font-size: 55px; }

.h9:first-line {
  background-color: white; }

.h9:before {
  position: absolute;
  z-index: -1;
  left: 0px;
  right: 0px;
  height: 3px;
  top: 50%;
  background-color: black; }

.h9 {
  color: #121212;
  font-family: Oswald;
  letter-spacing: -1.5px;
  margin-bottom: 20px; }

/* Riders Profile */
.rider-social {
  font-size: 17px;
  font-weight: bold; }

.top-wrap {
  vertical-align: top; }

.riders_slider .flex-direction-nav a {
  width: 56px;
  height: 83px;
  margin: -40px 0 0;
  display: block;
  background: url(//statebicycle.eu/cdn/shop/t/24/assets/team-nav-arrow.png?v=7136901919287214531755586097) no-repeat 0 0;
  position: absolute;
  top: 50%;
  cursor: pointer;
  text-indent: -9999px;
  opacity: 0;
  -webkit-transition: all .3s ease; }

.riders_slider .flex-direction-nav .flex-next {
  background-position: 100% 0;
  right: -85px; }

.riders_slider .flex-direction-nav .flex-prev {
  background-position: 100% -84px;
  left: -85px; }

.riders_slider .flexslider:hover .flex-next {
  opacity: 0.8;
  right: 40px; }

.riders_slider .flexslider:hover .flex-prev {
  opacity: 0.8;
  left: 40px; }

.riders_slider .flex-control-nav {
  display: none; }

.lead-img {
  float: left;
  margin: 0 20px 5px 0; }

.soc-title {
  padding-bottom: 5px; }

.container hr {
  clear: none;
  margin: 5px 0; }

.columns .top-wrap hr {
  clear: none;
  margin: 5px 0;
  width: 180px; }

a:hover {
  color: #404040; }

a.btn {
  background: #282827;
  color: white;
  display: inline-block;
  font-weight: 700;
  margin-bottom: 15px;
  padding: 4px 10px;
  transition: all 300ms ease 0s; }

a.btn:hover {
  background: #121212;
  color: white;
  cursor: pointer;
  transition: all 300ms ease 0s; }

.riders-nav ul {
  margin: 0;
  padding: 0; }

.riders-nav ul li {
  list-style: none;
  margin: 0;
  padding: 5px 0;
  color: #282827;
  display: block; }

.riders-nav ul li a {
  color: #282827; }

.riders-nav ul li a.active {
  color: #E84B4B; }

.riders-nav ul li a:hover {
  color: #E84B4B; }

.inner_page {
  width: 960px;
  margin: 52px auto 0; }

.inner_page .ten {
  width: 715px !important; }

.inner_page #homepage_slider .slides img {
  width: 98%; }

.flexslider, .flex-viewport {
  overflow: hidden !important; }

html {
  overflow-x: hidden; }

.inner_page .flex-direction-nav .flex-next {
  right: -85px !important; }

.inner_page .flex-direction-nav .flex-prev {
  left: -85px !important; }

@media only screen and (device-width: 768px) {
  .inner_page {
    width: 768px;
    margin: 60px auto 0; } }
@media screen and (max-device-width: 480px) {
  .inner_page {
    width: 768px;
    margin: 61px auto 0; } }
/* Riders Profile End */
/*

                                    _ _           _   _
 _ __   __ _  __ _  ___    ___ ___ | | | ___  ___| |_(_) ___  _ __
| '_ \ / _` |/ _` |/ _ \  / __/ _ \| | |/ _ \/ __| __| |/ _ \| '_ \
| |_) | (_| | (_| |  __/ | (_| (_) | | |  __/ (__| |_| | (_) | | | |
| .__/ \__,_|\__, |\___|  \___\___/|_|_|\___|\___|\__|_|\___/|_| |_|
|_|          |___/

*/
.recentgrid-header {
  /* header at top of grid */
  background: #121212;
  color: #efefef;
  padding: .5em;
  font-family: Oswald;
  text-transform: uppercase;
  text-align: center;
  font-size: 2.5em;
  margin-bottom: .5em; }

.recentgrid {
  padding-top: 2em;
  /*border-bottom:3px solid $red;*/ }

.product-item {
  /* a product */
  margin-bottom: 2em; }
  .product-item .product-item-title {
    color: #121212;
    line-height: 1.4em;
    display: inline-block; }
  .product-item .info {
    margin-top: .5em; }
  .product-item .product-item-image {
    height: 200px;
    overflow: hidden;
    background-position: 50% 50%;
    display: block;
    position: relative;
    width: 100%;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2);
    transition: box-shadow .15s; }
    .product-item .product-item-image.cover {
      background-size: cover; }
  .product-item a {
    color: #121212;
    display: block; }
    .product-item a:hover .product-item-image {
      box-shadow: 0 0 10px 0px rgba(0, 0, 0, 0.5); }
    .product-item a:hover .product-item-title {
      color: #dc4b4b; }

/*
---------------------------------------------------------------------
*/
section.linklist_collection .thumbnail:nth-child(even) {
  clear: left;
  margin-left: 0; }

section.linklist_collection .thumbnail:nth-child(odd) {
  margin-right: 0; }

section.linklist_collection h2 {
  background: #121212;
  color: white;
  text-align: center;
  text-transform: uppercase;
  padding: .25em 0; }

section.linklist_collection h3 {
  clear: left;
  color: #333;
  text-transform: uppercase;
  text-align: center; }

section.linklist_collection .subcat h3 {
  border-top: 1px solid #ccc;
  padding-top: .25em; }

section.linklist_collection .subcat:nth-of-type(1) h3 {
  border-top: none;
  padding-top: 0; }

a.option_preview {
  background: #121212;
  color: white;
  padding: 0 .5em;
  font-size: .8em;
  line-height: 1.8em;
  display: inline-block !important;
  /* important required for FF */
  width: auto;
  border-radius: 3px;
  margin-left: 1em;
  transition: background .3s; }

.option_preview:visited {
  color: white; }

.option_preview:hover, .option_preview:focus {
  background: #e84b4b;
  color: white; }

table.about_table, table.about_table* {
  box-sizing: border-box; }

table.about_table img {
  width: 100%; }

table.about_table .noScale img {
  width: auto; }

table.about_table td {
  vertical-align: top;
  padding: 1em 1em 2em;
  width: 50%; }

table.about_table td[colspan="2"] {
  text-align: center;
  width: 100%; }

@media all and (max-width: 768px) {
  table.about_table td[colspan="2"] {
    text-align: left; } }
table.about_table h2 {
  font-family: Oswald;
  font-weight: normal;
  text-transform: uppercase;
  font-size: 5em;
  margin-bottom: 0;
  line-height: 1; }

.noScale img, img.noScale {
  width: auto; }

i.parts-accessories {
  font-style: inherit; }

/* animation */
.fadein, .fadeIn {
  -webkit-animation: fade-in .25s linear;
  -moz-animation: fade-in .25s linear;
  -o-animation: fade-in .25s linear;
  animation: fade-in .25s linear; }

@-webkit-keyframes fade-in {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-moz-keyframes fade-in {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@-o-keyframes fade-in {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

@keyframes fade-in {
  from {
    opacity: 0; }

  to {
    opacity: 1; } }

/*
            _     _
  __ _ _ __(_) __| |
 / _` | '__| |/ _` |
| (_| | |  | | (_| |
 \__, |_|  |_|\__,_|
 |___/

*/
.grid {
  margin: 0 -0.75em;
  box-sizing: border-box; }
  .grid * {
    box-sizing: border-box; }
  .grid [class*="grid-"] {
    display: inline-block;
    padding: 0 0.75em;
    vertical-align: top; }
    .grid [class*="grid-"].grid {
      margin: 0;
      padding: 0; }
  .grid.nopad [class*="grid-"] {
    padding: 0; }
  .grid .grid-20 {
    width: 20%; }
  .grid .grid-25 {
    width: 25%; }
  .grid .grid-30 {
    width: 30%; }
  .grid .grid-33 {
    width: 33%; }
  .grid .grid-40 {
    width: 40%; }
  .grid .grid-50 {
    width: 50%; }
  .grid .grid-60 {
    width: 60%; }
  .grid .grid-67 {
    width: 67%; }
  .grid .grid-70 {
    width: 70%; }
  .grid .grid-75 {
    width: 75%; }
  .grid .grid-80 {
    width: 80%; }
  .grid .grid-100 {
    width: 100%; }
  .grid .grid-333 {
    width: 33.332%; }
  .grid .grid-666 {
    width: 66.665%; }
  .grid .grid-166 {
    width: 16.665%; }
  .grid.reversed {
    direction: rtl;
    text-align: left; }
    .grid.reversed [class*="grid-"] {
      direction: ltr; }

.inset-20 {
  width: 20%;
  margin: auto; }

.inset-25 {
  width: 25%;
  margin: auto; }

.inset-30 {
  width: 30%;
  margin: auto; }

.inset-33 {
  width: 33%;
  margin: auto; }

.inset-40 {
  width: 40%;
  margin: auto; }

.inset-50 {
  width: 50%;
  margin: auto; }

.inset-60 {
  width: 60%;
  margin: auto; }

.inset-67 {
  width: 67%;
  margin: auto; }

.inset-70 {
  width: 70%;
  margin: auto; }

.inset-75 {
  width: 75%;
  margin: auto; }

.inset-80 {
  width: 80%;
  margin: auto; }

.inset-100 {
  width: 100%;
  margin: auto; }

@media (min-width: 768px) {
  .tiny-grid {
    margin: 0 -0.75em;
    box-sizing: border-box; }
    .tiny-grid .nopad {
      margin: 0;
      padding: 0 !important; }
    .tiny-grid * {
      box-sizing: border-box; }
    .tiny-grid [class*="grid-"] {
      display: inline-block;
      padding: 0 0.75em;
      vertical-align: top; }
      .tiny-grid [class*="grid-"].grid {
        margin: 0;
        padding: 0; }
    .tiny-grid.nopad {
      margin: 0; }
    .tiny-grid.nopad [class*="grid-"] {
      padding: 0; }
    .tiny-grid .grid-20 {
      width: 20%; }
    .tiny-grid .grid-25 {
      width: 25%; }
    .tiny-grid .grid-30 {
      width: 30%; }
    .tiny-grid .grid-33 {
      width: 33%; }
    .tiny-grid .grid-40 {
      width: 40%; }
    .tiny-grid .grid-50 {
      width: 50%; }
    .tiny-grid .grid-60 {
      width: 60%; }
    .tiny-grid .grid-67 {
      width: 67%; }
    .tiny-grid .grid-70 {
      width: 70%; }
    .tiny-grid .grid-75 {
      width: 75%; }
    .tiny-grid .grid-80 {
      width: 80%; }
    .tiny-grid .grid-100 {
      width: 100%; }
    .tiny-grid .grid-333 {
      width: 33.332%; }
    .tiny-grid .grid-666 {
      width: 66.665%; }
    .tiny-grid .grid-166 {
      width: 16.665%; }
    .tiny-grid.reversed {
      direction: rtl;
      text-align: left; }
      .tiny-grid.reversed [class*="grid-"] {
        direction: ltr; } }
/*

               _
  _____      _| |
 / _ \ \ /\ / / |
| (_) \ V  V /| |
 \___/ \_/\_/ |_|


*/
/* 
 *  Core Owl Carousel CSS File
 *  v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0; }

/* display none until init */
.owl-carousel {
  display: none;
  position: relative;
  width: 100%;
  -ms-touch-action: pan-y; }

.owl-carousel .owl-wrapper {
  display: none;
  position: relative;
  -webkit-transform: translate3d(0px, 0px, 0px); }

.owl-carousel .owl-wrapper-outer {
  overflow: hidden;
  position: relative;
  width: 100%; }

.owl-carousel .owl-wrapper-outer.autoHeight {
  -webkit-transition: height 500ms ease-in-out;
  -moz-transition: height 500ms ease-in-out;
  -ms-transition: height 500ms ease-in-out;
  -o-transition: height 500ms ease-in-out;
  transition: height 500ms ease-in-out; }

.owl-carousel .owl-item {
  float: left; }

.owl-controls .owl-page,
.owl-controls .owl-buttons div {
  cursor: pointer; }

.owl-controls {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }

/* mouse grab icon 
.grabbing { 
    cursor:url(grabbing.png) 8 8, move;
}
*/
/* fix */
.owl-carousel .owl-wrapper,
.owl-carousel .owl-item {
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -ms-backface-visibility: hidden;
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0); }

/*
*   Owl Carousel Owl Demo Theme 
* v1.3.3
*/
.owl-theme .owl-controls {
  text-align: center;
  padding: .5em; }

/* Styling Next and Prev buttons */
.owl-theme .owl-controls .owl-buttons div {
  color: white;
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */
  margin: 5px;
  padding: 3px 10px;
  font-size: 12px;
  background: #869791;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5; }

/* Clickable class fix problem with hover on touch devices */
/* Use it for non-touch hover action */
.owl-theme .owl-controls.clickable .owl-buttons div:hover {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  text-decoration: none; }

/* Styling Pagination*/
.owl-theme .owl-controls .owl-page {
  display: inline-block;
  zoom: 1;
  *display: inline;
  /*IE7 life-saver */ }

.owl-theme .owl-controls .owl-page span {
  display: block;
  width: 12px;
  height: 12px;
  margin: 5px 7px;
  filter: Alpha(Opacity=50);
  /*IE7 fix*/
  opacity: 0.5;
  background: #869791;
  border-radius: 50%; }

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
  filter: Alpha(Opacity=100);
  /*IE7 fix*/
  opacity: 1;
  background: #dc4b4b; }

/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers {
  height: auto;
  width: auto;
  color: white;
  padding: 2px 10px;
  font-size: 12px; }

/* preloading images */
.owl-item.loading {
  min-height: 150px;
  background: url(AjaxLoader.gif) no-repeat center center; }

.owl-pagination, .owl-buttons {
  display: inline-block;
  vertical-align: middle; }

/*

 _     _            _
| |__ | |_   _ _ __| |__  ___
| '_ \| | | | | '__| '_ \/ __|
| |_) | | |_| | |  | |_) \__ \
|_.__/|_|\__,_|_|  |_.__/|___/

blurbs and sale message
*/
.product-blurbs {
  margin-bottom: 1.5em;
  line-height: 1.3; }

.product-blurbs .title {
  font-size: 16px;
  font-weight: 700; }

.product-blurbs .description {
  font-size: 14px;
  font-weight: 400; }

.sale-message {
  color: #efefef;
  font-family: Oswald;
  font-size: 16px;
  display: block;
  line-height: 1.4; }
  .sale-message span {
    display: inline-block;
    vertical-align: middle; }
  .sale-message.with-icon > span:first-child {
    width: 10%;
    line-height: .1; }
  .sale-message.with-icon > span:last-child {
    width: 90%;
    padding: 0 0 0 .5em; }
  .sale-message.with-box {
    background: #dc4b4b;
    padding: 0.5em 2em; }

.sale-message-icon img {
  width: 100%;
  max-width: 50px;
  max-height: 50px; }

.product_section .eight.omega {
  position: relative; }

.action-button.add_to_cart {
  padding: .5em 2em .5em 3em;
  background-image: url("//statebicycle.eu/cdn/shop/t/24/assets/icon-cart.svg?v=131354988655777060081755586097");
  background-repeat: no-repeat;
  background-position: .5em 50%; }
  .action-button.add_to_cart:hover {
    background-image: url("//statebicycle.eu/cdn/shop/t/24/assets/icon-cart.svg?v=131354988655777060081755586097");
    background-repeat: no-repeat;
    background-position: .75em 50%; }

/*
@media only screen and (max-width: 959px) {
  .sale-message{ 
    float:none;
    margin-bottom:1em;
  }
}
*/
/*
                _
 _ __ _____   _(_) _____      _____
| '__/ _ \ \ / / |/ _ \ \ /\ / / __|
| | |  __/\ V /| |  __/\ V  V /\__ \
|_|  \___| \_/ |_|\___| \_/\_/ |___/


*/
.spr-badge {
  text-align: left; }

.spr-badge[data-rating="0.0"] {
  display: none;
  visibility: hidden; }

/*

 ____  _
| __ )| | ___   __ _
|  _ \| |/ _ \ / _` |
| |_) | | (_) | (_| |
|____/|_|\___/ \__, |
               |___/

*/
h1.blog-title {
  font-family: Oswald;
  margin-bottom: .5em;
  text-transform: uppercase;
  display: block; }

#tag_filter.new-style {
  float: none;
  padding: 6px 22px 6px 6px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
  border: none;
  display: inline-block;
  font-size: 12px;
  text-transform: uppercase; }
  #tag_filter.new-style:hover {
    box-shadow: 0 0 0 1px #dc4b4b; }

ul.tags {
  margin: 0; }
  ul.tags li {
    list-style: none;
    display: inline-block;
    margin: 0 .5em .5em 0; }
  ul.tags a {
    text-transform: uppercase;
    color: #121212;
    padding: .5em;
    display: inline-block;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.5);
    font-size: 11px;
    letter-spacing: .1em;
    border-radius: 3px; }
    ul.tags a:hover {
      color: white;
      background: #121212;
      box-shadow: 0 0 0 1px black; }

.blog-grid, .tag-grid {
  padding: 0 10px; }

.tag-grid > div:last-child {
  text-align: right; }

@media only screen and (max-width: 767px) {
  .tag-grid > div:last-child {
    text-align: center;
    margin-bottom: 1em;
    width: 100%; }

  .blog-title {
    text-align: center; } }
.article-griditem {
  text-transform: uppercase; }
  .article-griditem .image {
    height: 200px;
    background-size: cover;
    background-color: #dc4b4b;
    background-position: 50% 50%;
    position: relative;
    -webkit-backface-visibility: hidden; }
  .article-griditem article {
    margin-bottom: 3em;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1);
    transition: box-shadow .2s; }
    .article-griditem article:hover {
      box-shadow: 0 0 10px 1px rgba(0, 0, 0, 0.2); }
  .article-griditem .caption {
    display: none;
    background: rgba(0, 0, 0, 0.8);
    text-align: center;
    position: absolute;
    width: 100%;
    height: 100%; }
    .article-griditem .caption span {
      color: white;
      font-family: 'OutOfTheSandbox';
      speak: none;
      font-style: normal;
      font-weight: normal;
      font-variant: normal;
      text-transform: none;
      line-height: 1;
      font-size: 40px;
      display: inline-block;
      margin-top: 80px; }
  .article-griditem .article-meta {
    padding: .75em; }
  .article-griditem .article-date {
    font-family: Roboto;
    line-height: 1.4em;
    font-size: 11px;
    letter-spacing: .1em; }
  .article-griditem .article-title {
    font-family: Roboto;
    line-height: 1.4em;
    font-size: 14px;
    font-weight: 700; }
  .article-griditem .article-content {
    text-transform: none;
    font-size: 12px;
    line-height: 1.7em;
    color: #666;
    margin-top: 1em;
    padding-top: 1em;
    border-top: 1px solid red; }
  .article-griditem img {
    width: 100%; }
  .article-griditem a {
    color: #121212;
    display: block; }
    .article-griditem a:hover .caption {
      display: block; }

@media only screen and (max-width: 767px) {
  .article-griditem.grid-333 {
    width: 50%; }

  .article-griditem .image {
    height: 150px; }

  .article-griditem .caption span {
    margin-top: 60px; } }
@media only screen and (max-width: 479px) {
  .article-griditem.grid-333 {
    width: 100%; } }
/*


__  ___ __ ___   __ _ ___
\ \/ / '_ ` _ \ / _` / __|
 >  <| | | | | | (_| \__ \
/_/\_\_| |_| |_|\__,_|___/


$xmasCream: #EDE7CF;
$xmasRed: #E44848;
$xmasGreen: #0A7C46;
$xmasBrown: #684F3E;
$xmasGold: #BCA957;

$fontCondensed: Oswald;
$fontSerif:Roboto;

*/
.xmas-header, .xmas-blurb {
  background: #efefef; }

.xmas-ornament {
  opacity: .99; }

.xmas img {
  width: 100%; }

.xmas-title {
  font-family: Oswald;
  text-transform: uppercase;
  margin-bottom: 0;
  font-size: 2.5em;
  font-weight: 400;
  /*margin-top:2em;*/ }

.xmas-header {
  text-align: center;
  padding-bottom: 0 !important;
  /* had no choice */
  padding-top: 20px;
  /* to deal with menu size */
  margin-top: -40px;
  /* to deal with menu size */ }
  .xmas-header .tiny-grid div {
    text-align: left; }
  .xmas-header p {
    max-width: 700px;
    font-size: 17px;
    line-height: 1.4;
    padding-bottom: 2em; }

.special-deal {
  margin-top: -2em;
  margin-bottom: 18px; }
  .special-deal img {
    display: block; }

.advent {
  background: #e44848 url(//statebicycle.eu/cdn/shop/files/gears-bg-tile.svg?1596) repeat-x; }

.advent-calendar {
  /*padding-top: .5em;
  padding-bottom: .5em;*/
  padding: 2em;
  margin-top: -60px;
  margin-bottom: -60px;
  background: #684f3e; }
  .advent-calendar .date {
    margin-top: .5em;
    margin-bottom: .5em;
    background: #e44848; }
    .advent-calendar .date img {
      display: block; }
  .advent-calendar .gone img {
    opacity: .2; }
  .advent-calendar .caption {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: rgba(228, 72, 72, 0.71);
    display: none;
    visibility: hidden;
    height: 100%; }
    .advent-calendar .caption span {
      display: block;
      padding: .5em;
      text-align: center;
      font-family: Oswald;
      text-transform: uppercase;
      font-size: 2em;
      line-height: 1;
      color: white;
      position: relative;
      top: 50%;
      -webkit-transform: translateY(-50%);
      -ms-transform: translateY(-50%);
      transform: translateY(-50%); }
  .advent-calendar figure {
    display: block;
    position: relative; }
    .advent-calendar figure:hover .caption {
      display: block;
      visibility: visible; }

.xmas-blurb-header {
  /* z-index: -1; padding-top:$adventPad;*/ }
  .xmas-blurb-header div.container {
    padding-bottom: 0; }

.xmas-blurb {
  text-align: center;
  position: relative; }
  .xmas-blurb h2 {
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 50px;
    font-weight: 400;
    letter-spacing: -.05em;
    margin-bottom: .25em;
    line-height: 1;
    font-variant: 400; }
  .xmas-blurb img {
    max-width: 200px; }
  .xmas-blurb p {
    font-size: 17px;
    line-height: 1.4;
    max-width: 700px;
    display: inline-block; }
  .xmas-blurb::after {
    content: '';
    position: absolute;
    width: 0;
    height: 0;
    bottom: -15px;
    border-style: solid;
    border-width: 15px 10px 0 10px;
    border-color: #efefef transparent transparent transparent; }

.gift-suggestion {
  background: white;
  margin: 0 10px; }
  .gift-suggestion .fat-title {
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 2.5em;
    letter-spacing: -.05em;
    line-height: 1;
    color: white;
    text-align: center;
    padding: .25em;
    font-weight: 400; }
    .gift-suggestion .fat-title.gold {
      background: #bca957; }
    .gift-suggestion .fat-title.red {
      background: #e44848; }
    .gift-suggestion .fat-title.green {
      background: #0a7c46; }
  .gift-suggestion .suggested-product {
    max-height: 250px;
    margin-bottom: 1em;
    overflow: hidden;
    position: relative;
    display: block; }
    .gift-suggestion .suggested-product .caption {
      position: absolute;
      top: 0;
      left: 0;
      right: 0;
      bottom: 0;
      background: rgba(0, 0, 0, 0.71);
      display: none;
      visibility: hidden;
      height: 100%; }
      .gift-suggestion .suggested-product .caption span {
        display: block;
        padding: .5em;
        text-align: center;
        font-family: Oswald;
        text-transform: uppercase;
        font-size: 2em;
        line-height: 1;
        color: white;
        position: relative;
        top: 50%;
        -webkit-transform: translateY(-50%);
        -ms-transform: translateY(-50%);
        transform: translateY(-50%); }
    .gift-suggestion .suggested-product:hover .caption, .gift-suggestion .suggested-product:focus .caption {
      display: block;
      visibility: visible; }
  .gift-suggestion .shop-btn {
    display: inline-block;
    background: white;
    color: #121212;
    padding: .25em;
    margin-top: .25em; }

.xmas-fw-header {
  background: #d5d5d5;
  margin-bottom: 1.5em; }

.xmas-fw-header .limit-width {
  max-width: 1200px;
  margin: 0 auto; }

.xmas-title-blurb, .xmas-title-image {
  vertical-align: middle !important; }

@media only screen and (max-width: 768px) and (min-width: 480px) {
  .advent-calendar .grid-25 {
    display: inline-block;
    padding: 0 0.75em;
    vertical-align: top;
    width: 50%; } }
@media only screen and (max-width: 959px) and (min-width: 768px) {
  .xmas-title {
    margin-top: 1em; }

  .suggested-product .caption span {
    font-size: 1.75em; } }
@media only screen and (max-width: 768px) {
  .xmas-header .tiny-grid div {
    text-align: center; }

  .xmas-ornament {
    max-width: 200px;
    display: inline-block; }

  .xmas-title {
    margin-top: .5em; }

  .suggested-product .caption span {
    font-size: 1.5em; }

  .xmas-blurb-header img {
    display: none; } }
@media only screen and (max-width: 479px) {
  .xmas-header p strong, .xmas-blurb p {
    font-weight: 400;
    font-size: 14px; }

  .suggested-product .caption span {
    font-size: 1.25em; }

  .xmas-blurb-header img {
    display: none; } }
.content.xmas {
  background: #efefef; }

/*

                                      _
 _ __   _____      __   ___ _   _ ___| |_ ___  _ __ ___
| '_ \ / _ \ \ /\ / /  / __| | | / __| __/ _ \| '_ ` _ \
| | | |  __/\ V  V /  | (__| |_| \__ \ || (_) | | | | | |
|_| |_|\___| \_/\_/    \___|\__,_|___/\__\___/|_| |_| |_|

new custom

*/
.search-result-item {
  border-bottom: 1px solid #929292;
  padding: 1em 0; }
  .search-result-item p.upper-title {
    font-size: 24px;
    margin-bottom: 0; }
    .search-result-item p.upper-title a {
      color: #121212; }
      .search-result-item p.upper-title a:hover {
        color: #dc4b4b; }

.trust-note {
  font-size: 11px;
  line-height: 1.5em; }

.header {
  position: relative;
  background: #121212; }
  .header .hashtag {
    font-size: 17px;
    color: white; }
  .header li.li-hashtag {
    display: none;
    /*margin: 0 1.5em;*/ }

@media all and (min-width: 1130px) {
  .header li.li-hashtag {
    display: inline-block; } }
.flag-dropdown {
  /*.arrow{top: -6px;}*/ }
  .flag-dropdown img {
    vertical-align: bottom;
    max-width: 30px; }
  .flag-dropdown > a {
    min-height: 39px;
    /*top: 4px;*/ }
  .flag-dropdown .dropdown {
    width: auto;
    min-width: 0;
    left: -3px;
    padding: 0 0 .5em; }
    .flag-dropdown .dropdown ul {
      width: 100% !important; }
    .flag-dropdown .dropdown a {
      padding: 0 6px !important; }

.action-button, input.action-button {
  background: #dc4b4b;
  color: white;
  padding: .5em;
  display: inline-block;
  font-size: 18px; }
  .action-button:visited, input.action-button:visited {
    color: white; }
  .action-button:hover, input.action-button:hover {
    color: white;
    background: #cc2828; }

/*

                                 _ _           _   _
 _ __   _____      __   ___ ___ | | | ___  ___| |_(_) ___  _ __
| '_ \ / _ \ \ /\ / /  / __/ _ \| | |/ _ \/ __| __| |/ _ \| '_ \
| | | |  __/\ V  V /  | (_| (_) | | |  __/ (__| |_| | (_) | | | |
|_| |_|\___| \_/\_/    \___\___/|_|_|\___|\___|\__|_|\___/|_| |_|


*/
.new-collection-layout {
  background: #121212; }
  .new-collection-layout h1 {
    font-family: Oswald;
    text-transform: uppercase;
    letter-spacing: -.05em;
    font-weight: 500;
    font-size: 3.3em;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
    text-align: center;
    margin: 0; }
  .new-collection-layout .toggle_list > li > a {
    font-family: Oswald;
    text-transform: uppercase;
    font-size: 1.5em; }
  .new-collection-layout .toggle_list a {
    color: white; }
  .new-collection-layout .toggle_list a:hover {
    color: #dc4b4b; }
  .new-collection-layout .new-collection-sidebar {
    position: relative;
    transition: padding-top .3s; }
    .new-collection-layout .new-collection-sidebar ul ul a.active {
      color: #dc4b4b !important; }
  .new-collection-layout .new-collection-sidebar ul ul {
    margin-left: 0; }
  .new-collection-layout .new-collection-sidebar .subsub {
    margin-bottom: 1em; }
    .new-collection-layout .new-collection-sidebar .subsub li {
      margin: 0;
      border-left: 1px solid rgba(255, 255, 255, 0);
      transition: border-left .3s;
      padding-left: 4%; }
      .new-collection-layout .new-collection-sidebar .subsub li a {
        color: white;
        opacity: .9;
        font-size: 13px; }
    .new-collection-layout .new-collection-sidebar .subsub:hover li {
      border-left: 1px solid rgba(255, 255, 255, 0.3); }
  .new-collection-layout .thumbnail .info, .new-collection-layout .spr-badge {
    text-align: center; }
  .new-collection-layout .spr-badge {
    display: inline-block; }
  .new-collection-layout .spr-badge-caption {
    font-size: 11px;
    color: #666; }

.new-collection-sidebar {
  color: white;
  display: none; }

.nav-tag {
  padding: .25em;
  background-color: #efefef;
  border: 1px solid #dddddd; }

.nav-tag-label {
  text-align: left;
  font-size: 11px;
  margin: 0;
  text-transform: uppercase;
  margin-bottom: 3px;
  line-height: 1;
  font-weight: 700; }

.new-collection-content {
  background: white; }
  .new-collection-content .breadcrumb {
    padding: 0 2%;
    margin-bottom: 0; }

.new-collection-filters {
  /* background: #ccc; */
  text-align: center; }

@media only screen and (min-width: 768px) {
  .new-collection-filters {
    text-align: right; } }
.nav-tag-wrapper {
  /* width:48%; */
  width: 100%;
  text-align: left;
  max-width: 250px;
  margin-right: 4%;
  display: inline-block; }
  .nav-tag-wrapper:last-child {
    margin-right: 0; }
  .nav-tag-wrapper .nav-tag-label {
    text-align: center; }

.new-collection-header img {
  width: 100%;
  display: block;
  position: relative; }

.new-collection-sidebar, .new-collection-filters, .nav-no-filters, .new-collection-description {
  padding: 0 2%;
  color: #2c2c2c; }

.new-collection-sidebar {
  padding-top: 3em;
  padding-bottom: 3em; }

.new-collection-description {
  padding: 0 2% 0;
  font-size: 12px;
  line-height: 1.4em; }
  .new-collection-description .description-wrapper {
    max-width: 750px; }

.new-collection-products {
  background: white; }

.product-thumbnail {
  padding: 2em;
  vertical-align: top;
  margin: 0; }
  .product-thumbnail img {
    opacity: 1;
    transition: opacity .2s;
    -webkit-backface-visibility: hidden; }
  .product-thumbnail a:hover img {
    opacity: .7; }

.collection-section-banner {
  display: block;
  padding-top: 1em;
  text-align: center; }
  .collection-section-banner img {
    margin: 0 auto;
    max-width: 100%; }

.section-buttons {
  padding: 2% 2% 0;
  max-width: 960px;
  margin: 0 auto;
  text-align: center; }
  .section-buttons a {
    width: 13%;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    opacity: .5;
    transition: opacity .2s;
    padding: .5em; }
  .section-buttons a:hover {
    opacity: 1; }
  .section-buttons img {
    width: 100%; }

@media (min-width: 768px) {
  .section-buttons a {
    width: 13.9%; }

  .new-collection-description {
    font-size: 14px;
    /* larger for larger screens */ } }
/*

               _   _
 ___  ___  ___| |_(_) ___  _ __  ___
/ __|/ _ \/ __| __| |/ _ \| '_ \/ __|
\__ \  __/ (__| |_| | (_) | | | \__ \
|___/\___|\___|\__|_|\___/|_| |_|___/


*/
div.page {
  background: white; }

.shappify_add_to_cart_form #option_display_total_format {
  margin-left: 0;
  text-transform: uppercase; }

.section-title {
  font-size: 50px;
  font-family: Oswald;
  text-transform: uppercase;
  font-weight: 400;
  letter-spacing: -.02em;
  margin-bottom: .25em; }

section.product-tabs .tab-buttons {
  background: #121212; }
  section.product-tabs .tab-buttons a {
    description: inline-block;
    color: #898989;
    padding: 1em;
    display: inline-block;
    transition: all .2s; }
    section.product-tabs .tab-buttons a:first-child {
      padding-left: 2em; }
    section.product-tabs .tab-buttons a:hover {
      color: #efefef;
      background: #383838; }
  section.product-tabs .tab-buttons .active {
    color: #efefef;
    background: #2c2c2c; }
section.product-tabs section {
  padding: 2em;
  display: none;
  visibility: hidden;
  font-size: 13px;
  /*box-shadow: 0 0 4px rgba(0,0,0,.2) inset;*/ }
section.product-tabs section.active {
  display: block;
  visibility: visible; }

section.product-blurb {
  background: #121212;
  color: #efefef;
  font-size: 13px;
  line-height: 1.4;
  padding: 2.5em 2.5em 2em 2em; }
  section.product-blurb .blurb-title {
    color: #6f6f6f;
    font-size: 22px;
    margin-bottom: .5em; }
  section.product-blurb .product-title {
    color: #efefef;
    font-size: 32px;
    margin: 0; }
  section.product-blurb .sold_out {
    color: white;
    font-weight: 400; }

section.breadcrumb {
  box-sizing: border-box;
  background: rgba(0, 0, 0, 0.3);
  padding: 0.5em 2em;
  font-size: 12px;
  color: #efefef;
  transition: background .2s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 1; }
  section.breadcrumb a {
    color: white;
    /*font-weight: 700;text-shadow: 1px 1px rgba(0,0,0,.5);*/ }
    section.breadcrumb a:hover {
      color: #dc4b4b; }
  section.breadcrumb:hover {
    background: rgba(0, 0, 0, 0.8); }
  section.breadcrumb:focus {
    background: #000; }

section.product-form {
  background: #efefef;
  padding: 2em; }
  section.product-form .form-title {
    display: block;
    color: #efefef;
    font-size: 32px;
    margin: 0;
    color: #121212;
    margin-bottom: 0.5em; }
  section.product-form select {
    padding: 6px; }
  section.product-form form {
    margin: 0; }
  section.product-form p.modal_price {
    color: #efefef;
    margin: 0; }

section.product-group, section.from-the-blog {
  background: #efefef;
  padding: 2em; }

section.help {
  text-align: center; }
  section.help h1 {
    margin: 0 0 .75em;
    font-size: 2em; }
    section.help h1 a {
      border-bottom: 1px solid; }
    section.help h1 a:focus {
      color: inherit; }
  section.help .article-content {
    /*max-width:400px;*/
    margin: 0 auto;
    font-size: 12px;
    line-height: 1.4;
    text-align: left;
    margin-bottom: 2em; }
    section.help .article-content img {
      width: 100%; }

section.from-the-blog {
  text-align: center; }
  section.from-the-blog article {
    background: white;
    margin-bottom: 1em;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
  section.from-the-blog p {
    text-transform: none;
    font-size: 12px;
    text-align: left;
    line-height: 1.5; }
  section.from-the-blog .featured {
    border-top: 5px solid #dc4b4b; }
    section.from-the-blog .featured a > div {
      padding: 0;
      vertical-align: bottom; }
    section.from-the-blog .featured .image {
      height: 300px; }
  section.from-the-blog .icon-search {
    position: absolute;
    left: 1em;
    top: 1em;
    margin-top: 0; }

section.product-slider {
  padding: 2em; }
  section.product-slider img {
    width: 100%; }
  section.product-slider .products a {
    margin: 0 .25em;
    color: inherit;
    display: block; }
    section.product-slider .products a:hover {
      color: #dc4b4b; }
      section.product-slider .products a:hover img {
        opacity: .7; }
  section.product-slider .title, section.product-slider .price {
    display: block; }
  section.product-slider .price {
    font-family: Roboto;
    font-weight: 400;
    margin-top: .25em; }
  section.product-slider .title {
    font-size: 2em; }

section.product-group img, section.product-slider img {
  transition: opacity .2s;
  -webkit-backface-visibility: hidden; }

.bgcover {
  background-size: cover;
  background-position: 50%;
  -webkit-backface-visibility: hidden; }

section.rider-developed {
  padding: 2em;
  color: white;
  background-color: #2c2c2c;
  background-size: cover;
  background-position: 50%;
  -webkit-backface-visibility: hidden; }
  section.rider-developed img {
    margin-top: 1em; }
  section.rider-developed .rte {
    max-width: 500px;
    display: inline-block;
    font-size: 15px;
    line-height: 1.7em; }
  section.rider-developed h2 {
    color: white; }

section.product-group img {
  width: 100%;
  display: block; }
section.product-group article {
  position: relative;
  background: white;
  padding: 1em;
  margin-bottom: 1em;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
section.product-group .title, section.product-group .price {
  display: block; }
section.product-group .title {
  margin-top: .5em; }
section.product-group .price {
  font-family: Roboto;
  font-weight: 400;
  margin-top: .25em;
  font-size: 1.2em; }
section.product-group a {
  color: inherit;
  display: block; }
  section.product-group a:hover {
    color: #dc4b4b; }
    section.product-group a:hover img {
      opacity: .7; }
  section.product-group a.action-button {
    display: inline-block;
    color: white; }

section.product-group.flex .tiny-grid > .grid-50:last-child {
  background: white;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
  section.product-group.flex .tiny-grid > .grid-50:last-child article {
    box-shadow: none; }

@media (min-width: 768px) {
  /*
    div.container {
      min-height: 400px;
    }
  */
  .nav-tag-wrapper .nav-tag-label {
    text-align: right; }

  section.product-group.flex .tiny-grid > .grid-50:last-child {
    background: transparent;
    box-shadow: none; }
    section.product-group.flex .tiny-grid > .grid-50:last-child article {
      box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }

  section.product-group {
    /* FLEX! */ }
    section.product-group .featured .details {
      position: absolute;
      bottom: 0;
      padding: .5em 1em;
      width: 100%;
      background: rgba(0, 0, 0, 0.5);
      color: white;
      font-size: 2em; }
      section.product-group .featured .details .price {
        font-size: .6em; }
      section.product-group .featured .details .title {
        font-size: 2vw; }
    section.product-group .grid-50 {
      text-align: right; }
    section.product-group .grid-50 article {
      text-align: center; }
    section.product-group article.featured {
      padding: 0; }
    section.product-group.flex .tiny-grid {
      display: flex;
      flex-wrap: wrap; }
    section.product-group.flex .tiny-grid > .grid-50 {
      display: inline-flex;
      flex-wrap: wrap; }
      section.product-group.flex .tiny-grid > .grid-50 > .grid-50 {
        display: flex; } }
section.product-images .thumbnail-instructions.upper-title {
  /* font-size: 120%;*/
  color: #ADADAD;
  text-align: right;
  margin-top: .25em;
  padding: 0 .5em; }
section.product-images .main-image {
  line-height: 1;
  position: relative;
  display: block;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset; }
  section.product-images .main-image img {
    width: 100%;
    display: block; }
  section.product-images .main-image.loading:after {
    -webkit-animation: fade-in .25s linear;
    -moz-animation: fade-in .25s linear;
    -o-animation: fade-in .25s linear;
    animation: fade-in .25s linear;
    content: '';
    background-color: rgba(30, 30, 30, 0.8);
    background-image: url(//statebicycle.eu/cdn/shop/t/24/assets/fancybox_loading.gif?v=9562458943593908281755586097);
    background-repeat: no-repeat;
    background-position: center;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0; }
section.product-images .thumb-box {
  position: relative; }
section.product-images .thumbs-tabs {
  position: absolute;
  top: -4em;
  right: 0;
  height: 3em;
  /*box-shadow:0 0 4px rgba(0,0,0,.2);*/ }
section.product-images .thumb-tab-button {
  background: #121212;
  color: #efefef;
  display: inline-block;
  padding: 1em;
  line-height: 1em;
  transition: background .2s;
  cursor: pointer;
  margin-left: .25em;
  /*&:last-child{padding-right:$sectionPad}*/ }
  section.product-images .thumb-tab-button.active {
    background: #2c2c2c; }
  section.product-images .thumb-tab-button:hover {
    background: #dc4b4b; }
section.product-images .thumbs {
  line-height: 1;
  background: #ffffff;
  position: relative;
  cursor: ew-resize; }
  section.product-images .thumbs img {
    display: block;
    width: 100%;
    transition: opacity .2s; }
  section.product-images .thumbs a {
    display: block;
    cursor: inherit;
    background: #121212; }
    section.product-images .thumbs a:hover img {
      opacity: .5; }
    section.product-images .thumbs a.active {
      background: #dc4b4b; }
      section.product-images .thumbs a.active img {
        opacity: .8; }
      section.product-images .thumbs a.active:after {
        content: '';
        width: 100%;
        bottom: 0;
        left: 0;
        height: 3px;
        background: #dc4b4b;
        position: absolute; }
  section.product-images .thumbs:after {
    content: '';
    height: 1px;
    width: 100%;
    position: absolute;
    top: -1px;
    left: 0;
    background: rgba(0, 0, 0, 0.2); }

.first-product-col {
  position: relative; }

.first-product-col {
  box-shadow: 3px 0 4px -4px rgba(31, 31, 31, 0.2); }

.last-product-col {
  box-shadow: 3px 0 4px 4px rgba(31, 31, 31, 0.2); }

@media only screen and (min-width: 768px) {
  .thumbnail-instructions.upper-title {
    text-align: right; }

  .thumbnail-instructions.upper-title {
    font-size: 120%; }

  .new-collection-sidebar, .new-collection-content, .nav-tag-wrapper, .product-thumbnail {
    display: inline-block; }

  .product-thumbnail {
    width: 50%; }

  .new-collection-grid-header {
    padding: 1em 15px 0; }

  .new-collection-sidebar {
    width: 30%;
    vertical-align: top; }

  .new-collection-content {
    width: 70%; }

  .new-collection-products {
    min-height: 500px;
    text-align: center; }

  .new-collection-layout h1, .new-collection-layout .filters {
    display: inline-block;
    vertical-align: bottom; }
  .new-collection-layout h1 {
    text-align: left;
    width: 75%; }
  .new-collection-layout .filters {
    width: 25%; }

  /*.new-collection-header{ padding-top:130px; } */
  /* offset for the menu overlay */ }
@media only screen and (max-width: 767px) and (min-width: 600px) {
  .product-thumbnail {
    width: 50%;
    padding: 1em;
    display: inline-block;
    vertical-align: top; }

  .product-group .grid-50 .grid-50 {
    width: 50%;
    display: inline-block;
    vertical-align: top; }

  .product-group .action-button {
    margin-bottom: .75em; }

  section.from-the-blog .tiny-grid > .grid-333 {
    width: 49%;
    margin-right: 2%;
    display: inline-block;
    vertical-align: top; }
  section.from-the-blog .tiny-grid > .grid-333:nth-child(2n+1) {
    margin-right: 0; }
  section.from-the-blog .tiny-grid > .grid-333:last-child {
    display: none; } }
@media only screen and (min-width: 959px) {
  .new-collection-sidebar {
    width: 25%; }

  .new-collection-content {
    width: 75%; } }
@media only screen and (min-width: 1200px) {
  .new-collection-sidebar {
    width: 20%; }

  .new-collection-content {
    width: 80%; } }
@media only screen and (min-width: 1500px) {
  .new-collection-sidebar {
    width: 15%; }

  .new-collection-content {
    width: 85%; }

  .product-thumbnail {
    width: 33.3332%; } }
/*

                _
 _ __ _____   _(_) _____      _____
| '__/ _ \ \ / / |/ _ \ \ /\ / / __|
| | |  __/\ V /| |  __/\ V  V /\__ \
|_|  \___| \_/ |_|\___| \_/\_/ |___/


*/
.spr-container {
  border: none !important; }

/*

 _                    _
| |__   ___  __ _  __| | ___ _ __   _ __   __ ___   __
| '_ \ / _ \/ _` |/ _` |/ _ \ '__| | '_ \ / _` \ \ / /
| | | |  __/ (_| | (_| |  __/ |    | | | | (_| |\ V /
|_| |_|\___|\__,_|\__,_|\___|_|    |_| |_|\__,_| \_/

header nav

*/
#new-wrapper .fixed {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 20;
  top: -90px;
  transition: top .4s ease; }
  #new-wrapper .fixed.show {
    top: 0px;
    box-shadow: 0 0 10px rgba(30, 30, 30, 0.5); }

.mmenu-opening #new-wrapper .fixed {
  left: inherit; }

/*

           _
  ___ ___ | |_   _ _ __ ___  _ __  ___
 / __/ _ \| | | | | '_ ` _ \| '_ \/ __|
| (_| (_) | | |_| | | | | | | | | \__ \
 \___\___/|_|\__,_|_| |_| |_|_| |_|___/

columns

*/
.max-col {
  max-width: 1180px;
  margin-left: auto;
  margin-right: auto; }

/*

                 _ _      _     _
 _ __ ___   __ _(_) | ___| |__ (_)_ __ ___  _ __
| '_ ` _ \ / _` | | |/ __| '_ \| | '_ ` _ \| '_ \
| | | | | | (_| | | | (__| | | | | | | | | | |_) |
|_| |_| |_|\__,_|_|_|\___|_| |_|_|_| |_| |_| .__/
                                           |_|

*/
form[data-type="ajax-mailchimp"] #mc_msg {
  display: inline-block;
  background: #861E11;
  padding: .5em;
  margin-bottom: 1em; }
  form[data-type="ajax-mailchimp"] #mc_msg a {
    color: inherit;
    font-weight: 700;
    text-decoration: underline; }
  form[data-type="ajax-mailchimp"] #mc_msg.success {
    background: #118662; }

/*

           _           _
  __ _  __| |_ __ ___ (_)_ __
 / _` |/ _` | '_ ` _ \| | '_ \
| (_| | (_| | | | | | | | | | |
 \__,_|\__,_|_| |_| |_|_|_| |_|

admin

*/
div#shopify-theme-controls {
  display: none !important; }

/*

  __ _ _           _     _
 / _(_) |_  __   _(_) __| |___
| |_| | __| \ \ / / |/ _` / __|
|  _| | |_   \ V /| | (_| \__ \
|_| |_|\__|   \_/ |_|\__,_|___/

Legacy code that's likely no longer needed.
*/
.fluid-width-video-wrapper {
  width: 100%;
  position: relative;
  padding: 0; }

.fluid-width-video-wrapper iframe, .fluid-width-video-wrapper object, .fluid-width-video-wrapper embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

/*

       _       _ _
 _ __ (_)_ __ (_) |_
| '_ \| | '_ \| | __|
| |_) | | | | | | |_
| .__/|_|_| |_|_|\__|
|_|

*/
.product-title-with-pin {
  display: inline; }

.custom-pin-button {
  position: absolute;
  top: .5em;
  right: .5em;
  opacity: .7; }
  .custom-pin-button:hover {
    opacity: 1; }

section.product-blurb .product-title.product-title-with-pin {
  margin-right: .25em; }

.custom-pin-button img {
  height: 23px; }

/*

 _
| |
| | ___   __ _  ___
| |/ _ \ / _` |/ _ \
| | (_) | (_| | (_) |
|_|\___/ \__, |\___/
          __/ |
         |___/

*/
.logo.logo-uk img {
  width: 173px; }

/*


           _ _           _   _                             _   _
  ___ ___ | | | ___  ___| |_(_) ___  _ __    ___  ___  ___| |_(_) ___  _ __  ___
 / __/ _ \| | |/ _ \/ __| __| |/ _ \| '_ \  / __|/ _ \/ __| __| |/ _ \| '_ \/ __|
| (_| (_) | | |  __/ (__| |_| | (_) | | | | \__ \  __/ (__| |_| | (_) | | | \__ \
 \___\___/|_|_|\___|\___|\__|_|\___/|_| |_| |___/\___|\___|\__|_|\___/|_| |_|___/

collection sections

*/
/* main wrapper */
.collection-section-wrapper .max-col {
  position: relative; }
.collection-section-wrapper .max-col:before {
  box-shadow: -15px 0 15px -15px inset;
  content: " ";
  height: 100%;
  left: -15px;
  position: absolute;
  top: 0;
  width: 15px; }
.collection-section-wrapper .max-col:after {
  box-shadow: 15px 0 15px -15px inset;
  content: " ";
  height: 100%;
  position: absolute;
  right: -15px;
  width: 15px;
  top: 0; }

/* first section banner */
.collection-section-banner {
  padding-top: 0;
  padding-bottom: 0; }

/* general sections */
.collection-section {
  text-align: center; }
  .collection-section .section-header {
    max-width: 600px;
    margin: 0 auto; }
  .collection-section .tiny-grid img {
    width: 100%;
    display: block; }
  .collection-section .tiny-grid .meta {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    background: rgba(0, 0, 0, 0.4);
    padding: 0 .25em; }
  .collection-section .tiny-grid .title::after {
    content: '';
    display: block;
    height: 3px;
    width: 100px;
    margin: .25em auto;
    background: #fff; }
  .collection-section .tiny-grid a {
    color: white;
    position: relative;
    display: block; }
    .collection-section .tiny-grid a:hover .meta, .collection-section .tiny-grid a:focus .meta {
      display: flex; }
  .collection-section article {
    background: white;
    padding: 1em;
    padding: 4vh 2vw;
    border-bottom: 1px solid rgba(0, 0, 0, 0.13); }
  .collection-section .blurb {
    line-height: 1.4;
    margin-bottom: 2em;
    margin-bottom: 4vh; }

@media (max-width: 1400px) {
  .collection-section .upper-title {
    font-size: 4vw; }

  .collection-section .meta {
    font-size: 2vw; } }
@media (min-width: 1401px) {
  .collection-section .upper-title {
    font-size: 50px; }

  .collection-section .meta {
    font-size: 1.2vw; } }
@media (max-width: 767px) {
  .collection-section .upper-title {
    font-size: 2em; }

  .collection-section .meta {
    font-size: 2em; }

  .mobile-menu-nav {
    left: -48px; }

  .mobile-menu-cart, .mobile-menu-nav {
    position: relative;
    top: 0; }

  span.mobile-menu-nav {
    top: -24px; } }
@media (min-width: 768px) {
  body.collection.template_collection .new-collection-sidebar {
    padding-top: 3em !important; }

  body.collection.template_collection .blog_list {
    margin-left: 0;
    position: fixed; }

  body.collection.template_collection section.footer {
    position: relative; } }
.relative:hover img.img-nohover, img.img-hover {
  display: none; }

.relative:hover img.img-hover, .new-collection-products .products:hover img.img-hover, article.featured:hover img.img-hover {
  display: inline-block; }

.new-collection-products .products:hover img.img-nohover, img.img-hover, article.featured:hover img.img-nohover, article.featured img.img-hover {
  display: none; }

section.product-group article.featured {
  padding: 0;
  width: 100%; }

section.product-group a:hover img {
  opacity: 1 !important; }

.product-thumbnail a:hover img {
  opacity: 1 !important; }

section.product-slider .products a:hover img {
  opacity: 1 !important; }

.notification-bar {
  text-align: center;
  padding: 6px;
  color: #fff;
  border-bottom: 1px solid #ccc; }

span.notification-bar__message {
  color: #fff;
  font-weight: bold;
  font-family: Oswald; }

i.fa.fa-window-close {
  font-style: normal;
  float: right;
  margin-right: 0;
  position: absolute;
  right: 25px;
  width: 21px;
  height: 21px;
  border-radius: 50%;
  background: #fff;
  color: #000;
  font-size: 11px;
  padding: 0px 0;
  font-weight: bold;
  line-height: 23px; }

i.fa.fa-window-close {
  cursor: pointer; }