/* becaue it's annoying */
#shopify-theme-controls { display: none; }

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

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

    
      font-family: "Raleway";
      
    font-weight: normal;      
    font-size: 14px; 
    text-transform: none;
    color: #141414;
    line-height: 1.7em;
}
::-moz-selection {
       background-color: #000;
       color: #fff;
}
::selection {
  background: #FFF7B6;
  color: black;
}
abbr {
  border-bottom: 1px dotted #dbe3e5;
} 
img {
  max-width: 100%;
}
object {
  display: block;
  width: 100%;
}
/* #Typography
================================================== */
  .logo {   
    
      font-family: "Asap";
      
    
    font-weight: bold;      
    font-size: 32px; 
    text-transform: none;
    color: #303030;
    height: 105px;
  }
  .logo a, .logo a:hover, .logo a:visited, .logo a:active {
    color: #303030;    
    line-height: 45px;
  }
h1, h2, h3, h4, h5, h6, .collection_title, .headline, p.subtitle { 
    
      font-family: "Asap";
      
    font-weight: normal;    
    text-transform: none;
    color: #303030;
    display:block;
    letter-spacing: 0px;
    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: #303030 }
h1 a:hover, h1 a:active, .collection_title a:hover, .collection_title a:active { color: #0348ac }
h1, .h1, h1.home, h2.title, .collection_title { font-size: 32px;  line-height: 1.5em; margin: 0 auto 20px; clear:both; font-weight: normal;}
h1.home { margin: 0 auto 15px; border-top: 1px solid #dbe3e5; border-bottom: 1px solid #dbe3e5; padding: 12px 0;  }
h1.product_name { margin-bottom: 15px; }
h2, .h2 { font-size: 26px; margin-bottom: 8px; line-height:28px; }

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

h1.collection_title, div.collection_title { margin-bottom: 0; line-height: 32px; display: inline; }
h1.collection_title_tags, div.collection_title_tags { padding-right: 25px; border-right: solid 1px #dbe3e5; }
h4, .h4, h4.title a { font-weight:bold; font-size: 18px; line-height: 32px; margin: 0 0 0px 0; text-align: left; padding: 0; border-bottom: 0px solid #dbe3e5; }
h4.title a { border-bottom: 0; padding-bottom: 0; margin-bottom: 0;}
h5, .h5 { font-size: 18px; padding-bottom: 1em; }
h5.sub_title { padding-bottom: 5px; }
h6, .h6 { font-size: 16px; padding-bottom: 5px;}
.footer h6 { color: #608bb4; }
.subheader { color: #777; }
p { margin: 0 0 8px; font-style: normal; line-height: 1.7em; }
p img { margin: 0; }
em, i { font-style: italic; }
strong, b { font-weight: bold; }
small { font-size: 90%; }

/*  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 #dbe3e5; }
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 #dbe3e5; 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;
  }
/* #Links
================================================== */
a, a:visited { color: #0348ac; 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: #608bb4; }
/* #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 #dbe3e5;
    list-style: none outside none;
    padding: 12px 0;
    margin-bottom: 0;
  }
  ul.chirp {
    margin-left: 0
  }
  ul.chirp .meta a {
    color: #9da6ae;
  }

/* #Menu
================================================== */

  .header {
    background-color: #031e38;
    background-image: url("http://cdn.shopify.com/s/files/1/0192/2714/t/3/assets/custom_footer.png?1213");
    border-bottom: 1px solid #fff;
    
  }

.header div.header_border {
  border-bottom: solid 0px #dbe3e5;
  margin-bottom: 15px;
}
.header-content{
  padding: 0 !important;
}
.nav {
  text-align:right;
}
.nav ul {
    display: block;
    margin: 0 auto;
    border: none;
    padding: 0;
    margin: 0;
}
.nav ul li {
    display: inline-block;
    padding: 0 0 0 10px;
    position: relative;
    margin: 0;
    border: 0;
}
.nav ul li {
  *display: inline;
}
.nav ul li a, .nav ul li a:visited, .nav ul li a:active {
    
      font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
      
    font-weight: normal;      
    font-size: 13px; 
    text-transform: none;
    color: #ffffff;
    position: relative;
    display:block;
    letter-spacing: 0px;
    padding-bottom: 10px;
}
.nav ul li a.active, nav ul li a.active:visited, nav ul li a.active:active {
  color: #ffffff;
}
.nav ul.search_nav {
  margin-bottom: 5px;
}
.nav ul li a:hover, nav ul li a:focus {
  color: #c0d2d6;
}
.nav ul li.current_page_item a {
  color: #c0d2d6;
}
.nav ul li.current_page_ancestor a {
  color: #c0d2d6;
} 
.nav ul.menu {
  display: inline;
}  

.nav ul li a.cart, .nav ul li a.navicon, input[type="submit"].guest_button {
  
    background: url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/cart.png?13971765466781304754) no-repeat 9px 7px;
  

  padding: 5px 10px 5px 30px;
  border: solid 1px #dbe3e5;
  -webkit-border-radius: 4px;
  -khtml-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
}

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

.nav ul li a.cart.active {
  color: #ffffff;
  border-color: #70be4d;
}

.nav ul li a.cart:hover, .nav ul li a.cart.active:hover {
  background-position: 9px -43px;
  color: #c0d2d6;
}

ul.menu li.navicon_button {
  display: none;
}
ul.menu li a.navicon {
  
    background: url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/menu.png?13971765466781304754) no-repeat 9px 6px;
  
  padding-left: 35px;
}

ul.menu li a.navicon:hover {
  background-position: 9px -96px;
}

/* sub-levels link */
.menu ul a, .menu li:hover > ul a  {
  padding: 10px 0 10px 15px;
  background: none;
  text-align: left;
}

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

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



ul.top_menu {
  padding-top: 0px;
}

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

ul.top_menu li a:hover {
  color: #c0d2d6;
}
.mobile_menu_container {
  display: inline;
}
.nav ul.mobile_menu {
  background-color: #1B1B1B;
  margin-bottom: 1em;
  clear: both;
}

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

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

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

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

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

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

.nav ul.mobile_menu li.active a, .nav ul.mobile_menu li a:hover {
  color: #fff;
}

.container div.collection_nav {
  border-bottom: solid 1px #dbe3e5;
  padding-bottom: 15px;
  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;
}

.collection_menu li a, .sidebar a {
  color: #ffffff;
}

.collection_menu li span.active, .sidebar li.active a {
  color: #ffffff;
}

.collection_menu li a:hover, .collection_menu li span.active:hover, .sidebar a:hover {
  color: #c0d2d6;
}

/* #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 { 
    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"> tag to allow it to resize.
  To restrict the width, wrap with an additional <div class="video-wrapper">
*/
  .video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 25px;
    height: 0;
    overflow: hidden;
  }
  .video-container iframe,  
  .video-container object,  
  .video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .video-wrapper {
    width: 600px;
    max-width: 100%;
  }
/* #Buttons
================================================== */
   
  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: #70be4d;
    color: #ffffff;
    border: 0;
    padding: 8px 20px;
    text-align: center;
    font-size: 14px;    
    cursor: pointer;
    
      font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
      
    font-weight: normal;      
    font-size: 13px; 
    text-transform: none;
    display: inline-block;
    /* -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s; */
    -webkit-appearance: none;
    text-shadow: 0 1px rgba(0, 0, 0, 0.1);
    -webkit-border-radius: 2px;
    -khtml-border-radius: 2px;
    -moz-border-radius: 2px;
    -ms-border-radius: 2px;
    -o-border-radius: 2px;
    border-radius: 2px;
    -webkit-font-smoothing: antialiased;
    font-smoothing: antialiased;
  }
 
  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: #568c3c;
    /* -webkit-transition: all 500ms ease 0s;
    -moz-transition: all 500ms ease 0s;
    -ms-transition: all 500ms ease 0s;
    -o-transition: all 500ms ease 0s;
    transition: all 500ms ease 0s; */
  }

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

/* #Tabs
================================================== */
  ul.tabs { 
    display: block;
    margin: 10px 0 10px 0;
    padding: 0;
    border-bottom: solid 1px #dbe3e5;
    border-top: 0;
    list-style: none outside; 
    margin-left: 0;
}
ul.tabs li { 
    display: block;
    width: auto;
    height: 30px;
    padding: 0;
    float: left;
    margin-bottom: 0;
    border: 0 
    list-style: none outside; 
    margin-left: 0;
}
ul.tabs li a { 
    display: block; 
    text-decoration: none;
    width: auto; 
    height: 29px; 
    padding: 0px 20px; 
    line-height: 30px; 
    border: solid 1px #dbe3e5;
    border-width: 1px 0 0 1px; 
    margin: 0;  
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

    background-color: ##a4a4a4;
    background: -webkit-gradient(linear, 0%, 0%, 0%, 100%, from(#a4a4a4), to(#5e5e5e));
    background: -webkit-linear-gradient(top, #a4a4a4, #5e5e5e);
    background: -moz-linear-gradient(top, #a4a4a4, #5e5e5e);
    background: -ms-linear-gradient(top, #a4a4a4, #5e5e5e);
    background: -o-linear-gradient(top, #a4a4a4, #5e5e5e);
    background: linear-gradient(top, #a4a4a4, #5e5e5e);
    font-size: 13px;

    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: -moz-none;
    -ms-user-select: none;
    user-select: none;
}
ul.tabs li a.active { 
    background: #454545 !important;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);

    position: relative;
}
ul.tabs li:first-child a {
    -moz-border-radius-topleft: 20px;
    -webkit-border-top-left-radius: 20px;
    border-top-left-radius: 20px; }
ul.tabs li:last-child a {
    border-width: 1px 1px 0 1px;
    -moz-border-radius-topright: 20px;
    -webkit-border-top-right-radius: 20px;
    border-top-right-radius: 20px; }
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: 10px; /* was: 20px */ }
fieldset { 
    margin-bottom: 20px; }
input[type="text"], 
  input[type="number"],
  input[type="password"],
  input[type="email"],
  textarea, 
  select {
    border: 1px solid #ccc;
    padding: 9px;
    outline: none;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font: 13px "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #555;
    margin: 0;
    width: 200px;
    max-width: 100%;
    display: block;
    margin-bottom: 20px;
    background: #fff; 
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none; 
    appearance: none;}
select {  
    background: #f9f9f9 url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/select.png?13971765466781304754) no-repeat right center;
    cursor: pointer;
    -webkit-padding-end: 30px; 
}
input[type="number"] {
  padding: 5px;
}
input[type="text"]:focus,
  input[type="number"]:focus,
  input[type="password"]:focus,
  input[type="email"]:focus, 
  textarea:focus {
    border: 1px solid #aaa;
    color: #333;
    -moz-box-shadow: 0 0 3px rgba(0,0,0,.2);
    -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2);
    box-shadow:  0 0 3px rgba(0,0,0,.2); }
label,
  legend { 
    display: block;
    font-weight: normal;
    margin-bottom: 4px; }
input[type="checkbox"] {
    display: inline; }
label span,
  legend span {
    font-weight: normal;
    font-size: 13px; }
textarea {
    width: 95%;
  }

#contact_email {
  width: 190px; /* was: 230px */
  display: inline;
}

#sign_up {
  /*margin-left: 10px;*/
  margin-bottom: 10px;
  margin-left: 0;
  margin-top: -10px;
}

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

/* #Tables
================================================== */


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


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

/* #Misc
================================================== */
.remove{ color: #141414; }
.half-bottom { margin-bottom: 10px !important; }
.add-bottom { margin-bottom: 20px !important; }
.right { float:right; position: relative; }
.left { float: left; }
.center { text-align: center; }
.relative { position: relative; }
.align_right { text-align:right }
.align_left { text-align: left; }
.container div.mobile_only { display:none; }
.no_border { border: none !important; }
.extra_padding { padding-top: 4px; }
div.hidden { display: none; }
#grid .column,
  #grid .columns {
    background: #ddd;
    height: 25px;
    line-height: 25px;
    margin-bottom: 10px;
    text-align: center;
    text-transform: uppercase;
    color: #555;
    font-size: 12px;
    font-weight: bold;
    -moz-border-radius: 2px;
     -webkit-border-radius: 2px;
     border-radius: 2px; }
#grid .column:hover,
  #grid .columns:hover {
    background: #bbb;
    color: #333; }
#grid .example-grid { overflow: hidden; }
/* #Site Styles
================================================== */
  div.container {
      margin: 0 auto;
      padding: 20px 0;
  }
  div.content {
    padding: 15px 0px;
    
      background-color: #ffffff;
    
  }
  div.main.content {
    padding-top: 0px;
  }
  .logo a {
    margin: 0;
    padding-top: 5px;
    display:block;
  }
  div.section {
     margin: 10px 0;
  }
  .homepage_content {
    
  }
  div.product_section {
    margin: 5px 0;
  }
  .breadcrumb {
    margin-bottom: 1em;
  }
  #category {
    width: 100%;
  }
  .featured_content p {
    margin-bottom: 0;
  }
  .paginate {
    text-align:center;
  }
  .paginate span,  a.tag {
    border: solid 1px #dbe3e5;
    -webkit-border-radius: 4px;
    -khtml-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px;
    margin: 10px 2px; 
    padding: 5px 10px;
    display: inline-block;
  }
  a.tag {
    font-size: smaller;
    padding: 4px 6px;
    margin: 5px 2px 5px 0;
  }
  .featured_collections { margin-bottom: 10px }
  .paginate span:hover, a.tag:hover {
    color: #608bb4;
  }
  .paginate .current {
    background-color: #f2f2f2;
  }
  .paginate .deco {
    border: none;
  }
  .thumbnail {
    position: relative;
    text-align:center;
    margin-bottom: 1em;
  }
.thumbnail a {
    /* color: #141414; */
  }
.thumbnail a:hover {
    color: #0348ac;
  }
  .new {
    position: relative;  
    display: inline;
    padding: 5px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    font-size: 12px;
  }
  .thumbnail img {
    margin-bottom: 0.75em;
  }
  .thumbnail .price, .thumbnail .sold_out, .sold_out {
    font-weight: bold;
    color: #141414;
  }
  .thumbnail .sale, .sale {
    color: #70be4d;
  }
  .sale_banner, .new_banner {
    position: absolute;
    top: 0;
    background: #70be4d;
    padding: 5px 15px;
    text-align: center;
    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3);
    color: #fff;
  }
  .new_banner {
    background: #00afd8;
  }
  .thumbnail .price, .thumbnail .title {
    display: block
  }
  .cart_price {
    float: right;
    text-align: right;
    padding-left: 20px;
    font-weight:bold;
    display: none;
  }
  #estimated-shipping, .excluding_tax {
    display: block;
  }
  .cart_image {
    float:left;
    margin-right: 20px;
  }
  .quantity_label {
    display: none;
  }
  .price_total_text {
    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: 50%;
    top: 0;
    right: 0;
    color: #fff;
    -webkit-border-radius: 0px;
    -moz-border-radius: 0px;
    border-radius: 0px;
  }
  .thumbnail .quick_shop:hover {
    color: #ffffff;
    background-color: #70be4d;
  }
  .thumbnails a {
    display:block;
    margin-bottom: 1em;
  }
  .twittercont, .fancycount {
    display: inline-block;
    margin-left: 6px;
  }
  .facebookcont {
    display: inline-block;
    position: relative;
    margin-left: 6px;
    min-width: 88px;
  }
  a.fancybutton {
    background:url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/fancy.png?13971765466781304754) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:56px;    
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -20px;
  }
  a.pinterestcount {
    background:url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/pinit.png?13971765466781304754) no-repeat;
    font:11px Arial,sans-serif;
    text-indent:-9999em;
    font-size:.01em;
    color:#cd1f1f;
    height:20px;
    width:41px;
    background-position:0 0;
    display: inline-block;
    margin-left: 6px;
    position: relative;
    top: -20px;
  }
  a.pinterestcount:hover{
    background-position:0 -21px;
  }
  a.pinterestcount:active{
    background-position:0 -42px;
  }
  .arrow {
    font-size: smaller;
    position: relative;
    top: -1px;
    left: 2px;
    opacity: 0.6;
  }
  .modal {
    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: 22px;
    margin-bottom: 1em;
  }
  .modal form {
    margin-bottom: 10px;
  }
  .modal a {
    color: #0348ac;
    font-style: italic;
  }
  .modal a:hover {
    color: #608bb4;
  }
  .notify_form .submit {
    padding: 8px 8px !important;
  } 
  .product_image_col {
    margin-top: 15px;
    text-align:center;
  }
  .meta {
    font-size: 13px;
  }
  .meta p {
    font-size: 13px;
    margin-bottom: 0px;
  }
  p.meta {
    margin-bottom: 10px;
  } 
  .comment-body p.meta {
    margin-bottom: 5px;
  }
  .sidebar_title {
    margin-bottom: 0;
  }
  .blog_list {
    margin-left: 0
  }
  .blog_list li {
    list-style: none;
    padding-left: 0;
  }
  .toggle span {
    color: #9da6ae;
    font-weight:bold;
    font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
    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; 
    -moz-box-sizing:border-box;
  }  
  .meta .label, .label {
    color: #9da6ae;
  }
  .blog_meta, .blog_meta a {
    color: #9da6ae;
  }
  .blog_meta a:hover {
    color: #608bb4;
  }
  .blog_meta p {
    padding-right: 40px;
  }
  .container .blog_content {
    padding-left: 40px;
    border-left: solid 1px #dbe3e5;
  }
  .count {
    font-style: normal;
    font-size: 13px;
  }
  #tag_filter { 
    margin-bottom: 0;
    float: right;
    width: auto;
    display: none;
  }
  .checkout {
    display:block;
    float:right;
    margin-top: 0px;
  }
  .or {
    font-size:smaller;
    font-style: italic;
    padding: 0 10px;
  }
  input.quantity {
    width: 35px;
    display: inline;
    margin-bottom: 1em;
  }
  .inline_purchase {
    display: inline-block;
    margin-left: 20px;
  }

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

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

  .footer ul {
    list-style: none outside; 
    margin-left: 0;
  }
  .footer li {
    padding: 6px 0;
    list-style: none outside none;
    margin-bottom: 0;
    padding-bottom:1px;
  }
  .footer ul.footer_menu li:first-child {
    margin-left: 0;
    padding-top: 0;
  }

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

/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {margin: 0; padding: 0;}
.flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides > li:first-child {display: block; -webkit-backface-visibility: visible;}
.flexslider .slides img { 
  display: block;
  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: 3%; color: #fff; /*text-shadow: 0 1px 2px rgba(0, 0, 0, .7)*/}
.flexslider .headline { font-size: 41px; margin-bottom: 0.2em; line-height: 46px; font-weight: bold }
.flexslider p.subtitle { font-size: 23px; line-height: 28px; font-weight: normal }

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

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

.flex-control-thumbs {position: static; overflow: hidden;}
.flex-control-thumbs li, .flex-control-thumbs li:first-child {width: 22%; vertical-align: top; margin: 15px 4% 0 0;}
.flex-control-thumbs li:nth-child(4n) {margin: 15px 0 0; }
.flex-control-thumbs img {width: 100%; display: block; opacity: .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;}

/* #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;
  -webkit-border-radius: 4px;
     -moz-border-radius: 4px;
          border-radius: 4px;
}

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

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

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

.fancybox-inner {
  overflow: hidden;
}

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

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

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

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

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

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

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

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

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

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

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

.fancybox-prev {
  left: 0;
}

.fancybox-next {
  right: 0;
}

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

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

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

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

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

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

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

/* Overlay helper */

.fancybox-lock {
  overflow: hidden;
}

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

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

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

/* Title helper */

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

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

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

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

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

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

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

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

/* SKELETON CSS HERE */
/*
* Skeleton V2.0.4
* Copyright 2014, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 12/29/2014
*/

/* Grid
–––––––––––––––––––––––––––––––––––––––––––––––––– */
.container {
  position: relative;
  width: 100%;
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 20px;
  box-sizing: border-box;
}
.column,
.columns {
  width: 100%;
  float: left;
  box-sizing: border-box;
}
.logo.columns {
  width: 55%;
}
@media(max-width: 767px) {
  .nav-bottom.columns {
    position: absolute;
    right: 0;
    bottom: 0;
    width: 45%;
  }
}
@media(min-width: 768px) {
  .nav-top.columns {
    width: 65%;
  }
  .nav-bottom.columns {
    width: 100%;
  }
  .logo.columns {
    width: 35%;
  }
}
@media(min-width: 981px) {
  .nav-top.columns,
  .nav-bottom.columns {
    width: 74%;
  }
  .logo.columns {
    width: 22%;
  }
}
@media(min-width: 1050px) {
  .nav-top.columns,
  .nav-bottom.columns {
    width: 70%;
  }
  .logo.columns {
    width: 26%;
  }
}

/* For devices larger than 400px */
@media (min-width: 400px) {
  .container {
    width: 90%;
    padding: 0; }
}

@media(min-width: 768px) {
  .price-column,
  .quantity-column,
  .total-column,
  .product-column {
    padding-right: 5px;
  }

  .price-column,
  .quantity-column                { width: 12%; }
  .total-column                   { width: 20%; }
  .product-column                 { width: 56%; }
}

@media(min-width: 981px) {
  .price-column,
  .quantity-column                { width: 8%; }
  .total-column                   { width: 20%; }
  .product-column                 { width: 52%; }
}
@media(min-width: 1101px) {
  .price-column,
  .quantity-column                { width: 7%; }
  .total-column                   { width: 16%; }
  .product-column                 { width: 58%; }
}

/* For devices larger than 550px */
/* @media (min-width: 550px) { */
@media (min-width: 981px) {
  .container {
    width: 90%; }
  .column,
  .columns {
    margin-left: 4%; }
  .column:first-child,
  .columns:first-child {
    margin-left: 0; }

  .one.column,
  .one.columns                    { width: 4.66666666667%; }
  .two.columns                    { width: 13.3333333333%; }
  .three.columns                  { width: 22%;            }
  .four.columns                   { width: 30.6666666667%; }
  .five.columns                   { width: 39.3333333333%; }
  .six.columns                    { width: 48%;            }
  .seven.columns                  { width: 56.6666666667%; }
  .eight.columns                  { width: 65.3333333333%; }
  .nine.columns                   { width: 74.0%;          }
  .ten.columns                    { width: 82.6666666667%; }
  .eleven.columns                 { width: 91.3333333333%; }
  .twelve.columns                 { width: 100%; margin-left: 0; }

  .one-third.column               { width: 30.6666666667%; }
  .two-thirds.column              { width: 65.3333333333%; }

  .one-half.column                { width: 48%; }

  /* Offsets */
  .offset-by-one.column,
  .offset-by-one.columns          { margin-left: 8.66666666667%; }
  .offset-by-two.column,
  .offset-by-two.columns          { margin-left: 17.3333333333%; }
  .offset-by-three.column,
  .offset-by-three.columns        { margin-left: 26%;            }
  .offset-by-four.column,
  .offset-by-four.columns         { margin-left: 34.6666666667%; }
  .offset-by-five.column,
  .offset-by-five.columns         { margin-left: 43.3333333333%; }
  .offset-by-six.column,
  .offset-by-six.columns          { margin-left: 52%;            }
  .offset-by-seven.column,
  .offset-by-seven.columns        { margin-left: 60.6666666667%; }
  .offset-by-eight.column,
  .offset-by-eight.columns        { margin-left: 69.3333333333%; }
  .offset-by-nine.column,
  .offset-by-nine.columns         { margin-left: 78.0%;          }
  .offset-by-ten.column,
  .offset-by-ten.columns          { margin-left: 86.6666666667%; }
  .offset-by-eleven.column,
  .offset-by-eleven.columns       { margin-left: 95.3333333333%; }

  .offset-by-one-third.column,
  .offset-by-one-third.columns    { margin-left: 34.6666666667%; }
  .offset-by-two-thirds.column,
  .offset-by-two-thirds.columns   { margin-left: 69.3333333333%; }

  .offset-by-one-half.column,
  .offset-by-one-half.columns     { margin-left: 52%; }
}

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

/* #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) { 
    #contact_email {
      width: 170px;
    }
    .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;
    }
  }
/* Tablet Portrait size to standard 960 (devices and browsers) */
  @media only screen and (min-width: 768px) and (max-width: 959px) {
    .nav ul li { padding: 0 0 0 10px; }
    .flex-caption { top: 0; }
    .or { display: none; }
  }
/* All Mobile Sizes (devices and browser) */
  @media only screen and (max-width: 767px) {
    .toggle span {
      display: block;
    }
    .toggle_list {
      display: none;
    }
    select { 
      width:100%; 
    }
    #contact_email {
      width: 94%;
    }
    .search_page_text {
      text-align: left;
    } 
    button,
    .action_button, 
    a.action_button, 
    textarea {
      width: 85%;
    }

    .flexslider a.action_button {
      width: initial;
    }

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

    .cart_icons, .or {
      display: none;
    }
    .credits_right {
      text-align: left;
    }
    .container .column.thumbnail, .container .columns.thumbnail {
      margin-top: 1em;
    }
  table[style] {
      width:auto !important;
      max-width:100% !important;
      overflow: hidden;
    }
  tr, td {
      display:block;
      width:99% !important;
      max-width:99% !important;
      padding:0px !important;
      border-left: 0 !important;
      border-right: 0 !important;
    }
  tr {
    padding-bottom: 6px !important;
  }
  td {
    padding: 4px !important;
  }
  .title_column {
      float:left;
    }
  .subtotal_amount {
      text-align:right;
    }
  .mobile_left {
      text-align:left;
    }
  .container div.mobile_only {
      display:block;
    }
  .quantity_label {
    display: inline;
  }  
  .price_total {
    text-align: right;
  }
  .price_total_text {
    display:block;
  }
  .update_subtotal, .price_total, .remove_column, .checkout_table_header {
      display: none;
    }
  .mobile_right {
      text-align: right;
    }
  .quick_shop {
      display: none !important;
    }
  .cart_price {
    display: block;
    margin-bottom: 0;
  }
  table tr th, table tr td {
      padding: 2px;
    }
  input.action_button {
      margin-bottom: 13px;
    }
  .multiple_product_images {
      display: none;
    }
  .flex-caption {
    top: 0;
  }
  .flex-caption .headline {
    font-size: 1.5em;
    line-height: 1.5em;
  }
  .flex-caption p.subtitle {
    font-size: 1.1em;
    line-height: 1.1em;
  }
  .container .blog_content {
    padding-left: 0;
    border: 0;
  }

  .ch_or_btn {
    height: 35px;
  }
}
@media(max-width: 767px) {
    .mobile_hidden { display: none !important; }
}
/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
  @media only screen and (min-width: 480px) and (max-width: 767px) {
    ul.menu li.navicon_button { display:inline-block }
    ul.menu li { padding: 0 0 0 10px; }
    ul.nav_buttons { position: relative; top: -2px }
    
  }
/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
  @media only screen and (max-width: 479px) {
    .col { width: 100% !important; }
    ul.menu li.navicon_button { display:inline-block; }
    ul.menu li a.cart { padding-left: 25px; }
    ul.menu li a.navicon { padding-left: 28px; }
    ul.menu li { padding: 0 }
    ul.nav_buttons { position: relative; top: -2px; text-indent: -1000em; text-align: left }
    .cart_count { display: none;}
    ul.mobile_menu input.search_box { width: 240px !important;}
    .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: 0.9em;
      margin-bottom: 0.5em;
    }  
    .flex-caption .action_button {
      padding: 4px 15px;
      font-size: 12px;
    }
    .flex-direction-nav .flex-prev {display: none;}
    .flex-direction-nav .flex-next {display: none;}

    h1, h2, h1.home, h1.blog_title, h3, h4, h5, h6, .title a { 
        font-size: 150%;
      }
    h1, h1.home, h1.blog_title, .title a, h2 {
        padding:0;
      }
}
@media
  (min--moz-device-pixel-ratio: 2),
  (-o-min-device-pixel-ratio: 2/1),
  (-webkit-min-device-pixel-ratio: 2),
  (min-device-pixel-ratio: 2) {
    ul.menu li a.navicon {
      
        background-image: url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/menu2x.png?13971765466781304754);
      
      background-size: 20px 119px;
    } 
    input.search_box {
      background: #fff url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/search2x.jpg?13971765466781304754) no-repeat 6px;
      background-size: 14px 14px; 
    }
    .nav ul li a.cart {
      
        background-image: url(//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/cart2x.png?13971765466781304754);
      
      background-size: 16px 64px;
    }
}

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

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

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

.right_column {
  /*background: none repeat scroll 0 0 #DDDDDD;*/
  border: 1px solid #CCCCCC;
  border-radius: 5px 5px 5px 5px;
  padding-left: 15px;
  padding-right: 15px;
  padding-top: 10px;
  background-color: #efefef;
}

.right_column p {
  margin: 0 0 0px;
  line-height: 1.2em;
  padding:6px;

}

.right_column h3 {
  font-size: 16px;
  font-weight:bold;
  text-transform: uppercase;
  margin: 0px;
}

.greenblock {
   display: block;
  width: 102%;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
  margin-left: -1%; 
  background: none repeat scroll 0 0 #E4F7F2;
  padding: 1.2em 2em 0.4em;
  margin-bottom:15px;
  text-align: center;
  border-radius: 5px 5px 5px 5px;
}

.greenblock p {
  text-align:center;
  font-size:19px;
  font-weight:bold;
}

.overflow-hidden {
  overflow: hidden;
}

.homepage_content div.container {
  padding-top:0px;
  margin-top:0px;
  padding-bottom:0px;
  margin-bottom:0px;
}

.xgamewrapper-home {
  -moz-box-shadow:    3px 3px 5px 6px #ccc;
  -webkit-box-shadow: 3px 3px 5px 6px #ccc;
  box-shadow:         3px 3px 5px 6px #ccc;
  border-radius:      5px 5px 5px 5px;
  padding: 1%;
  margin-bottom:12px;

  
      background-color: #ffffff;
  
}

.fullwidthaddcart {
  background: none repeat scroll 0 0 #E1F2FF;
  border: 1px solid #BACEDB;
  text-align: left;
}

.gamerbutton {
  /* padding: 10px 10px 10px 20px; */
  padding: 10px 10px 10px 10px;
}
.purchase-right-list.mobile-only {
  display: none;
}
@media(max-width: 980px) {
  .six.columns.gamerbutton {
    width: 100%;
  }
  .six.columns.purchase-left {
    width: 100%;
  }

  .purchase-right-list.mobile-only {
    display: block;
  }
  .purchase-right-list.mobile-hidden {
    display: none;
  }
  .purchase-right-list {
    width: 45%;
    margin-left: 5%;
    padding-left: 25px;
    float: left;
    overflow: hidden;
    box-sizing: border-box;

  }
  .purchase-right-list li {
    box-sizing: border-box;
  }
}

.purchase-full-width .purchase-right-list {
  width: 45%;
  margin-left: 5%;
  padding-left: 25px;
  float: left;
  overflow: hidden;
  box-sizing: border-box;

}
.purchase-full-width .purchase-right-list li {
  box-sizing: border-box;
}


.purchase div.three ul {
  margin-left: 25px;
  margin-bottom: 0px;
}

.purchase div.three ul li {
    margin-bottom: 0px !important;
}

.cart_right_column {
  margin-left: 0;
  border: 1px solid #cccccc; 
  padding-left: 9px;
  padding-right: 9px;
  padding-top: 10px;
  border-radius: 5px 5px 5px 5px;
  background-color: #efefef;
}
@media(min-width: 981px) {
  .cart_right_column {
    margin-left: 3%;
  }
}

.xgame_home_button {
  padding:10px !important;
  font-weight:bold !important;
}

.xgaming_outer_wrapper {
  border-radius: 5px 5px 5px 5px;
  padding: 12px !important;
  margin-bottom: 12px !important;
  border: 1px solid #cccccc;
  -moz-box-shadow:    3px 5px 5px 4px #ccc;
  -webkit-box-shadow: 3px 5px 5px 4px #ccc;
  box-shadow:         3px 5px 5px 4px #ccc;

  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
      -ms-box-sizing: border-box;
       -o-box-sizing: border-box;
          box-sizing: border-box;
}

.xgame_right_link {
  background-color: #f9f9f9;
  border: 1px solid #cccccc;
  border-bottom:2px solid #cccccc;
  
}

/* Shopify Ninjas was here! */
.support-link, .cart-link{
  background-color: #1B4267;
  border-radius: 0 0 5px 5px;
  display: inline-block;
  padding: 0 17px 0 0;
}

.support-link li a, .cart-link li a{
  color: #CCDFF7 !important;
  padding-bottom: 0 !important;
}

.support-link li a:hover, .cart-link li a:hover{
  color: #CCDFF7 !important;
  text-decoration: underline;
}

.support-link{
   background: url("//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/support.png?13971765466781304754") no-repeat 11px 7px #1B4267;
   background-size: 12px 12px;
   padding-left: 12px;
   min-width: 66px;
}

.cart-link{
  background: url("//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/cart2.png?13971765466781304754") no-repeat 9px 4px #1B4267;
  padding-left: 20px;
  min-width: 136px;
  margin-left: -2px;
}

.call-toll-free-wrap{
  margin-top: 8px;
}
.call-toll-free-wrap .left-part, .call-toll-free-wrap .right-part{
  float: right;
}
.call-toll-free-wrap .left-part{
  font-size: 12px;
  width: 65px;
  line-height: 12px;
  color: #597999;
  padding-right: 5px;
}
.call-toll-free-wrap .right-part{
  color: #fff;
  font-size: 22px;
  padding-right: 10px;
}

.pusher{
  height: 50px;
}

.homepage_content_low{
  padding-left: 30px;
  
}

.xgaming_outer_wrapper h1{
  font-size: 36px;
  font-weight: bold;
  line-height: 1;
}

.gamerbutton label {
  margin-bottom: 0;
}
.gamerbutton select {
  margin-bottom: 10px;
  width: 100%;
}

.xgaming_outer_wrapper h3{
  color: #122E5A;
  font-size: 18px;
  font-weight: 500;
  letter-spacing: 1px;
  margin-bottom: 5px;
}

.xgaming_outer_wrapper .modal_price{
  margin: 4px 0 4px;
}

.xgaming_outer_wrapper .current_price{
  display: block;
  color: #BB001E;
  font-weight: bold;
  font-size: 18px;
}

.xgaming_outer_wrapper .purchase ul li{
  margin-bottom: 0px;
  line-height: 18px;
}
.product-full-width h1 a{
  color: #0348ac;
}

.flex-control-nav.flex-control-thumbs{
  margin-top: -10px;
}

.purchase .three.columns.omega.gamerbutton{
  width: 180px;
}

.container.main.content.xgaming_outer_wrapper.blue-background{
  background-image: url("//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/product_top_bg.png?13971765466781304754");
  background-repeat: no-repeat;
}

/* view cart */

.checkout_table_header{
  background: -moz-linear-gradient(top, #e5eee1, #bedcd7);
  background: -webkit-linear-gradient(top, #e5eee1, #bedcd7);
  background: -o-linear-gradient(top, #e5eee1, #bedcd7);
  background: -ms-linear-gradient(top, #e5eee1, #bedcd7);
  background: linear-gradient(top, #e5eee1, #bedcd7);
  border-radius: 8px;
}
.checkout_table_header .eight.columns.alpha{
  margin-left: 10px;
}
.checkout_table_header .product-column {
  padding-left: 10px;
}

.cart-product-title{
  font-size: 14px;
  font-weight: bold;
  text-decoration: underline;
}

.cart-product-list {
  float: left;
  margin-top: 20px;
  width: 100%;
}


/* cart payment options */
.cart-bottom {
  float: left;
  width: 100%;
}
.subtotal-and-shipping-wrap {
  width: 100%;
  float: left;
}
.subtotal-and-shipping-inner {
  width: 300px;
  float: right;
}
.payments {
  width: 200px;
  float: right;
}
.checkout-wrap {
  width: 100%;
}
.subtotal-wrap {
  float: left;
}
.shipping-wrap {
  float: right;
}
.ch_or_btn {
  color: #AAAAAA;
  font-size: 14px;
}

.ch_or_btn strike {
  display: block;
  width: 145px;
  height: 5px;
  margin-right: auto;
  margin-left: auto;
  border-bottom: 1px solid #CCCCCC;
  line-height: 5px;
  margin-bottom: 15px;
  text-align: center;
  text-decoration: none;
}
.ch_or_btn span {
  background: none repeat scroll 0 0 #FFFFFF;
  display: inline-block;
  font-weight: bold;
  padding: 2px 6px;
  text-decoration: none;
}

#cart-header .action_button.checkout-btn,
#payments .action_button.checkout-btn{
  width: 195px;
  padding: 10px 37px;
  margin-bottom: 10px;
  font-size: 20px;
  font-weight: bold;
  border-radius: 5px;
}


.cart_right_column{
  background-color: #ffffff;
  /*background-image: url("http://cdn.shopify.com/s/files/1/0192/2714/t/3/assets/custom_footer.png?1213");*/
}
.cart_right_column ul{
  list-style: none;
  margin-left: 20px;
}
.cart_right_column a{
  
    font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Lucida, Helvetica, Arial, sans-serif;
  
  font-weight: normal;      
      font-size: 13px; 
      text-transform: none;
      /*color: #ffffff;*/
  letter-spacing: 0px;
}
/*.cart_right_column a:hover{
  color: #c0d2d6
}*/

div.purchase div.four ul {
  margin-bottom: 4px;
}

.cart_right_column p {
  margin:0px;
}

.cart_right_column li {
  margin-bottom:4px;
}

.product-tab-gallery img{
  margin-right: 5px;
}



/* for product page */
.fullwidth-iframe{
  width: 100%;
  height: 512px;
}

.controller-reviews{
  height: 128px;
  margin-left: -10px;
  margin-bottom: 20px;
  width: 960px;
  background-image: url("//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/reviews_bg.png?13971765466781304754");
}
.controller-reviews ul{
  list-style: none;
  margin: 0;
}
.controller-reviews ul li{
  float: left;
  width: 208px;
  padding: 20px;
  text-align: center;
  font-size: 14px;
  color: #393b42;
  font-family: Georgia, "Times New Roman", Times, serif; 
}
.controller-reviews ul li.xbox{
  width: 228px;
}
.controller-reviews ul li.cgw{
  padding: 20px 0;
}
.controller-reviews ul li.gp{
  width: 200px;
}
.controller-reviews ul li.ign{
  width: 200px;
}

.btnSpt.vaAdapters{
  display: inline-block;
  width: 100px;
  text-align: center;
  height: inherit;
  vertical-align: middle;
  padding: 10px 5px;
  border-radius: 10px;
  font-size: 14px;
  color: #fff;
  text-shadow: 1px 1px 1px #555;
  margin-left: 10px;
  width: 80px;
  font-weight: bold;
  background: -webkit-linear-gradient(top, #4c9ad3, #336ad9);
  text-transform: uppercase;
  float: right;

  /* fallback */
  background-color: #4c9ad3;

  /* Safari 4-5, Chrome 1-9 */
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#336ad9), to(#4c9ad3));

  /* Safari 5.1, Chrome 10+ */
  background: -webkit-linear-gradient(top, #4c9ad3, #336ad9);

  /* Firefox 3.6+ */
  background: -moz-linear-gradient(top, #4c9ad3, #336ad9);

  /* IE 10 */
  background: -ms-linear-gradient(top, #4c9ad3, #336ad9);

  /* Opera 11.10+ */
  background: -o-linear-gradient(top, #4c9ad3, #336ad9);
}
.btnSpt.vaAdapters:hover{
  background: #4c9ad3;
}

.adapters{
  border-top: 1px solid #DBDBDB;
  padding-top: 20px;
  margin-top: 20px;
}
.desc.joystick,
.desc.machine{
  text-align: justify;
  padding-left: 28%;
}
.desc.joystick p{
  padding-right: 17%
}
.adapters img.pic{
  float: left;
}
.controller-reviews ul{
  padding-left: 0;
}
ul.tabs-content{
  padding-left: 0;
}
ul.tabs-content li ul {
  list-style: circle;
  margin-left: 30px;
}

ul.tabs-content li ul li{
  margin-bottom: 0;
  line-height: 18px;
}
.right-pic{
  float: right;
}

@media (max-width: 959px) {
  .controller-reviews{
    background-image: url("//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/reviews_bg.png?13971765466781304754"), url("//cdn.shopify.com/s/files/1/0192/2714/t/32/assets/reviews_bg.png?13971765466781304754");
    background-position: left top, right bottom;
    background-repeat: no-repeat;

    width: 480px;
    height: 256px;
    margin: 0 auto 20px;
  }
  .controller-reviews ul li:nth-child(3),
  .controller-reviews ul li:last-child{
    margin-top: 40px;
  }
}

@media (min-width: 770px) {
  .col{
    width: 49%;
    display: inline-block;
    vertical-align: top;
  }
}

/* general product styling*/

.product-full-width{
  border-bottom: 1px solid #DBDBDB;
  margin: 0 0 20px;
  overflow: hidden;
}
.product-thumbnail h3,
.product-full-width h3{
  color: #000;
  font-weight: bold;
  letter-spacing: normal;
}
.product-thumbnail h4,
.product-full-width h4{
  font-weight: normal;
  color: #122e5a;
}
.product-thumbnail h5,
.product-full-width h5{
  margin: 5px 0;
  padding-bottom: 0;
  font-weight: bold;
  font-size: 15px;
}
.product-thumbnail p,
.product-full-width p{
  line-height: 18px;
  font-size: 13px;
}
/*.product-full-width ul{
  margin-left: 0;
}*/
.product-full-width table{
  color: #000;
  border: none;
}
.product-full-width table tr td{
  border: none;
  background: #fff;
}
.product-full-width table tr:hover td{
  background: #fff;
}

/* weird fixes for the table layout */
@media only screen and (min-width: 960px){
  .product-full-width table tr td:first-child div{
    margin-top: -50px;
  }
  .product-full-width table tr td:last-child div{
    margin-top: -240px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 959px){
  .product-full-width table tr td:first-child div{
    margin-top: -30px;
  }
  .product-full-width table tr td:last-child div{
    margin-top: -170px;
  }
}

/* end product page  */

.container .columns.product-thumbnail,
.container .column.product-thumbnail {
  padding-bottom: 20px;
  border-bottom: 1px solid  #ccc;
}
.product-thumbnail .title {
  font-size: 18px;
  color: #0348ac;
  font-weight: bold;
}
.product-thumbnail .price {
  color: #bb001e;
  font-size: 24px;
  font-weight: bold;
}
a.learn-more-btn {
  display: inline-block;
  width: auto;
  padding: 14px;
  margin-top: 10px;
  border-radius: 5px;
  background-color: #3974aa;
  color: #fff;
  font-weight: bold;
  line-height: 1;
  text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
a.learn-more-btn:hover {
  color: #fff;
  background-color: #4992cf;
}

@media(min-width: 768px) {
  .container .columns.product-thumbnail,
  .container .column.product-thumbnail {
    border-bottom: none;
    margin-bottom: 40px;
    padding-bottom: 0;
  }
  .product-thumbnail .title {
    height: 70px;
  }
  .product-thumbnail-image-wrap {
    height: 200px;
    width: 100%;
    margin-bottom: 10px;
    float: left;
  }
  .product-thumbnail-image-wrap img {
    max-width: 100%;
    max-height: 100%;
  }
  .product-thumbnail .info {
    width: 100%;
    float: left;
    font-size: 13px;
  }
}
@media(min-width: 960px) {
  .product-thumbnail .info {
    font-size: 14px;
  }
}

.facebook-box {
  width: 100%;
  height: 275px;
  border-bottom: 1px solid #aaa;
}
.twitter-box {
  width: 100%;
}
@media(min-width: 568px) {
  .facebook-box {
    height: 210px;
  }
}
@media(min-width: 981px) {
  .facebook-box {
    height: 315px;
  }
}
@media(min-width: 996px) {
  .facebook-box {
    height: 275px;
  }
}

.container .columns.product-thumbnail, .container .column.product-thumbnail {
  border: 2px solid #cccccc;
  margin-bottom: 40px;
  padding-bottom: 20px;
  padding-top: 20px;
}

.bottom-select {
  margin: 0 auto 10px;
}

.col {
  width: 96%;
  margin-right: 2%;
}
@media(min-width: 770px) {
  .col {
    width: 48%;
    margin-right: 1%;
  }
}

/* big thumbnail */
.bigthumb-collection-wrap {
  margin-left: 0;
}
.container .columns.bigthumb {
  padding-bottom: 10px;
}
.bigthumb-header,
.bigthumb-footer {
  width: 100%;
  float: left;
  padding-left: 20px;
  padding-right: 20px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bigthumb-header-part {
  display: block;
  float: left;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.bigthumb-header-left {
  width: 70%;
}
.bigthumb-header-right {
  width: 30%;
}
.bigthumb-title {
  text-align: left;
}
.bigthumb-img-wrapper {
  width: 100%;
  float: left;
  text-align: left;
}
.bigthumb-img-wrapper .product-thumbnail-image-wrap {
  height: auto;
}
.bigthumb-info {
  float: right;
  text-align: right;
}
.bigthumb-links {
  float: right;
  margin-top: 10px;
  margin-left: 0;
  text-align: right;
  list-style: none;
}
.bigthumb-links li {
  line-height: 1;
  margin-bottom: 0;
}
.bigthumb-links li a {
  color: #0348ac;
  font-size: 12px;
}
.bigthumb-footer {
  text-align: left;
}
.bigthumb-footer h5:last-child {
  padding-bottom: 0;
}

@media screen and (max-width: 650px) {
  .bigthumb-header-part.bigthumb-header-left,
  .bigthumb-header-part.bigthumb-header-right {
    width: 100%;
  }
  .bigthumb-links {
    float: left;
  }
  .bigthumb-img-wrapper,
  .bigthumb-title,
  .bigthumb-info,
  .bigthumb-links {
    text-align: center;
  }
}
@media screen and (max-width: 500px) {
  .bigthumb-info,
  .bigthumb-links {
    width: 100%;
  }
}

.add-to-cart{
  width: 153px;
  height: 40px;
  border-radius: 10px;
  font-size: 20px;
}
.add-to-cart.action_button.new-add {
  width: 100%;
  background: none repeat scroll 0 0 #008000;
  border-radius: 5px;
  -webkit-transition: none;
     -moz-transition: none;
      -ms-transition: none;
       -o-transition: none;
          transition: none;
  margin-bottom: 0;
}
.add-to-cart.action_button.new-add:hover {

}

@media(min-width: 981px) {
  .purchase-right {
    margin-top: 20px;
  }
}

.move-up { margin-top: -34px; }

@media only screen and (max-width: 959px) {
  .move-up { margin-top: 0px; }
  }