/* SOMEWHERE®*/

/* !Reset Box-sizing */

* { -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  -o-box-sizing: border-box;
  box-sizing: border-box;
  *behavior: url(boxsizing.htc);
}

/* !Defaults */

.gridlock .row { 
  margin-left: auto; 
  margin-right: auto; 
  width: 2420px; /* Fallback */ 
}

.gridlock .row:after { 
  clear: both; 
  content: "."; 
  display: block; 
  height: 0; 
  line-height: 0; 
  visibility: hidden;
}

.gridlock .row .row { 
  margin-left: -1.0416666666666667%; 
  margin-right: -1.0416666666666667%; 
  width: 102.0833333333333334%; 
}

.gridlock .row [class*="desktop-"] { 
  float: left; 
  margin-left: 1.0416666666666667%; 
  margin-right: 1.0416666666666667%; 
}

.gridlock .row [class*="desktop-"].right { 
  float: right; 
}

.gridlock .row [class*="desktop-"].padded { 
  margin-left: 0; 
  margin-right: 0; 
  padding-left: 1.0416666666666667%; 
  padding-right: 1.0416666666666667%; 
  -webkit-box-sizing: content-box; 
  -moz-box-sizing: content-box; 
  -ms-box-sizing: content-box; 
  -o-box-sizing: content-box; 
  box-sizing: content-box; 
  *behavior: none; 
}


/* !Rows, Widest to Thinest */


@media screen and (max-width: 2420px) {
  .gridlock .row { width: 2100px; }
}

@media screen and (max-width: 2120px) {
  .gridlock .row { width: 1800px; }
}

@media screen and (max-width: 1820px) {
  .gridlock .row { width: 1500px; }
}

@media screen and (max-width: 1520px) {
  .gridlock .row { width: 1300px; }
}

@media screen and (max-width: 1320px) {
  .gridlock .row { width: 1130px; }
}

@media screen and (max-width: 1150px) {
  .gridlock .row { width: 960px; }
}

@media screen and (max-width: 980px) {
  .gridlock .row { width: 840px; }
}

@media screen and (max-width: 860px) {
  .gridlock .row { width: 720px; }
}

@media screen and (max-width: 740px) {
  .gridlock .row { width: 480px; }
}

@media screen and (max-width: 500px) {
  .gridlock .row { width: 92%; }
}


/* !Desktop - Default, 12 column, 1220 + 960 (min 980), IE Standard */


.gridlock .row .desktop-1  { width: 6.25%; }
.gridlock .row .desktop-2  { width: 14.5833333333333333%; }
.gridlock .row .desktop-3  { width: 22.9166666666666667%; }
.gridlock .row .desktop-4  { width: 31.25%; }
.gridlock .row .desktop-5  { width: 39.5833333333333333%; }
.gridlock .row .desktop-6  { width: 47.9166666666666667%; }
.gridlock .row .desktop-7  { width: 56.25%; }
.gridlock .row .desktop-8  { width: 64.5833333333333333%; }
.gridlock .row .desktop-9  { width: 72.9166666666666667%; }
.gridlock .row .desktop-10 { width: 81.25%; }
.gridlock .row .desktop-11 { width: 89.5833333333333333%; }
.gridlock .row .desktop-12 { width: 97.9166666666666667%; }


/* Push Cells */

.gridlock .row .desktop-push-1  { margin-left: 9.375%; }
.gridlock .row .desktop-push-2  { margin-left: 17.7083333333333333%; }
.gridlock .row .desktop-push-3  { margin-left: 26.0416666666666667%; }
.gridlock .row .desktop-push-4  { margin-left: 34.375%; }
.gridlock .row .desktop-push-5  { margin-left: 42.7083333333333334%; }
.gridlock .row .desktop-push-6  { margin-left: 51.0416666666666667%; }
.gridlock .row .desktop-push-7  { margin-left: 59.375%; }
.gridlock .row .desktop-push-8  { margin-left: 67.7083333333334%; }
.gridlock .row .desktop-push-9  { margin-left: 76.0416666666668%; }
.gridlock .row .desktop-push-10 { margin-left: 84.375%; }
.gridlock .row .desktop-push-11 { margin-left: 92.7083333333335%; }


/* Center Cells */

.gridlock .row [class*="desktop-"].center { margin-left: auto; margin-right: auto; }


/* !Generic, fractions */

.gridlock .row .desktop-third { width: 31.25%; }
.gridlock .row .desktop-half { width: 47.9166666666666667%; }
.gridlock .row .desktop-full { width: 97.9166666666666667%; }
.gridlock .row .desktop-push-third { margin-left: 34.375%; }
.gridlock .row .desktop-push-half { margin-left: 51.0416666666666667%; }


/* !Desktop - Max, 12 column, 1200 (min 1221) */

@media screen and (min-width: 2400px) {
  .gridlock .row .max-1  { width: 6.25%; }
  .gridlock .row .max-2  { width: 14.5833333333333333%; }
  .gridlock .row .max-3  { width: 22.9166666666666667%; }
  .gridlock .row .max-4  { width: 31.25%; }
  .gridlock .row .max-5  { width: 39.5833333333333333%; }
  .gridlock .row .max-6  { width: 47.9166666666666667%; }
  .gridlock .row .max-7  { width: 56.25%; }
  .gridlock .row .max-8  { width: 64.5833333333333333%; }
  .gridlock .row .max-9  { width: 72.9166666666666667%; }
  .gridlock .row .max-10 { width: 81.25%; }
  .gridlock .row .max-11 { width: 89.5833333333333333%; }
  .gridlock .row .max-12 { width: 97.9166666666666667%; }

  
  /* Push Cells */
  
  .gridlock .row .max-push-1  { margin-left: 9.375%; }
  .gridlock .row .max-push-2  { margin-left: 17.7083333333333333%; }
  .gridlock .row .max-push-3  { margin-left: 26.0416666666666667%; }
  .gridlock .row .max-push-4  { margin-left: 34.375%; }
  .gridlock .row .max-push-5  { margin-left: 42.7083333333333334%; }
  .gridlock .row .max-push-6  { margin-left: 51.0416666666666667%; }
  .gridlock .row .max-push-7  { margin-left: 59.375%; }
  .gridlock .row .max-push-8  { margin-left: 67.7083333333334%; }
  .gridlock .row .max-push-9  { margin-left: 76.0416666666668%; }
  .gridlock .row .max-push-10 { margin-left: 84.375%; }
  .gridlock .row .max-push-11 { margin-left: 92.7083333333335%; }
}


/* !Tablet, 6 column, 720 (min 739) */

@media screen and (min-width: 739px) and (max-width: 980px) {
  .gridlock .row [class*="desktop-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; }

  .gridlock .row .tablet-1 { width: 14.5833333333333333%; }
  .gridlock .row .tablet-2 { width: 31.25%; }
  .gridlock .row .tablet-3 { width: 47.9166666666666667%; }
  .gridlock .row .tablet-4 { width: 64.5833333333333333%; }
  .gridlock .row .tablet-5 { width: 81.25%; }
  .gridlock .row .tablet-6 { width: 97.9166666666666667%; }
  .gridlock .row .tablet-hide { display: none !important; }


  
  /* Push Cells */
  
  .gridlock .row .tablet-push-1 { margin-left: 17.7083333333333333%; }
  .gridlock .row .tablet-push-2 { margin-left: 34.375%; }
  .gridlock .row .tablet-push-3 { margin-left: 51.0416666666666667%; }
  .gridlock .row .tablet-push-4 { margin-left: 67.7083333333334%; }
  .gridlock .row .tablet-push-5 { margin-left: 84.375%; }

  
  /* !Generic, fractions */
  
  .gridlock .row .tablet-third { width: 31.25%; }
  .gridlock .row .tablet-half { width: 47.9166666666666667%; }
  .gridlock .row .tablet-full { width: 97.9166666666666667%; }
  .gridlock .row .tablet-push-third { margin-left: 34.375%; }
  .gridlock .row .tablet-push-half { margin-left: 51.0416666666666667%; }
}


/* !Mobile, 3 column, 300 + 480 (max 740) */

@media screen and (max-width: 740px) {
  .gridlock .row [class*="desktop-push-"], 
  .gridlock .row [class*="tablet-push-"] { margin-left: 1.0416666666666667%; margin-right: 1.0416666666666667%; }

  .gridlock .row .mobile-1 { width: 31.25%; }
  .gridlock .row .mobile-2 { width: 64.5833333333333333%; }
  .gridlock .row .mobile-3 { width: 97.9166666666666667%; }
  .gridlock .row .mobile-hide { display: none; }

  
  /* Push Cells */
  
  .gridlock .row .mobile-push-1 { margin-left: 34.375%; }
  .gridlock .row .mobile-push-2 { margin-left: 67.7083333333334%; }

  
  /* !Generic, fractions */
  
  .gridlock .row .mobile-third { width: 31.25%; }
  .gridlock .row .mobile-half { width: 47.9166666666666667%; }
  .gridlock .row .mobile-full { width: 97.9166666666666667%; }

  .gridlock .row .mobile-push-third { margin-left: 34.375%; }
  .gridlock .row .mobile-push-half { margin-left: 51.0416666666666667%; }
}


/* !Mobile - Min, 300 (max 500) */

@media screen and (max-width: 500px) {
  .gridlock .row .min-full { width: 97.9166666666666667%; }
}


html {
  height: 100%;
}

body {	
  color: #000000;
  background: #ffffff;
  font-size: 12px; 
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;	
  line-height: 1.6em; 
  -webkit-text-size-adjust: none;
  padding: 0px;
  margin: 0px;
  padding-bottom: 15px;
  min-height: 100%;
  position: relative;
  letter-spacing: 0px;
}

img { 
  max-width: 100%; 
  border: 0; 
}

h1 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

h2 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

h3 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

h4 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

h5 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

h6 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

h7
 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

h8 {
  color: ;
  font-family:'Helvetica Neue', Helvetica, Arial, sans-serif;
  font-weight: bold;
  margin-top: 0;
}

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

h1 { font-size: 18px; margin-bottom: 20px; }
h2 { font-size: 16px; }
h3 { font-size: 14px; }
h4 { font-size: 14px; }
h5 { font-size: 11px; }
h6 { font-size: 13px; }
h7 { font-size: 25px; }
h8 { font-size: 30px; }
h9 { font-size: 13px; }
h11 { font-size: 60px; line-height: 56px; }
h12 { font-size: 16px; }
h13 { font-size: 25px; }
h14 { font-size: 19px; }

h2, h3, h5, h6, h7, h8, p, dl, hr, ol, ul, pre, table, address, fieldset { 
  margin-bottom: 10px; 
}

h4  { 
  margin-bottom: 20px; 
}

p { 
  font-size: 12px; 
  margin-bottom: 1.6em; 
}

strong { 
  font-weight: bold; 
}

em { 
  font-style:italic; 
}

pre { 
  font-family: "Courier New", Courier, monospace; 
  font-size: 13px; 
  font-weight:bold; 
}

p.date {
  font-weight:bold;
}

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

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

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

a { 
  text-decoration:none;
  color: #000000;
  outline: 0;
}

a:hover { 
  color: #000000;
  text-decoration: underline;
  outline: 0;
}

a:visited { 
  color: none;
  text-decoration:none;
  outline: 0;
}
a:focus { 
  outline: 1px solid #ccc;
  outline: 0;
}


/* .row hr, .row p, .row ul, .row ol, .row dl, .row pre, .row address, .row table, .row form {margin-bottom: 1.6em;} */

dt {
  font-weight: bold;
}

ol { 
  padding: 0;
  margin-left: 0;
  text-indent: 0;
  list-style-position: inside;
}

ul { 
  padding: 0;
  margin: 0;
  list-style:disc inside;
}

li {  }

blockquote { 
  font-family: Georgia, "Times New Roman", Times, sans-serif;
  font-size:18px;
  line-height: 24px;
  font-style:italic;
  padding-left:35px;
  color: #999;
  margin: .5em 0 .5em 0;
}

input, textarea { }

hr {
  background:#000000;
  border:none;
  color:#000000;
  display:block;
  height: 1px;
  margin-top: 20px;
  width:100%;
}

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
  content: "";
}

.padded {
  margin-bottom: 15px;
}

.section-title {
  margin-top: 50px;
}


/*       Buttons     =========================    Buttons   ==========================     Buttons     ===============     */

.button {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none;
  border: 0;
  min-width: 160px;
  line-height: 38px;
}

.productpage-button {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none;
  border: 0;
  min-width: 160px;
  line-height: 38px;
}

.cart-button {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none;
  border: 0;
  min-width: 160px;
  line-height: 38px;
}

.homepage-button {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none;
  border: 0;
  min-width: 160px;
  line-height: 38px;
}

.productpage-button:hover {
  border: 0;
}

.cart-button:hover {
  color: #ffffff;
  background: #00055B;
  border: 0;
}

.homepage-button:hover {
  color: #ffffff;
  background: #00055B;
  border: 0;
}

.productpage-button-fullwidth {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none; 
  border: 0;
  min-width: 160px;
  line-height: 38px;
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; 
}

.cart-button-fullwidth {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; 
}

button {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none; 
  border: 0;
  min-width: 160px;
  line-height: 38px;
}

input[type="submit"] {
  
}

input[type="reset"] {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none; 
  border: 0;
  min-width: 160px;
  line-height: 38px;
}

input[type="button"] {
  background: #000380; 
  color: #ffffff;
  display: inline-block;
  font-size: 12px;
  font-weight: none;
  text-transform: uppercase;
  letter-spacing: .5px;
  text-decoration: none;
  cursor: pointer;
  margin-bottom: 0px;
  line-height: normal;
  padding: 0 30px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 
  -webkit-appearance: none; 
  border: 0;
  min-width: 160px;
  line-height: 38px;
}



button:hover {
  color: #ffffff;
  background: #00055B;
  border: 0;
}

input[type="reset"]:hover {
  color: #ffffff;
  background: #00055B;
  border: 0;
}

input[type="button"]:hover {
  color: #ffffff;
  background: #00055B;
  border: 0;
}


button.full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; 
}

input[type="submit"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; 
}

input[type="reset"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; 
}

input[type="button"].full-width {
  width: 100%;
  padding-left: 0 !important;
  padding-right: 0 !important;
  text-align: center; 
}


/* Fix for odd Mozilla border & padding issues */

button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}


/*   #Forms =========================   */

form {
  margin-bottom: 20px; 
}

fieldset {
  margin-bottom: 20px; 
}

[type="text"], input[type="password"], input[type="email"], textarea, select {
  border: 1px solid #000;
  padding: 0 10px;
  line-height: 30px;
  outline: none;
  color: #000000;
  margin: 0;
  min-width: 160px;
  box-shadow: none;
  max-width: 100%;
  display: inline-block;
  margin-bottom: 20px;
  background-color: #fff; 
  font-size: 12px;
  font-weight: 400;
}

input::placeholder {
  color: #000;
  font-weight: 600;
}

select {
  padding: 0; 
}

input[type="text"]:focus, input[type="password"]:focus, input[type="email"]:focus, textarea:focus {
  border: 1px solid #000380;
  color: #000000;
  -moz-box-shadow: 0 0 0px rgba(0,0,0,0);
  -webkit-box-shadow: 0 0 0px rgba(0,0,0,0);
  box-shadow:  0 0 0px rgba(0,0,0,0); 
}

textarea {
  min-height: 60px; 
  width: 100%; 
}

label, legend {
  display: block;
  font-weight: bold;
  font-size: 13px;  
}


/* = Start CSS. ========================= */

header { 
  color: #000000;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
}

header a {
  color: #000000;
}

header a:visited {
  color: #000000;
}

header a:hover {
  color: #000000;
  text-decoration: underline; 
}

#message {
  text-align: center;
  background-color: #000380;
  color: #fff;
  letter-spacing: .5px;
  line-height: 50px;
  font-size: 12px;
  font-weight: 500;
}

#message a{ 
  color: #fff;
}

#message a:hover{ 
  text-decoration:underline;
  color: #fff;
}

ul#cart { 
  margin-bottom: 0px; 
  text-align: right; 
}

ul#cart li { 
  display: inline-block; 
  padding-left: 10px;
}

#header { 
  position: relative;
}

#logo {
  text-align: center;
  font-size: 24px;
  text-decoration: none;
  line-height: 60px;
}

#logo a {
  margin: 0;
  padding: 0;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #000;
  letter-spacing: -.2px;
}



#navigation {
  letter-spacing: .5px;
  display: block;
  overflow: hidden;
  background-color: transparent;
}

ul#nav-left {
  font-size: 13px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: none;
  list-style: none;
  line-height: 60px;
  letter-spacing: .1px;
  font-weight: 500;
}

ul#nav-left li {
  display: inline-block;
  position: relative;
  z-index: 8;
}

ul#nav-left li:hover {
  color: #000000;
  background: transparent;
}

ul#nav-left li a {
  height: 40px;
  padding-right: 10px;
  text-transform: none;
  line-height: 60px;
  vertical-align: bottom;
}

ul#nav-left li a:hover {
  background: transparent;
  color: #000000;
  text-decoration: underline;
}

ul#nav-left li a:current {
  text-decoration: none;
}

ul#nav-left li ul{
  display: none;
  float: left;
  position: absolute;
  top: 34;
  left: 0;
  z-index: 5;
  margin: 0;
  padding: 0;
  border: 1px solid #000000;
}

ul#nav-left li ul:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  border-width: 8px;  
  margin-left: -8px;
  bottom: 100%;
  width: 0;
  height: 0;
}

ul#nav-left li:hover ul{
  display: block;
  background: #ffffff;
}

ul#nav-left li ul li{
  background: #ffffff;
  color: #000000;
  min-width: 150px;
  width: 100%:
   white-space: nowrap;
  float: left;
  text-align: left;
}

ul#nav-left li ul li:hover {
  background: #ffffff;
}

ul#nav-left li ul li a:hover {
  color: #000000;
  background: #ffffff;
}

ul#nav-left li ul li a{
  text-align: left;
  padding-left: 10px;
  color: #000000;
  text-transform none! important;
}



/* #Nav-Right Menu. ========================= */

nav-right { 
  bottom: 3px;
  left: 0;
  font-size: 10px;
  font-weight: bold;
  color: #000000;
  text-align: right;
}

ul#nav-right {
  font-size: 13px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  background: none;
  list-style: none;
  line-height: 60px;
  text-align: right;
  letter-spacing: .1px;
  font-weight: 500;
}

ul#nav-right li {
  display: inline-block;
  position: relative;
  z-index: 8;
}

ul#nav-right li:hover {
  color: #000000;
  background:  transparent;
}

ul#nav-right li a {
  height: 40px;
  padding-left: 10px;
  text-transform: none;
  line-height: 60px;
  vertical-align: bottom;
}

ul#nav-right li a:hover {
  background:  transparent;
  color: #000000;
  text-decoration: underline;
}

ul#nav-right li a:current {
  text-decoration: none;
}

ul#nav-right li ul{
  display: none;
  float: right;
  position: absolute;
  top: 34;
  left: 0;
  z-index: 5;
  margin: 0;
  padding: 0;
  border: 1px solid #000000;
}

ul#nav-right li ul:before {
  content: '';
  display: block;
  position: absolute;
  left: 50%;
  border-width: 8px;  
  margin-left: -8px;
  bottom: 100%;
  width: 0;
  height: 0;
}

ul#nav-right li:hover ul{
  display: block;
  background:  transparent;
}

ul#nav-right li ul li{
  background: transparent;
  color: #000000;
  min-width: 150px;
  width: 100%:
   white-space: nowrap;
  float: right;
  text-align: right;
}

ul#nav-right li ul li:hover {
  background: transparent;
}

ul#nav-right li ul li a:hover {
  color: #000000;
  background:  transparent;
}

ul#nav-right li ul li a{
  text-align: right;
  padding-left: 10px;
  color: #000000;
  text-transform none! important;
}

.down {
  position: absolute;
  top: 0;
  right: 0;
  font-size: 10px;
  color: #000000;
}

.searchbox { 
  padding: 0;  
}

.searchbox form, .searchbox input {
  margin-bottom: -15px; 
}

.searchbox form #q {
  font-size: 13px;
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;    
  text-transform: none;
  border: 0;
  font-weight: 500;
  color: #000;
  text-indent: 5px;
  padding: 0;
  background: transparent;
  min-width: 100px;
  max-width: 100px;
  text-align: right;
  opacity: 1;
  letter-spacing: .1px;
}

.searchbox form #q:focus {
  border-left: 0;
  border-right: 0;
  border-top: 0;
  border-bottom: 1px solid #000;
  -moz-box-shadow: 0 0 0;
  -webkit-box-shadow: 0 0 0;
  box-shadow: 0 0 0;  
  text-align: left; 
}

.searchbox input::-webkit-input-placeholder {
  color: #000000;
}
.searchbox input::-moz-placeholder {
  color: #000000;
}
.searchbox input:-moz-placeholder {   /* Older versions of Firefox */
  color: #000000;
}
.searchbox input:-ms-input-placeholder { 
  color: #000000;
}

.select-items {
  position: absolute;
  background: #fff;
  top: 100%;
  left: 0;
  right: 0;
  z-index: 99;
}

#nav-border {
  background: #000000;
  height: 1px;
  margin-bottom: 22px;
}

select#currencies {
  width: auto! important;
  min-width: initial! important;
  border: 0! important;
  font-weight: none;
  color: #000000;
  background: transparent;
  font-size: 10px; 
  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
  margin-bottom: 0;
  height: none;
  -moz-appearance: none;
  padding-left: 10px;
}



/* = index.liquid ========================= */

h2 span { 
  background: #ffffff; 
}



#left-images img, #center-images img, #right-images img { 
  margin-bottom: 20px; 
}

#left-images img:hover, #center-images img:hover, #right-images img:hover { 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; 
  filter: alpha(opacity=80); 
  opacity: 0.8;
}

#left-images img.last, #center-images img.last, #right-images img.last { 
  margin-bottom: 0; 
}

#homepage-products h2, #homepage-collections h2, #follow-us h2 {
  color: ;
  overflow: visible;
  line-height: 17px;
  height: 9px;
  margin: 40px auto;
  text-align: center;
  width: 97.9166666666666667%;
  font-size: 14px;
}

#homepage-blog-top {
  margin: 0px auto;
  overflow: visible;
  line-height: 17px;
  text-align: left;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
}

#homepage-blog-top h2 {
  color: ;
  overflow: visible;
  line-height: 17px;
  text-align: center;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
}

#homepage-blog {
  margin: 0px auto;
  overflow: visible;
  line-height: 17px;
  text-align: left;
  width: 100%;
  font-size: 12px;
  text-transform: uppercase;
}

#homepage-blog h2 {
  color: ;
  overflow: visible;
  line-height: 17px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
}

#homepage-products span, #homepage-collections span, #homepage-blog span, #follow-us span {
  padding: 0 10px;
}

#promo-images { 
  margin-top: 20px; 
  margin-bottom: 20px; 
}

#promo-images-title {
  font-weight: bold;
  font-size: 50px;
  line-height: 40px;
  color: #000380;
  text-align: left;
  padding-bottom:30px;
  padding-top:10px;
  letter-spacing: -1px;
}

#promo-images-title a {
  font-weight: bold;
  font-size: 50px;
  line-height: 40px;
  color: #000380;
  text-align: left;
  letter-spacing: -1px;
}

#promo-images-title a:hover, #promo-images a:hover { 
  text-decoration: none;
}

#collection-loop h3 {
  margin: 10px 0;
  text-align: center;
}

ul#collection-loop {
  list-style-type: none; 
  float: left; 
}

ul#collection-loop li {
  float: left;
  display: inline;
}

ul#featured-posts {
  list-style-type: none; 
  float: left; 
  width: 100%; 
}

ul#featured-posts li { 
  float: left; 
  display: inline; 
  margin-bottom: 30px; 
}

ul#featured-posts-main {
  list-style-type: none;  
  width: 100%; 
}

ul#featured-posts-main li { 
  display: inline; 
  margin-bottom: 30px; 
}

ul#featured-posts-upcoming {
  list-style-type: none;  
  width: 100%; 
}

ul#featured-posts-upcoming li { 
  display: inline; 
  margin-bottom: 10px; 
}

#homepage-excerpt {
  font-weight: bold;
  font-size: 24px;
  line-height: 23px;
  padding: 0px 24px;
}

#homepage-excerpt a {
  color: #000380;
}

#homepage-excerpt a:visited {
  color: #000380;
}

#homepage-excerpt img{
  max-width: 100%;
}

#homepage-excerpt .tags a {
  margin-left: 0px;
}

#site-excerpt {
  font-weight: bold;
  font-size: 24px;
  line-height: 23px;
}

#site-excerpt a {
  color: #000380;
}

#site-excerpt a:visited {
  color: #000380;
}

#site-excerpt img{
  max-width: 100%;
}

#site-excerpt .tags a {
  margin-left: 0px;
}

#read-more {
  font-weight: none;
  text-transform: uppercase;
}

#read-more a{
  font-weight: none;
  color: #000380;
}

#read-more-frontpage {
  font-weight: none;
  text-align: center;
}

#read-more-frontpage a{
  font-weight: none;
  text-align: center;
}

.centered-text {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #000380;
}

.centered-text h14{
  color: #000380;
}

.image-container {
  position: relative;
  text-align: center;
}

.slider-replace-header {
  font-size: 100px;
  font-weight: 500;
  text-align: center;
  padding-top: 120px;
  padding-bottom: 20px;
  line-height: 100px;
}

.slider-replace-header a:hover {
  text-decoration: none;
}

.slider-replace-subhead {
  font-size: 60px;
  font-weight: 300;
  text-align: center;
  line-height: 60px;
}

.slider-replace-subhead a:hover {
  text-decoration: none;
}

.slider-replace-subhead-button {
  font-size: 25px;
  font-weight: 300;
  text-align: center;
  line-height: 25px;
  padding-bottom: 100px;
  padding-top: 50px;
}

.slider-replace-subhead-button a:hover {
  text-decoration: underline;
}


/* = collections . ========================= */

ul#collection-loop { 
  margin-top: 20px; 
}

#collection-description {
  letter-spacing: 0px;
  font-weight: bold;
}

.collection-branddescription {
  font-size: 13px;
  padding: 0px 25px 20px 25px;
  text-transform: uppercase;
}

.collection-branddescription p {
  font-size: 12px;
  line-height: 15px;
  text-transform: uppercase;
}

.collection-branddescription-message {
  padding: 50px 20px 20px 20px;
  text-align: left;
}

.collection-branddescription-message h8 {
  font-weight: normal;
  text-transform: uppercase;
}


#full-width-filter {
  overflow: hidden;
  margin-bottom: 20px;
}

#sidebar h4 {
  padding-bottom: 5px;
  margin-bottom: 5px;
  text-transform: uppercase;
}

#sidebar h6 {
  text-transform: uppercase;
}

#sidebar ul {
  list-style-type: none;
  margin-bottom: 20px; 
  line-height: 18px;
  letter-spacing: .3px;
  overflow-wrap: break-word;
}

#sidebar h1 {
  padding-bottom: 10px;
  font-weight: bold #000000;
}

#sidebar ul li a {
  font-size: 11px;
  text-decoration: none;
  text-transform: uppercase;
}

#sidebar ul li a.current {
  font-weight: 600;
  text-decoration: none;
}

#sidebar ul li a:hover { 
  text-decoration: underline;
}

#side-filter { 
  width: 100%; 
}

#side-filter p { 
  margin-bottom: 5px; 
}

#side-filter li { 
  margin-bottom: 10px; 
}

ul#sortme h4 { 
  font-size: 14px; 
}

#full-width-filter .filter { 
  float: left; 
  margin-right: 20px; 
}

#full-width-filter p { 
  margin-bottom: 5px;
}

.clearfix.filter { 
  display: block; 
  border: 0; 
  overflow: hidden; 
  max-width: 175px; 
}

ul#sortme li { 
}

ul#sortme p {  
}

.coll-filter {  
}

span.customSelect { 
  background:#fff url(//cdn.shopify.com/s/files/1/0068/9602/5659/t/10/assets/select.png?v=16587562331302386311) right center no-repeat;
  border:1px solid #000000;
  padding:7px 9px;
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px 2px;
  width:175px;
}

ul#product-loop { 
  list-style-type: none; 
  float: left; 
}

ul#product-loop-main { 
  list-style-type: none;
}

ul#product-loop li.product { 
  float: left; 
  display: inline; 
  
}

li.product { 
  
  position: relative; 
  margin-bottom: 20px;
}

li.product img { 
  margin: 0 auto; 
  display: block;
}

li.product img a { 
  border: 0; 
  display: block; 
}

li.product:hover.product img { 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 
  filter: alpha(opacity=100); 
  opacity: 1.0;
}

.first { 
  clear: left; 
}



#product-info {
  
  text-align: left;
  line-height: 15px;
  padding-top: 8px;
  display: block;
  padding-bottom: 10px;
}

#product-vendor-title {
  font-weight: bold;
  font-size: 20px;
  line-height: 20px;
}

#product-info p a:hover {
  text-decoration: underline;
}

.product-info-vendor {
  font-size: 11px;
  font-weight: bold;
  text-transform: uppercase;
}

.product-info-title {
  font-size: 11px;
  font-weight: normal;
}

.product-info-title h6 {
  font-size: 11px;
  font-weight: normal;
}

#product-info-front {
  text-align: center;
   padding-top: 18px;
}

#show-sizes {
  margin-top: 5px;
  margin-bottom: 10px;
}

#show-sizes span {
  background: transparent;
  padding: 0;
}

#show-sizes .size.options {
  text-align: center;
  list-style-type: none;
}

#show-sizes .size.options li {
  
  border: 2px solid #000;
  margin: 0 3px;
  
  position: relative;
  display: inline-block;
  min-width: 25px;
  height: 25px;
}

#show-sizes .crossed-out {
  top: 2px; 
  position:absolute; 
  width:15px; 
  height:15px; 
  left:-2px; 
  right:0; 
}

.price {
  font-weight: normal;
  font-size: 11px;
}

.prod-price {
  font-weight: none;
  font-size: inherit;
}

.was, .product-compare-price {
  font-size: 11px;
  text-decoration: line-through;
  color:grey;
}

.was {
  font-size: 11px;
  color: #000;
  display: inline;
  margin-left: 5px;
  color:grey;
}

.onsale {
   
  display: inline;
}

.prod-onsale {
}

.instagram {
  overflow:hidden; 
}

.new, .restock, .comingsoon, .so, .sold-out, .saleitem, .staffpick { 
  padding: 0px 0px; 
  position: absolute; 
  top: 5px; 
  left: 10px; 
  background-color: none;
  text-transform: uppercase; 
  text-align: center; 
  z-index: 2; 
  font-size: 10px; 
  font-weight: 500;
  letter-spacing: .5px; 
}

.new {
  color: #000;
}

.restock {
  color: #000;
}

.comingsoon {
  color: #000;
}

.sold-out {
  color: red;
}

.staffpick {
  color: #000380;
}

.saleitem {
  color: green;
}

.backto {
  margin-right: 10px;
  border-right: 1px solid #000;
  padding-right: 5px;
  font-size: 12px; 
  font-weight: bold; 
}

.prev-prod {
  margin-right: 10px;
  padding-right: 5px;
  border-right: 1px solid #000;
  font-size: 11px; 
  font-weight: bold; 
}

.next-prod {
  font-size: 11px; 
  font-weight: bold; 
}


/* = Product page . ========================= */

.add { 
  clear: left; 
}

#bigimage { 
  text-align: center; 
  max-width: 386px; 
}


/*set a border on the images to prevent shifting*/

.thumbnail { 
  border: 1px solid transparent; 
  margin-bottom: 10px;
  max-width: 7%;
}


/*Change the colour*/

.active img {
  border:1px solid #ccc !important;
}

#product-price { 
  font-size: 14px; 
  margin-bottom: 15px; 
}

#product-price .sold-out { 
  color: red; 
  font-size: 14px; 
  margin-bottom: 15px; 
}
#product-price .was { 
  font-size: 14px; 
  margin-bottom: 15px;
}

#add { 
  margin-top: 10px;
}

#product-description { 
  border-right: 0px solid #000000; 
  padding-right: 0px; 
}

#product-description form {
  padding-top: 0px; 
  margin-bottom: 0px;
}

.product-info {
  font-size: 11px;
  line-height: 13px;
}

#product-description h2 {
  font-size: 11px;
  margin-bottom: 1px;
  font-weight: 400;
}

#product-description h1 {
  margin-bottom: 0px;
  font-weight: 400;
}

#product-description h6 {
  margin-bottom: 3px;
  font-weight: 400;
}

#product-description h12 {
  text-transform: uppercase;
}

#subscribe_popup {
  padding: 20px;
  float: left;
}

#subscribe_popup p {
  font-weight: 500;
  text-transform: uppercase;
}

.facebook { 
  float: left; 
  margin-left: 10px;
  margin-right: 0px; 
}

.twitter { 
  float: left; 
  font-size: 10px;
}

.pinterest { 
  float: left; 
  margin-right: 10px;
}

.facebook_m { 
  text-align: center; 
  margin-left: 10px; 
  margin-right: 0px; 
}

.twitter_m { 
  text-align: center;
}

.pinterest_m {
  text-align: center; 
  margin-right: 10px;
}

#related h4 { 
  margin-bottom: 20px; 
}

ul.related-products { 
  list-style-type: none;
}

.related-products * {
  padding:0 
}

.related-products div.image {
}

.related-products img { 
  width: 100%; 
  max-width: 100%;
}

.related-products li { 
  float: left; 
  margin: 0 0 20px; 
}

#recently-viewed-products img { 
  width: 100%; 
  max-width: 100%;
  float: left; 
  margin: 0 0 20px; 
}

.related-products {
}

.add { 
  margin-top: 0px; 
  margin-bottom: 0; 
}

.ajaxified-cart-feedback { 
  margin: 0 0 20px; 
}

.ajaxified-cart-feedback.success { 
  font-size: 12px; 
  font-weight: bold; 
  color: #000; 
  padding-top: 20px;
}
.ajaxified-cart-feedback.success a { 
  font-size: 12px; 
  font-weight: bold; 
  color: #000; 
  text-decoration: none;
}

.ajaxified-cart-feedback.error { 
  font-size: 12px; 
  font-weight: bold; 
  color: #FF4136; 
  padding-top: 20px;
}

ul#popups { 
  list-style-type: none;
  padding-top: 20px;
}

ul#popups li { 
  text-decoration: none; 
  display: inline; 
  margin-right 10px; 
  #000000; 
  padding-right: 10px; 
  margin-left: 10px; 
  font-size: 11px; 
  font-weight: bold;
}

ul#popups li.first { 
  margin-left: 0; 
}

ul#popups li.last { 
  border-right: 0;
}

#shipping-info {
  font-size: 11px;
  line-height: 13px;
}

#social { 
  float: left; 
  width: 100%; 
  padding-top: 15px;
}

#related-products { 
  padding-top: 20px; 
}

#related-products h4 { 
  margin-bottom: 20px;
}

#recently-viewed { 
  padding-top: 20px; 
  
}

#recently-viewed h4 { 
  margin-bottom: 20px;
}

#featured-products { 
  padding-top: 20px; 
  
}

#featured-products h4 { 
  margin-bottom: 20px;
}

#onboard-blog { 
  padding-top: 20px; 
  border-top: 1px solid #000000;
}

#onboard-blog h4 { 
  margin-bottom: 20px;
}

div.what-is-it {
  margin-top: 10px;
}
.what-is-it label {
  float: left;
  margin-right: 10px;
}

.selector-wrapper {
  clear: left;
  margin-top: 10px;
  display: block;
}

.single-option-selector {
  margin-bottom: 10px;
  height: 30px;
  display: block;
  font-weight: 400;
  text-indent: .01px;
  text-overflow: "";
  background: transparent;
  border: 1px solid #000;
  outline: none;
  padding: 0px 30px;
  padding-left: 6px;
  padding-right: 0;
  border-radius: 0;
    -webkit-border-radius: 0;
    -ms-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
  min-height: 30px;
  background: transparent 100% no-repeat;
  background-size: auto auto;
  background-size: 16px;
  cursor: pointer;
}

.selector-wrapper label {
  margin: 5px 0;
  margin-top: 10px;
}




/* 
Swatches Styles
*/

.single-option-selector { 
  opacity: 0; 
  display: none;
}




.swatch { 
  margin: 0;  
  clear: left;
  float: left;
  width: 100%;
}


/* Label */

.swatch .header {
  margin: 0.5em 0;
}


/* Hide radio buttons.*/

.swatch input { 
  display:none;
}

.color label { 
  width: 40px! important; 
}

.swatch label {
  /* Rounded corners */
  -webkit-border-radius:0px;
  -moz-border-radius:0px;
  border-radius:0px;
  /* Cross-browser inline-block */
  display:-moz-inline-stack;
  display:inline-block;
  zoom:1;
  *display:inline;
  /* Content must stretch all the way to borders */
  padding:0;
  /* Background color */
  background-color: #fff;
  /* Spacing between buttons */
  margin:0px 5px 10px 0;
  margin-right: 0! important;
  margin-bottom: 0! important;
  /* Fake that those are buttons, i.e. clicky */
  cursor: pointer;
  /* The border when the button is not selected */
  border: #000 1px solid !important;
  /* To position the sold out graphic and tooltip */
  position:relative;
  /* Text styling */
  text-transform:uppercase;
  font-size: 11px;
  min-width: 50px !important; 
  height:30px !important;
  line-height:28px;
  white-space:nowrap;
  text-transform:uppercase;
  text-align: center;
  font-weight: 400;
}
.swatch-element label { padding:0 10px; }
.color.swatch-element label { padding:0; }


/* Styling selected swatch */
/* Slightly raised */


.swatch input:checked + label {
  background: #000380;
  color: #fff;
} 

.swatch label:hover {
  background: #000380;
  color: #fff;
} 

.swatch .swatch-element {
  float:left;
  -webkit-transform:translateZ(0); /* webkit flicker fix */
  -webkit-font-smoothing:antialiased; /* webkit text rendering fix */
  /* Spacing between buttons */
  margin:0px 10px 10px 0;
  
  
  /* To position the sold out graphic and tooltip */
  
  position:relative;
}

/* Image with the cross in it */


.crossed-out {
  position:absolute;
  width:100%;
  height:100%;
  left:0;
  top:0;
}

.swatch .swatch-element .crossed-out { 
  display:none;
}

.swatch .swatch-element.soldout .crossed-out { 
  display:block; 
}

.swatch .swatch-element.soldout label {
  filter: alpha(opacity=20); /* internet explorer */
  -khtml-opacity: 0.2;      /* khtml, old safari */
  -moz-opacity: 0.2;       /* mozilla, netscape */
  opacity: 0.2;           /* fx, safari, opera */
}

.swatch .swatch-element.soldout label:hover {
  background: #fff;
  color: #000;
  cursor: not-allowed;
} 


/* Tooltips */

.swatch .tooltip {
  text-align:center;
  background:gray;
  color:#fff;
  bottom:100%;
  padding: 10px;
  display:block;
  position:absolute;
  width:100px;
  left:-33px;
  margin-bottom:15px;
  /* Make it invisible by default */
  filter:alpha(opacity=0);
  -khtml-opacity: 0;
  -moz-opacity: 0;
  opacity:0;
  visibility:hidden;
  /* Animations */
  -webkit-transform: translateY(10px);
  -moz-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
  -webkit-transition: all .25s ease-out;
  -moz-transition: all .25s ease-out;
  -ms-transition: all .25s ease-out;
  -o-transition: all .25s ease-out;
  transition: all .25s ease-out;
  -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -ms-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.28);
  z-index: 10000;
  -moz-box-sizing:border-box; 
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
}
.swatch .tooltip:before {
  bottom:-20px;
  content:" ";
  display:block;
  height:20px;
  left:0;
  position:absolute;
  width:100%;
}
/* CSS triangle */
.swatch .tooltip:after {
  border-left:solid transparent 10px;
  border-right:solid transparent 10px;
  border-top:solid gray 10px;
  bottom:-10px;
  content:" ";
  height:0;
  left:50%;
  margin-left:-13px;
  position:absolute;
  width:0;
}
.swatch .swatch-element:hover .tooltip {
  filter:alpha(opacity=100);
  -khtml-opacity:1;
  -moz-opacity:1;
  opacity:1;
  visibility:visible;
  -webkit-transform:translateY(0px);
  -moz-transform:translateY(0px);
  -ms-transform:translateY(0px);
  -o-transform:translateY(0px);
  transform:translateY(0px);
}
.swatch.error {
  background-color:#E8D2D2!important;
  color:#333!important;
  padding:1em;
  border-radius:5px;
}
.swatch.error p {
  margin:0.7em 0;
}
.swatch.error p:first-child {
  margin-top:0;
}
.swatch.error p:last-child {
  margin-bottom:0;
}
.swatch.error code {
  font-family:monospace;
}



.desc {
  padding-top: 20px;
}



/* = Cart . ========================= */

#cartform { 
  margin-top: 20px; 
  font-size: 11px;
}
#cartform th { 
  font-weight: bold;
  font-size: 12px;
  padding: 5px;
}

.cart-item { 
  display: table-cell;
}

.cart-image { 
  display: inline-block; 
  margin-right: 10px; 
}

.cart-image img { 
  vertical-align: middle;
} 

.cart-title { 
  display: inline-block;
  vertical-align: middle;
}

.cart-buttons {
  padding-bottom: 15px;
}

.homepage-buttons-each {
  padding-top:15px;
  text-align: center;
}

.cart-buttons-each {
  padding-top:15px;
}

table { 
  width: 100%; 
  border-collapse: collapse; 
}


/* Zebra striping */

tr:nth-of-type(odd) { 
}

th { 
  background: #fff; 
  font-weight: normal; 
}

td, th { 
  padding: 10px; 
  border: 1px solid #000; 
  text-align: left; 
}

#basket-right { 
  text-align: right; 
  float: right; 
}

#basket-right h4 { 
  margin: 20px 0; 
}

#note { 
  background: transparent;
}

#cart-notes { 
  margin-top: 20px; 
  margin-bottom: 20px;
}



/* = Blogs & Pages . ========================= */


#blog-grid {
  overflow: visible;
  line-height: 17px;
  text-align: left;
  width: 100%;
  font-size: 11px;
  text-transform: uppercase;
}

#blog-grid h2 {
  color: ;
  overflow: visible;
  line-height: 17px;
  text-align: center;
  width: 100%;
  font-size: 14px;
  text-transform: uppercase;
}

#blog-grid span {
  padding: 0 10px;
}

ul#blog-articles { 
  list-style-type: none;
}

#blog-grid-excerpt {
  font-weight: none;
  font-size: 11px; 
}

#blog-grid-excerpt .tags a {
  margin-left: 0px;
}

#article-body { 
  text-align: left;
}

#article-body h1 {
  margin-bottom: 0px;
}

.single-article { 
  display: block; 
  margin-bottom: 20px; 
  padding-bottom: 30px; 
  text-align: left; 
  clear: left;
}

.single-article h1 {
  margin-bottom: 0px;
}

.article-image { 
  margin-bottom: 12px; 
  margin-top: 14px; 
}

.article-image2:hover { 
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; 
  filter: alpha(opacity=70); 
  opacity: 0.7;
}

.article-desc-page { 
  font-weight: none; 
  font-size:11px;  
  margin-top: 8px; 
  text-align: left; 
}

.article-desc { 
  font-size:11px; 
  margin-top: 25px; 
}

.article-desc td { 
  border: none;
}

.article-social { 
  font-weight: bold;
  font-size:13px;
}

ul#posts { 
  list-style: none; 
}

ul#posts li { 
  margin-bottom: 20px; 
  padding-bottom: 0;
}

ul#posts li p { 
  margin-top: 0;
}

ul#posts li.tags { 
  padding-bottom: 10px; 
}

#comments { 
  clear: left; 
  float: left; 
  border-top: 1px solid #000000; 
  padding-top: 20px; 
  margin-top: 20px; 
  width: 100%; 
}

#comment-form { 
  clear: left; 
  float: left; 
}

#comments ul { 
  margin-top: 20px; 
  list-style-type: none;
}

#comments ul li { 
  float: left; 
  display: block; 
  width: 100%; 
  margin: 0 0 20px 0; 
  border-bottom: 1px solid #000000; 
  padding-bottom: 20px;
}

.comment-details { 
  margin-bottom: 10px;
}

.gravatar { 
  float: left;
  margin-right: 20px;
}

.comment { 
  float: left;
}

.comment p { 
  margin-top: 0;
}

dd { 
  margin-left: 0;
}

.notice { 
  border: 1px dashed #eee; 
  padding: 5px; 
  background: ghostwhite; 
  margin: 20px 0;
}

#page {
  font-weight: normal;
  font-size: 11px;
  padding-bottom: 40px;
}

#locations-text-left {
  margin-top: 40px; 
  margin-bottom: 30px; 
  min-height: 250px;
  font-size: 50px;
  line-height: 55px;
  font-weight: 300;
}

#locations-text-right {
  margin-top: 40px; 
  margin-bottom: 30px; 
  min-height: 250px;
  font-size: 36px;
  line-height: 50px;
  font-weight: 300;
}

#locations-images {
  margin-bottom: 30px; 
}

#locations-text-left-bottom {
  margin-top: 40px; 
  margin-bottom: 30px; 
  min-height: 250px;
  font-size: 26px;
  line-height: 40px;
  font-weight: 300;
}

#locations-text-right-bottom {
  margin-top: 40px; 
  margin-bottom: 30px; 
  min-height: 250px;
  font-size: 30px;
  line-height: 42px;
  font-weight: 300;
}


/* = Search . ========================= */

#search-bar { 
}

#search-bar form { 
  margin-bottom: 0px;
}

#top-search { 
  text-transform: uppercase; 
  color: #000;
  background: transparent;
  border: none;
  font-size: 13px;
  padding: 0px;
  line-height: 18px;
  min-width: 70px;
  max-width: 70px;
  font-weight: 500;
  letter-spacing: .2px;
}

#q { 
  text-transform: uppercase; 
  color: #000;
}



/* = Customer Accounts . ========================= */

#customer-wrapper { 
  float: left; 
  margin-bottom: 40px;
  margin-top: 40px;
  font-size: 14px;
}

#customer-wrapper p { 
  margin-top: 0! important; 
  margin-bottom: 0! important;
  font-size: 14px;
}

#forgot_password { 
  margin-top: 15px;
}

#customer-wrapper form { 
  margin-top: 20px;
}
#create-customer, #customer {
  margin-top: 40px;
  text-align:center;
}

.login {
  font-weight: normal;
  padding-bottom: 5px;
}

#admin_header { 
  margin-bottom: 30px; 
}

.template_header { 
  margin-bottom: 40px; 
}

.view_address p { 
  margin: 0; 
}

#customer_detail p { 
  margin: 0; 
}

#customer_sidebar, #customer_orders {
  padding-top: 0px;
}

.address_table { 
  margin-bottom: 20px;
}

#order_address {
  clear: both;
  float: left;
  width: 100%;
  margin-bottom: 20px;
}

#order_details { 
  float: left;
}

div#recover-password {
  margin-top: 40px;
  text-align:center;
}

.reset_note {
  padding-top:8px;
}

.action_link {
  display: inline-block;
  margin-bottom: 10px;
}

.action_edit {
  padding: 0 10px;
  border-left: 1px solid #000000;
  border-right: 1px solid #000000;
  margin: 0 10px;
}

a#view_address {
  display: block;
  margin-top: 10px;
}

.center { 
  text-align: center;
}



/* = Footer . ========================= */


#footer { 
  background-color: none;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: 0px;
  text-transform: uppercase;
  padding-bottom: 12px;
  padding-top: 20px;
}

#footer ul { 
  list-style-type: none;
  color: #000000;
  display: inline-block;
  
}

#footer li { 
  display: inline-block;
  color: #000000;
}

#footer li a { 
  list-style-type: none;
  color: #000000;
  padding-left: 15px;
}

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

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

.icons { 
  clear: left;
}

li.icons a {
  color: #000000;
  background: #ffffff;
  font-size: 18px;
  width: 40px;
  display: inline-block;
  text-align: center;
  line-height: 40px;
  margin: 0 5px 5px 0;
  float: left;
}

}

#payment {
    border-top: 1px solid #000;
    font-weight: bold;
    margin-top: 20px;
}

#join {
  font-weight: bold; 
  margin-top: 5px;
}


/* = Mobile Hides . ========================= */

#mobile-product { 
  display: none; 
}


/* = Global . ========================= */


#pagination {
  text-align: center; 
  margin-top: 0px; 
  padding-top: 0px;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 18px;
  padding-bottom: 20px;
}

#pagination a { 
  font-weight: bold; 
  padding: 5px;
}

#pagination a:hover { 
  text-decoration: underline;
}

#pagination .current { 
  background: transparent; 
  padding: 5px; 
  text-decoration: underline; 
  font-weight: bold;
}

#pagination .count { 
  margin-right: 20px; 
}

#pagination-border {
  margin-top: 20px;
  margin-bottom: 20px;
}

#breadcrumb { 
  font-size: 11px;
  font-weight: bold;
  margin-bottom: 20px; 
  width: 100%; 
}

#breadcrumb a { 
  font-size: 11px;
  font-weight: bold;
  padding: 0 5px 0 0;
}

#breadcrumb p { 
  padding: 0 5px 0 0;
}

.separator { 
  padding-right: 5px;
}


/*  Shifter v3.1.2 - 2014-10-28 ========================= */


.shifter-open {
  overflow: hidden;
}

.shifter-open .shifter-page *, .shifter-open .shifter-header * {
  pointer-events: none;
}

.shifter-navigation {
  display: none;
  opacity: 0;
}

.shifter-handle {
  display: none;
}

.shifter-enabled .shifter-page {
  position: relative;
  z-index: 1;
  background: #ffffff;
  box-shadow: 0 0 0 0;
  display: block;
  overflow: hidden;
}

.shifter-enabled.shifter-left .shifter-page {
  box-shadow: 0 0 0 0;
}

.shifter-enabled .shifter-navigation {
  width: 200px;
  height: 100%;
  position: fixed;
  top: 120px;
  left: 0;
  z-index: 0;
  background: #fff;
  display: block;
  overflow: auto;
  pointer-events: none;
  -webkit-transition: opacity 0.001s linear 0.2s, -webkit-transform 0.2s ease;
  transition: opacity 0.001s linear 0.2s, transform 0.2s ease;
  font-size: 13px;
  font-weight: 500;
  letter-spacing: .2px;
}


.shifter-enabled .shifter-page, .shifter-enabled .shifter-header, .shifter-enabled .shifter-navigation {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}

.shifter-enabled .shifter-page, .shifter-enabled .shifter-header {
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -webkit-transition: -webkit-transform 0.2s ease;
  transition: transform 0.2s ease;
}

.shifter-enabled .shifter-handle {
  width: 40px;
  height: 40px;
  position: fixed;
  top: 10px;
  left: 10px;
  cursor: pointer;
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.shifter-enabled .shifter-handle:after {
  height: 2px;
  width: 20px;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: #000;
  box-shadow: 0 5px 0 #000, 0 -5px 0 #000;
  content: '';
  display: block;
  margin: auto;
}

.shifter-enabled .shifter-navigation {
  right: 0;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
}

.shifter-open .shifter-page,
.shifter-open .shifter-header {
  -webkit-transform: translate3D(200px, 0, 0);
  -ms-transform: translate3D(200px, 0, 0);
  transform: translate3D(200px, 0, 0);
}

.shifter-enabled.shifter-left .shifter-navigation {
  left: 0;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
}

.shifter-enabled.shifter-left.shifter-open .shifter-page,
.shifter-enabled.shifter-left.shifter-open .shifter-header {
  -webkit-transform: translate3D(-200px, 0, 0);
  -ms-transform: translate3D(-200px, 0, 0);
  transform: translate3D(-200px, 0, 0);
}

.shifter-open .shifter-navigation {
  opacity: 1;
  pointer-events: all;
  -webkit-transform: translate3D(0, 0, 0);
  -ms-transform: translate3D(0, 0, 0);
  transform: translate3D(0, 0, 0);
  -webkit-transition: opacity 0.001s linear 0s, -webkit-transform 0.2s ease;
  transition: opacity 0.001s linear 0s, transform 0.2s ease;
}

.no-csstransforms3d .shifter-enabled.shifter-navigation {
  right: 200px;
}

.no-csstransforms3d .shifter-enabled.shifter-left .shifter-navigation {
  left: 200px;
}

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-page {
  left: 200px;
}

.no-csstransforms3d .shifter-enabled.shifter-open .shifter-navigation {
  left: 0;
}

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-page {
  right: auto;
  left: 200px;
}

.no-csstransforms3d .shifter-enabled.shifter-left.shifter-open .shifter-navigation {
  right: 0;
}

nav.shifter-navigation {
  padding: 0 20px;
}

.shifter-navigation ul {
  margin-left: 10px;
  list-style: none;
  margin-bottom: 0;
}

nav.shifter-navigation {
  list-style: none;
}

.shifter-navigation li {
  
}

.shifter-navigation li a { 
  color: ;
}

.shifter-navigation li ul li { 
  border-bottom: 0 none;
  padding: 5px 0;
}

.shifter-navigation li ul li a { 
  font-weight: normal;
  color: #000000;
}

.shifter-navigation a:hover {
  color: #000000;
} 

.mobile-nav_more {
  padding-top: 15px;
}




/* Password Page . ========================= */

body.password { 
  background: #ffffff;  background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  
}

body.password #logo { 
  margin-top: 200px;
  text-align: center;
}

body.password #logo h1 a {
  
}

#countdown-clock {
  text-align: center;
  color: #fff;
  font-weight: 400;
}

#countdown-clock p {
  text-align: center;
  font-size: 26px;
}

#password-message { 
  margin-bottom: 30px;
}

.password-page { 
  min-height: 100vh; 
  background-color: #000380; 
}

.password-page img { 
  margin: 10px; 
}

#signup-wrap { 
  padding: 30px;
  border-radius: 3px;
  color: #fff;
}

#signup-holder { 
  margin-top: 20px;
}

#password-signup {
  margin-bottom: 40px;
}

#password-email {
  width: 100%;
  text-transform: uppercase;
  
  text-align:center;
}

.pass-page-message {
  font-size: 13px;
  font-family: Helvetica;
  line-height: 20px;
  text-align:center;
  padding-bottom: 10px;
}

#password-subscribe {
  width: 100%;
  margin-top: 0;
  text-transform: uppercase;
  min-width: initial;
}


body.password p.success {
  text-align: center;
}

ul#password-icons {
  text-align: center;
}

ul#password-icons li { 
  display: inline-block; 
  margin: 0 5px;
}

ul#password-icons li a {
  color: #fff;
}

body.password form#login_form {
  padding: 15px 20px;
}

/* slideout . ========================= */

.slideout-toggle.open_password {
  position: fixed;
  top: 20px! important;
  right: 20px! important;
  z-index: 2;
  cursor: pointer;
  color: #fff;
}

.slideout {
  position: fixed;
  top: 0! important;
  right: -320px;
  width: 320px;
  background-color: #fff;
  z-index: 300;
  color: #000;
}

.slideout input, .slideout submit {
    width: 100%;
}

.slideout label {
  margin-bottom: 30px;
}

.closeslide {
  float: right;
  width: 44px;
  padding: 15px 15px 11px 15px;
  cursor: pointer;
  font-size: 20px;
}

.closeslide i.icon-angle-right { 
  margin-right: -3px; 
}

.pass-foot {
  width: 100%;
  position: fixed;
  bottom: 10px;
  text-align: center;
}

.pass-foot a {
  font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", Calibri, sans-serif;
  font-style: italic;
  font-size: 16px;
  font-weight: 600;
  
}

.search-content { 
  text-align: center; 
  padding: 20px;
}

li.product:hover > .search-content { 
  opacity: 0.1; 
}


/* Reveal module. ========================= */

.reveal .hidden { 
  display: block !important; 
  visibility: visible !important;
}

.product:hover .reveal img { 
  opacity: 1; 
}

.reveal { 
  position: relative; 
}

.reveal .hidden { 
  position: absolute; 
  z-index: -1;
  top: 0; 
  width: 100%; 
  height: 100%;  
  opacity: 0;
  -webkit-transition: opacity 0.3s ease-in-out;
  -moz-transition: opacity 0.3s ease-in-out;
  -o-transition: opacity 0.3s ease-in-out;
  transition: opacity 0.3s ease-in-out;  
}

.reveal:hover .hidden { 
  z-index: 100000;
  opacity: 1;    
}

.reveal .caption {
  position: absolute;
  top: 0;  
  display: table;
  width: 100%;
  height: 100%;
  background-color: white; /* fallback for IE8 */
  background-color: rgba(255, 255, 255, 0.7);
  font: 13px/1.6 sans-serif;
  text-transform: uppercase;
  color: #333;
  text-align: center;
  text-rendering: optimizeLegibility;
}

.reveal .hidden .caption .centered {
  display: table-cell;
  vertical-align: middle;
}

@media (min-width: 480px) and (max-width: 979px) {
  .reveal .caption { 
    font-size: 11px; 
  }
}

#brand-list {
  display: inline;
  font-size: 16px;
  list-style-type: none;
  text-align: left;
  
}

#brand-list ul {
  list-style-type: none;
  line-height: 28px;
}

#vendor-letter {
  padding-top: 30px;
  font-weight: bold;
  font-size: 18px;
}

#vendor-name-list {
  list-style-type: none;
}

#flexcontainer {
   display: -webkit-flex;
   display: flex;
   align-items: center;
   justify-content: center;
   flex-flow: column wrap;
   align-content: stretch;
}


.vendor-list {
  padding-top: 30px;
  font-weight: 400;
  font-size: 18px;
  line-height: 20px;
  list-style-type: none;
}

.tags {
  font-weight: bold;
  text-align: left;
  list-style-type: none;
  font-size:12px;
  display: block;
  text-transform: uppercase;
}

.tags a {
  text-decoration: none;
}

#sidebar-tags {
  border: none;
}

#sidebar-blogs .tags a {
  text-decoration: none;
  font-size: 13px;
}

#sidebar-blogs .tags a:hover {
  text-decoration: underline;
}


/*Barchart . ========================= */

#inventory{
    width:50%;
    font-weight: bold;
}

.filler{
	background:#000;
}

.inventory-item{
	margin-bottom:10px;
}

.inventory-bar{
	background:#e1e1e1;
	height:20px;
	width:100%;
}


/*tickets product . ========================= */

#variant-inventory{
    font-weight: bold;
    margin-top:10px;
}

.coming-soon {
  font-size: 11px;
  margin-top: 8px;
  line-height: 12px;
  color:red;
}

.in-store-only {
  font-size: 18px;
  margin-top: 60px;
}

.header-label {
  font-size: 12px;
  font-weight: 200;
}


/* HIDE ON MOBILE ========================= */

@media screen and ( max-width: 740px ) {
  ul#nav-left { 
    display: none; 
  }
  
  #signup-holder { 
    margin-top: 20px; 
    text-align: center;
  }
  
}

ul#product-loop-front {
  list-style: none;
  padding-bottom: 20px;
}


/* COOKIES POP UP ========================= */



.cc-window .cc-banner .cc-type-info .cc-theme-block .cc-bottom .cc-color-override-1114178396  {
  background: #000380;
}

.cc-message {
  font:12px Helvetica,Arial,sans-serif;
  color: #fff;
}

.cc-compliance {
  font:12px Helvetica,Arial,sans-serif;
  color: #fff;
}


/* MAILCHIMP ========================= */

#newsletter-wrap {
  padding-bottom: 10px;
  padding-top: 10px;
  text-align: center;
}

#newsletter-widget {
  background: #fff; 
  padding: 20px;
  clear: left;
  font: 12px Helvetica,Arial,sans-serif; 
  width: 100%;
  color: #000;
}

.mc_email_title {
  font: Helvetica,Arial,sans-serif; 
  font-size:65px; 
  font-weight:500;
}

#mc_embed_signup input.email {
  font-size: 12px !important;
  border: 1px #000 solid !important;
  color: #000 !important;
  -webkit-border-radius: 0px !important;
  -moz-border-radius: 0px !important;
  border-radius: 0px !important;
  padding: 0px 14px !important;
}
  
#mc_embed_signup .button {
    font-size: 12px !important;
    border: none !important;
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    letter-spacing: .03em;
    color: #fff;
    background-color: #000380 !important;
    box-sizing: border-box;
    height: 32px;
    line-height: 32px;
    padding: 0 18px;
    display: inline-block;
    margin: 0;
}

#mc_embed_signup .button:hover {
    background: #00055B !important;
}


/* MISC MISC ========================= */


.content-accordian {
  padding-top: 15px;
  padding-bottom: 15px;
  font-size: 11px;
}

.content-accordian li{
}

.shopping-cart-message {
  padding-top: 100px;
  padding-bottom: 80px;
  text-align: center;
}

.shopping-cart-message-continue {
  padding-bottom: 100px;
  text-align: center;
}

.shopping-cart-message h8 {
  font-weight: normal;
  text-transform: uppercase;
}

#product-photos {
  padding-bottom: 20px;
}

.editorialcrop img {
  object-fit: cover;
}

#dynamic-checkout-cart {
  text-align: right;
  float:right;
}

#shipping_sweetecom {
  padding-top: 10px;
  text-align: left;
  text-transform: uppercase;
  font-size: 10px;
}

.shipping_widget_title {
  text-transform: uppercase;
  font-size: 12px;
}

.shipping_subtitle {
  text-transform: uppercase;
  font-size: 12px;
}

.shipping_error-text {
  text-transform: uppercase;
  font-size: 12px;
}

.shipping_widget {
  border: none;
  box-sizing: border-box;
  margin: auto;
  padding: none;
  position: relative;
  text-align: left;
  width: 100%;
}

.ddr_embed_header {
  padding-top: 40px;
  line-height: 14px;
}

.ddr_embed_subheader {
  padding-top: 10px;
  line-height: 14px;
}

#ddr_embed_text {
  padding-top: 10px;
  line-height: 14px;
}

.instant-brand-letter {
  font-size: 28px;
  padding: 10px;
  text-decoration: none;
  color: #000380;
  font-weight: 400;
}

.instant-brand-letter a {
  text-decoration: none;
}

.instant-brand-letter a:hover {
  color: #000380;
}

.instant-brand-page-az {
  text-decoration: none;
}

#blog-upcoming {
  font-size: 30px;
  line-height: 35px;
  padding-top: 40px;
}

.member-note {
  font-size: 14px;
  text-transform: uppercase;
}