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: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

.clearfix, section#cart-nav ul li {
  zoom: 1;
}
.clearfix:before, section#cart-nav ul li:before, .clearfix:after, section#cart-nav ul li:after {
  content: "\00 20";
  display: block;
  height: 0;
  overflow: hidden;
}
.clearfix:after, section#cart-nav ul li:after {
  clear: both;
}

@font-face {
  font-family: "icons";
  src: url("fonts/icons/icons.eot");
  src: url("fonts/icons/icons.eot?#iefix") format("embedded-opentype"), url("fonts/icons/icons.woff") format("woff"), url("fonts/icons/icons.ttf") format("truetype"), url("fonts/icons.svg#icons") format("svg");
  font-weight: normal;
  font-style: normal;
}

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

html {
  font-size: 16px;
}

body {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  text-align: center;
  padding-top: 2.75em;
  color: #4b4b4b;
  background: white;
}

h1, h2, h3, h4, h5 {
  font-family: "Josefin Slab", serif;
  font-weight: 600;
  font-size: 1.375em;
  color: #04274b;
}

a {
  text-decoration: none;
  color: #04274b;
}

img {
  max-width: 100%;
}

header#main-header {
  width: 100%;
}
header#main-header h1 {
  padding-top: 0.625em;
  margin-bottom: 0.625em;
}
a#btn-languages img {
  margin: 0 4px 5px 15px;
}
#btn-languages span.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin: 5px 5px 15px -6px;
  vertical-align: middle;
  border-top: 5px solid;
  border-right: 5px solid transparent;
  border-left: 5px solid transparent;
}

.jPanelMenu-panel {
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-box-shadow: -3px 0px 10px 1px rgba(0, 0, 0, 0.5);
  -moz-box-shadow: -3px 0px 10px 1px rgba(0, 0, 0, 0.5);
  box-shadow: -3px 0px 10px 1px rgba(0, 0, 0, 0.5);
  -webkit-transition-property: left;
  -moz-transition-property: left;
  -o-transition-property: left;
  transition-property: left;
  -webkit-transition-duration: 200ms;
  -moz-transition-duration: 200ms;
  -o-transition-duration: 200ms;
  transition-duration: 200ms;
}

#main {
  clear: both;
}

nav#main-nav {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 0;
  right: 0;
  height: 2.5em;
  padding-top: 0.25em;
  width: 100%;
  background-color: #f2f4f6;
  border-bottom: 1px solid rgba(4, 39, 75, 0.2);
  -webkit-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px 10px 2px rgba(0, 0, 0, 0.2);
}
nav#main-nav > ul {
  float: right;
  margin-right: 0.41667em;
  position: relative;
  font-size: 1.5em;
  line-height: 1.83333em;
}
nav#main-nav > ul li {
  float: left;
}
nav#main-nav > ul li a {
  padding: 0.33333em;
  color: #04274b;
  text-shadow: 0 1px 1px white;
}
nav#main-nav > ul li .cart-count {
  position: absolute;
  right: 3px;
  top: 1px;
  background-color: white;
  border: 1px solid #04274b;
  border-radius: 12px;
  color: #04274b;
  font-size: 11px;
  line-height: 15px;
  height: 15px;
  text-align: center;
  width: 15px;
  font-weight: 600;
  text-shadow: none;
}
nav#main-nav a#main-nav-btn {
  float: left;
  font-size: 1.125em;
  padding: 0.5em 1.5em;
  color: white;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF2F4F6', endColorstr='#FFB6C1CC');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f2f4f6), color-stop(100%, #d4dbe1));
  background: -webkit-linear-gradient(#f2f4f6, #d4dbe1);
  background: -moz-linear-gradient(#f2f4f6, #d4dbe1);
  background: -o-linear-gradient(#f2f4f6, #d4dbe1);
  background: linear-gradient(#f2f4f6, #d4dbe1);
  -webkit-box-shadow: white 0 1px 0 inset;
  -moz-box-shadow: white 0 1px 0 inset;
  box-shadow: white 0 1px 0 inset;
  border: 1px solid #c5ced7;
  text-shadow: #a4b2c0 0 -1px 0;
  padding: 0 0.55556em;
  color: #04274b;
  line-height: 1.77778em;
  margin-left: 0.25em;
  font-weight: 400;
}
nav#main-nav a#main-nav-btn:hover {
  text-decoration: none;
}
nav#main-nav a#main-nav-btn:hover {
  background-color: #c5ced7;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e3e7ec), color-stop(100%, #c5ced7));
  background: -webkit-linear-gradient(#e3e7ec, #c5ced7);
  background: -moz-linear-gradient(#e3e7ec, #c5ced7);
  background: -o-linear-gradient(#e3e7ec, #c5ced7);
  background: linear-gradient(#e3e7ec, #c5ced7);
}
nav#main-nav a#main-nav-btn:active {
  -webkit-box-shadow: #bcc6d0 0 1px 2px inset;
  -moz-box-shadow: #bcc6d0 0 1px 2px inset;
  box-shadow: #bcc6d0 0 1px 2px inset;
}
nav#main-nav a#main-nav-btn.disabled, nav#main-nav a#main-nav-btn[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #d4dbe1;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
nav#main-nav a#main-nav-btn::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}
nav#main-nav a#main-nav-btn span {
  font-size: 1.44444em;
  float: left;
  padding-top: 0.07692em;
}
nav#main-nav a#main-nav-btn.down {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0.2em 0.4em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0.2em 0.4em inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0.2em 0.4em inset;
  border: solid 1px rgba(0, 0, 0, 0.5);
}
nav#main-nav a#main-nav-btn.down:active {
  -webkit-box-shadow: rgba(0, 0, 0, 0.5) 0 0.2em 0.4em inset;
  -moz-box-shadow: rgba(0, 0, 0, 0.5) 0 0.2em 0.4em inset;
  box-shadow: rgba(0, 0, 0, 0.5) 0 0.2em 0.4em inset;
}

.popover {
  position: absolute;
  margin-top: 3.4375em;
  right: 0.9375em;
  left: 0.9375em;
  padding: 0.5em 0.625em;
  color: white;
  text-align: center;
  text-shadow: 1px 1px 1px black;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #4b4b4b), color-stop(100%, #353535));
  background: -webkit-linear-gradient(top, #4b4b4b, #353535);
  background: -moz-linear-gradient(top, #4b4b4b, #353535);
  background: -o-linear-gradient(top, #4b4b4b, #353535);
  background: linear-gradient(top, #4b4b4b, #353535);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 3px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: 2px 3px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 2px 3px 1px 1px rgba(0, 0, 0, 0.2);
}
.popover .arrow-up {
  position: absolute;
  top: -1em;
  width: 0;
  height: 0;
  border-left: 1em solid transparent;
  border-right: 1em solid transparent;
  border-bottom: 1em solid #4b4b4b;
}

section#search-nav .arrow-up {
  right: 5em;
}
section#search-nav input[type=search] {
  -webkit-appearance: textfield;
  width: 100%;
  font-size: 1.125em;
  line-height: 1.66667em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  border: 1px solid black;
  -webkit-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  -moz-box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 1px 1px 1px rgba(0, 0, 0, 0.2);
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
section#languages-nav .arrow-up {
  right: 6.8em;
}

section#user-nav {
  padding: 1.25em;
}
section#user-nav .arrow-up {
  right: 2.4375em;
}
section#user-nav ul {
  display: inline;
}
section#user-nav ul li  {
  display: inline;
}
section#languages-nav ul li {
  display: inline-block;
  padding: 0.5em;
}
section#user-nav ul li a,
section#languages-nav ul li a  {
  color: white;
  font-size: 1.25em;
  padding: 0 0.5em;
}

section#cart-nav {
  -webkit-border-radius: 5px 0 5px 5px;
  -moz-border-radius: 5px 0 5px 5px;
  -ms-border-radius: 5px 0 5px 5px;
  -o-border-radius: 5px 0 5px 5px;
  border-radius: 5px 0 5px 5px;
}
section#cart-nav .arrow-up {
  right: 0;
}
section#cart-nav p.empty {
  padding: 0.83333em;
  color: white;
}
section#cart-nav h3 {
  padding-bottom: 0.27778em;
  margin-bottom: 0.27778em;
  border-bottom: 1px solid rgba(4, 39, 75, 0.9);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
  color: white;
}
section#cart-nav ul {
  max-height: 12.5em;
  overflow: scroll;
  margin-bottom: 0.625em;
}
section#cart-nav ul li {
  clear: both;
  padding-bottom: 0.55556em;
  margin-bottom: 0.55556em;
  border-bottom: 1px solid rgba(4, 39, 75, 0.9);
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
  -moz-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.3);
}
section#cart-nav ul li a {
  float: left;
  margin-right: 0.55556em;
}
section#cart-nav ul li img {
  max-height: 4.44444em;
}
section#cart-nav ul li p {
  color: white;
  text-align: left;
}
section#cart-nav ul li p span {
  display: block;
  padding-bottom: 0.55556em;
}
section#cart-nav ul li .cart-name {
  font-weight: 600;
}
section#cart-nav ul li .cart-quantity {
  color: white;
}
section#cart-nav ul li .cart-value {
  font-weight: 400;
}
section#cart-nav .primary-btn {
  padding: 1em 0;
  width: 100%;
}

.overthrow-enabled .overthrow {
  overflow: auto;
  -webkit-overflow-scrolling: touch;
}

.overthrow-enabled.main-menu {
  height: 100%;
}

aside.main-menu {
  background: #364c63;
  -webkit-transform: translate3d(0, 0, 0);
  text-align: left;
  padding: 2.75em 0;
  border-right: 1px solid #021222;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.5);
  height: 100%;
}
aside.main-menu h4 {
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  font-size: 0.875em;
  font-family: "Open Sans", sans-serif;
  font-weight: 600;
  padding: 0.71429em 1.07143em 0.35714em;
  line-height: 1.42857em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
aside.main-menu ul {
  margin-left: 0.625em;
  margin-bottom: 0.625em;
  -webkit-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
  -moz-box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 3px 8px 0 rgba(0, 0, 0, 0.5);
}
aside.main-menu ul li {
  color: white;
  border: 0;
}
aside.main-menu ul li a {
  display: block;
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, #ffffff), color-stop(100%, #add3fb));
  background: -webkit-linear-gradient(left, #ffffff, #add3fb);
  background: -moz-linear-gradient(left, #ffffff, #add3fb);
  background: -o-linear-gradient(left, #ffffff, #add3fb);
  background: linear-gradient(left, #ffffff, #add3fb);
  color: #04274b;
  padding: 1.07143em;
  font-size: 0.875em;
  line-height: 1.07143em;
  font-weight: 400;
  border-bottom: 1px dotted #04274b;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-box-shadow: inset 0 1px 1px 1px white, inset 0 -1px 1px 0 rgba(4, 39, 75, 0.3);
  -moz-box-shadow: inset 0 1px 1px 1px white, inset 0 -1px 1px 0 rgba(4, 39, 75, 0.3);
  box-shadow: inset 0 1px 1px 1px white, inset 0 -1px 1px 0 rgba(4, 39, 75, 0.3);
}
aside.main-menu ul li:first-child a {
  -moz-border-radius-topleft: 5px;
  -webkit-border-top-left-radius: 5px;
  border-top-left-radius: 5px;
}
aside.main-menu ul li:last-child a {
  -moz-border-radius-bottomleft: 5px;
  -webkit-border-bottom-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-bottom: 0;
}
aside.main-menu ul li.selected a {
  color: white;
  background: #04274b;
  border: 0;
  font-weight: 600;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.4);
  -webkit-box-shadow: inset 0 -1px 1px 0 #031b35;
  -moz-box-shadow: inset 0 -1px 1px 0 #031b35;
  box-shadow: inset 0 -1px 1px 0 #031b35;
}

footer#main-footer {
  background: #1f262e;
  padding: 0.9375em 0 0 0;
  color: #dddddd;
  border-top: 0.0625em solid #141414;
}
footer#main-footer h5 {
  color: white;
  font-weight: 400;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  margin-bottom: 0.9375em;
}
footer#main-footer section {
  padding: 0.625em 0;
  margin: 0 1.875em;
}
footer#main-footer section#newsletter input {
  font-size: 1em;
  line-height: 1.875em;
  margin-bottom: 0.3125em;
  padding: 0;
  border: 1px solid black;
  width: 100%;
  height: 1.875em;
  padding: 0 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
footer#main-footer section#newsletter input.submit {
  font-size: 14px;
  padding: 0.5em 1.5em;
  color: white;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF031B35', endColorstr='#FF000000');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #031b35), color-stop(100%, #000204));
  background: -webkit-linear-gradient(#031b35, #000204);
  background: -moz-linear-gradient(#031b35, #000204);
  background: -o-linear-gradient(#031b35, #000204);
  background: linear-gradient(#031b35, #000204);
  -webkit-box-shadow: #07417d 0 1px 0 inset;
  -moz-box-shadow: #07417d 0 1px 0 inset;
  box-shadow: #07417d 0 1px 0 inset;
  border: 1px solid black;
  text-shadow: black 0 -1px 0;
  height: auto;
  padding: 0.4em 1.5em;
  font-weight: 400;
}
footer#main-footer section#newsletter input.submit:hover {
  text-decoration: none;
}
footer#main-footer section#newsletter input.submit:hover {
  background-color: black;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #020f1c), color-stop(100%, #000000));
  background: -webkit-linear-gradient(#020f1c, #000000);
  background: -moz-linear-gradient(#020f1c, #000000);
  background: -o-linear-gradient(#020f1c, #000000);
  background: linear-gradient(#020f1c, #000000);
}
footer#main-footer section#newsletter input.submit:active {
  -webkit-box-shadow: black 0 1px 2px inset;
  -moz-box-shadow: black 0 1px 2px inset;
  box-shadow: black 0 1px 2px inset;
}
footer#main-footer section#newsletter input.submit.disabled, footer#main-footer section#newsletter input.submit[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #000204;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
footer#main-footer section#newsletter input.submit::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}
footer#main-footer section#social a {
  margin: 0 0.3125em;
}
footer#main-footer section#about {
  margin: 0;
  padding: 1.25em 1.875em 0.625em;
  background: #1a1a1a;
  font-size: 0.875em;
  font-weight: 400;
  color: #9d9d9d;
}
footer#main-footer section#about p {
  font-size: 0.75em;
  margin-bottom: 0.625em;
}
footer#main-footer section#about #copyright {
  font-weight: 600;
}
footer#main-footer a {
  color: #04274b;
}
footer#main-footer hr {
  background: -webkit-gradient(linear, 0% 50%, 100% 50%, color-stop(0%, rgba(68, 68, 68, 0)), color-stop(50%, rgba(255, 255, 255, 0.5)), color-stop(100%, rgba(68, 68, 68, 0)));
  background: -webkit-linear-gradient(left, rgba(68, 68, 68, 0), rgba(255, 255, 255, 0.5), rgba(68, 68, 68, 0));
  background: -moz-linear-gradient(left, rgba(68, 68, 68, 0), rgba(255, 255, 255, 0.5), rgba(68, 68, 68, 0));
  background: -o-linear-gradient(left, rgba(68, 68, 68, 0), rgba(255, 255, 255, 0.5), rgba(68, 68, 68, 0));
  background: linear-gradient(left, rgba(68, 68, 68, 0), rgba(255, 255, 255, 0.5), rgba(68, 68, 68, 0));
  width: 80%;
  border: 0;
  height: 1px;
}

.primary-btn {
  font-size: 14px;
  padding: 0.5em 1.5em;
  color: white;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF04274B', endColorstr='#FF000000');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04274b), color-stop(100%, #010e1b));
  background: -webkit-linear-gradient(#04274b, #010e1b);
  background: -moz-linear-gradient(#04274b, #010e1b);
  background: -o-linear-gradient(#04274b, #010e1b);
  background: linear-gradient(#04274b, #010e1b);
  -webkit-box-shadow: #084d94 0 1px 0 inset;
  -moz-box-shadow: #084d94 0 1px 0 inset;
  box-shadow: #084d94 0 1px 0 inset;
  border: 1px solid #000102;
  text-shadow: black 0 -1px 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 0.5em 1.5em;
  display: block;
}
.primary-btn:hover {
  text-decoration: none;
}
.primary-btn:hover {
  background-color: #000102;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #031a33), color-stop(100%, #000102));
  background: -webkit-linear-gradient(#031a33, #000102);
  background: -moz-linear-gradient(#031a33, #000102);
  background: -o-linear-gradient(#031a33, #000102);
  background: linear-gradient(#031a33, #000102);
}
.primary-btn:active {
  -webkit-box-shadow: black 0 1px 2px inset;
  -moz-box-shadow: black 0 1px 2px inset;
  box-shadow: black 0 1px 2px inset;
}
.primary-btn.disabled, .primary-btn[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #010e1b;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.primary-btn::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}

.secondary-btn {
  font-size: 14px;
  padding: 0.5em 1.5em;
  color: white;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCCCCCC', endColorstr='#FF999999');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cccccc), color-stop(100%, #b3b3b3));
  background: -webkit-linear-gradient(#cccccc, #b3b3b3);
  background: -moz-linear-gradient(#cccccc, #b3b3b3);
  background: -o-linear-gradient(#cccccc, #b3b3b3);
  background: linear-gradient(#cccccc, #b3b3b3);
  -webkit-box-shadow: #f2f2f2 0 1px 0 inset;
  -moz-box-shadow: #f2f2f2 0 1px 0 inset;
  box-shadow: #f2f2f2 0 1px 0 inset;
  border: 1px solid #a6a6a6;
  text-shadow: #8a8a8a 0 -1px 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 0.5em 1.5em;
  display: block;
}
.secondary-btn:hover {
  text-decoration: none;
}
.secondary-btn:hover {
  background-color: #a6a6a6;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #bfbfbf), color-stop(100%, #a6a6a6));
  background: -webkit-linear-gradient(#bfbfbf, #a6a6a6);
  background: -moz-linear-gradient(#bfbfbf, #a6a6a6);
  background: -o-linear-gradient(#bfbfbf, #a6a6a6);
  background: linear-gradient(#bfbfbf, #a6a6a6);
}
.secondary-btn:active {
  -webkit-box-shadow: #9e9e9e 0 1px 2px inset;
  -moz-box-shadow: #9e9e9e 0 1px 2px inset;
  box-shadow: #9e9e9e 0 1px 2px inset;
}
.secondary-btn.disabled, .secondary-btn[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #b3b3b3;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.secondary-btn::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}

.alert-btn {
  font-size: 14px;
  padding: 0.5em 1.5em;
  color: white;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFCC0000', endColorstr='#FF660000');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #cc0000), color-stop(100%, #990000));
  background: -webkit-linear-gradient(#cc0000, #990000);
  background: -moz-linear-gradient(#cc0000, #990000);
  background: -o-linear-gradient(#cc0000, #990000);
  background: linear-gradient(#cc0000, #990000);
  -webkit-box-shadow: #ff1a1a 0 1px 0 inset;
  -moz-box-shadow: #ff1a1a 0 1px 0 inset;
  box-shadow: #ff1a1a 0 1px 0 inset;
  border: 1px solid maroon;
  text-shadow: #470000 0 -1px 0;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  padding: 0.5em 1.5em;
  display: block;
}
.alert-btn:hover {
  text-decoration: none;
}
.alert-btn:hover {
  background-color: maroon;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #b30000), color-stop(100%, #800000));
  background: -webkit-linear-gradient(#b30000, #800000);
  background: -moz-linear-gradient(#b30000, #800000);
  background: -o-linear-gradient(#b30000, #800000);
  background: linear-gradient(#b30000, #800000);
}
.alert-btn:active {
  -webkit-box-shadow: #700000 0 1px 2px inset;
  -moz-box-shadow: #700000 0 1px 2px inset;
  box-shadow: #700000 0 1px 2px inset;
}
.alert-btn.disabled, .alert-btn[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #990000;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
.alert-btn::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}

.hidden {
  display: none;
}

.winnie-pooh {
  display: none;
}

.box {
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  background: #f6f6f6;
  padding: 0.625em;
  -webkit-box-shadow: inset 0 0 15px 3px rgba(4, 39, 75, 0.8);
  -moz-box-shadow: inset 0 0 15px 3px rgba(4, 39, 75, 0.8);
  box-shadow: inset 0 0 15px 3px rgba(4, 39, 75, 0.8);
  border: 1px solid #010c17;
}

/* HOME */
#home-banner {
  margin-bottom: 1.25em;
}

#primary {
  background: #cccccc;
  padding: 0.625em 0;
}
#primary h2 {
  margin-bottom: 0.625em;
}

.m-item {
  position: relative;
  text-align: center;
  margin: 0 1.875em;
}
.m-item img {
  display: inline-block;
  text-align: center;
}
.m-item span.name {
  background: rgba(23, 23, 23, 0.6);
  color: white;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.7);
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  font-weight: 400;
  font-size: 0.75em;
  padding: 1em;
}
.m-item span.price {
  position: absolute;
  top: 0px;
  right: 0.5em;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, rgba(4, 39, 75, 0.5)), color-stop(100%, rgba(4, 39, 75, 0.95)));
  background: -webkit-linear-gradient(top, rgba(4, 39, 75, 0.5), rgba(4, 39, 75, 0.95));
  background: -moz-linear-gradient(top, rgba(4, 39, 75, 0.5), rgba(4, 39, 75, 0.95));
  background: -o-linear-gradient(top, rgba(4, 39, 75, 0.5), rgba(4, 39, 75, 0.95));
  background: linear-gradient(top, rgba(4, 39, 75, 0.5), rgba(4, 39, 75, 0.95));
  color: white;
  font-size: 0.875em;
  font-weight: 600;
  padding: 0.8em 0.8em;
  -webkit-border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -ms-border-radius: 0 0 5px 5px;
  -o-border-radius: 0 0 5px 5px;
  border-radius: 0 0 5px 5px;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
  -webkit-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  -moz-box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
  box-shadow: 0 1px 5px 0 rgba(0, 0, 0, 0.3);
}
.m-item span.price del {
  font-weight: 400;
  font-size: 80%;
}

.m-carousel-bulleted a.m-active {
  background: rgba(4, 39, 75, 0.5);
}

#secondary {
  overflow: hidden;
  *zoom: 1;
  padding: 0.625em 0;
}

.product {
  padding: 0.625em 1.25em;
  overflow: hidden;
  *zoom: 1;
}
.product .img {
  float: left;
  max-width: 50%;
}
.product p {
  float: left;
  max-width: 45%;
  text-align: left;
  margin-left: 5%;
}
.product span, .product del {
  margin-bottom: 0.3125em;
}
.product .name {
  font-weight: 400;
  display: block;
  color: #4b4b4b;
}
.product .compare-price {
  font-weight: 300;
  display: block;
  color: #4b4b4b;
}
.product .price {
  font-weight: 600;
  display: block;
  color: #04274b;
}

/* CATEGORY */
.breadcrumb {
  padding: 1.53846em 0;
  margin: 0 1.53846em;
  text-align: left;
  font-size: 0.8125em;
  border-bottom: 1px dotted #3292f4;
  border-top: 1px dotted #3292f4;
}
.breadcrumb ul li {
  display: inline;
}
.breadcrumb ul li:after {
  content: "/";
  padding: 0 0.5em;
  color: rgba(102, 102, 102, 0.5);
  font-weight: 400;
}
.breadcrumb ul li:last-child:after {
  content: "";
}
.breadcrumb a {
  color: #04274b;
  font-weight: 600;
  text-decoration: underline;
}

#subcategories {
  padding: 0.9375em 1.25em;
}
#subcategories label {
  display: block;
  font-size: 0.875em;
  font-weight: 600;
  text-align: left;
}
#subcategories select {
  width: 100%;
  font-size: 1em;
  line-height: 1.2em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.9375em;
}

.search-results {
  clear: both;
  border-color: #b3b3b3;
  border-style: solid;
  border-width: 1px 0;
  padding: 0.625em 0;
  background-color: #cccccc;
  color: #27394b;
  font-weight: 400;
  font-size: 0.875em;
  margin: 0.625em 0 1.25em;
  -webkit-box-shadow: 0 2px 3px 1px rgba(204, 204, 204, 0.3);
  -moz-box-shadow: 0 2px 3px 1px rgba(204, 204, 204, 0.3);
  box-shadow: 0 2px 3px 1px rgba(204, 204, 204, 0.3);
}

.pagination {
  clear: both;
  background: #cccccc;
  padding: 0.625em 1.25em;
}
.pagination a {
  display: inline-block;
  color: #04274b;
  font-weight: 400;
  font-size: 0.75em;
  line-height: 2.5em;
  padding: 0 0.5em;
}
.pagination strong {
  padding: 0 0.5em;
  font-weight: 600;
  font-size: 0.75em;
  line-height: 2.5em;
}

/* PRODUCT */
section#product h1 {
  font-size: 1.81818em;
  margin-bottom: 0.625em;
  padding-top: 0.5em;
}
section#product .m-carousel {
  background: #cccccc;
  padding: 1.25em;
  margin-bottom: 0.9375em;
}
section#product #price {
  width: 50%;
  margin: 0 auto;
  padding: 0.625em;
  background: rgba(4, 39, 75, 0.2);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
section#product #price .price {
  font-size: 1.875em;
  font-weight: 600;
  color: #04274b;
}
section#product #price .installments {
  font-size: 0.8125em;
}
section#product #variations {
  padding: 0.9375em 1.25em 0;
  text-align: left;
}
section#product #variations label {
  display: block;
  font-size: 0.875em;
  font-weight: 600;
}
section#product #variations input, section#product #variations select {
  width: 100%;
  font-size: 1em;
  line-height: 1.2em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.9375em;
}
section#product #variations .primary-btn {
  padding: 1em 1.5em;
}
section#product #product-description {
  font-family: "Open Sans", sans-serif !important;
  text-align: left;
  padding: 0.9375em 1.25em;
}
section#product #product-share {
  padding: 0.9375em 1.25em;
}
section#product #product-share div {
  display: inline;
  padding-right: 0.625em;
}

/* CONTACT */
section#contact {
  padding: 0 1.25em 0.9375em;
  font-size: 1em;
}
section#contact h2 {
  text-align: center;
  margin-bottom: 0.90909em;
}
section#contact #info {
  margin: 0 0 1.25em;
  padding: 0.9375em;
}
section#contact #info p {
  margin-bottom: 1em;
}
section#contact #info em {
  font-weight: 400;
}
section#contact #info address {
  text-align: left;
  background: #d9d9d9;
  padding: 0.625em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
section#contact #contact-form {
  text-align: left;
}
section#contact #contact-form input, section#contact #contact-form select, section#contact #contact-form textarea {
  font-size: 1em;
  line-height: 1.875em;
  margin-bottom: 0.9375em;
  padding: 0;
  width: 100%;
  padding: 0 1em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
}
section#contact #contact-form label {
  display: block;
  font-size: 0.875em;
  font-weight: 600;
  margin-bottom: 2px;
}
section#contact #contact-form .primary-btn {
  padding: 0.5em;
}

/* PAGE */
section#page h1 {
  padding: 0.68182em;
}
section#page #page-content {
  text-align: left;
  padding: 0 1.25em 0.9375em;
  line-height: 1.3em;
}

/* CART */
.template-cart .title {
  margin: 1.25em;
}

section#my-cart {
  padding: 0.9375em;
}
section#my-cart h1 {
  margin-bottom: 0.68182em;
}
section#my-cart .primary-btn, section#my-cart .alert-btn {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

section#cart-products article {
  position: relative;
  margin-bottom: 0.9375em;
  text-align: left;
  padding: 0.625em 2.5em 0.625em 0.625em;
  background: #d9d9d9;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  overflow: hidden;
  *zoom: 1;
}
section#cart-products article .remove {
  position: absolute;
  top: 0.2em;
  right: 0.2em;
  font-size: 1.875em;
}
section#cart-products article div.info {
  float: left;
  max-width: 65%;
  margin-left: 5%;
}
section#cart-products article p {
  font-size: 0.8125em;
  padding: 0.3125em 0;
}
section#cart-products article p.name {
  font-weight: 600;
}
section#cart-products article p.quantity .change-quantity-btn {
  font-weight: 500;
}
section#cart-products article p.price {
  color: #04274b;
  font-weight: 600;
}
section#cart-products article div.change-quantity {
  background: #04274b;
  padding: 0.625em;
  text-align: center;
  overflow: hidden;
  *zoom: 1;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
section#cart-products article div.change-quantity input {
  float: left;
  width: 67%;
  font-size: 1em;
  line-height: 1.2em;
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  margin-bottom: 0.3125em;
  -webkit-transform: translate3d(0, 0, 0);
  -webkit-user-modify: read-write-plaintext-only;
}
section#cart-products article div.change-quantity p {
  font-size: 0.8125em;
  margin-bottom: 0.3125em;
  font-weight: 600;
  color: white;
}
section#cart-products article div.change-quantity .close-btn {
  float: left;
  width: 28%;
  margin-left: 5%;
  padding: 0.5em;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
section#cart-products article img {
  float: left;
  max-width: 30%;
}
section#cart-products .total {
  background: #ccd3db;
  color: #4b4b4b;
  font-size: 1.125em;
  line-height: 2.22222em;
  margin-bottom: 0.9375em;
  font-weight: 600;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}

p.error {
  background: #cc0000;
  color: white;
  font-size: 0.875em;
  text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5);
  padding: 1.07143em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  margin: 0.9375em;
}

#error {
  margin: 1.25em;
}

#shipping-calculator {
  background: #d9d9d9;
  padding: 0.625em;
  margin-bottom: 0.625em;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#shipping-calculator p {
  margin-bottom: 0.625em;
  font-size: 0.875em;
}
#shipping-calculator input {
  font-size: 0.8125em;
  line-height: 1.92308em;
  padding: 0 0.3em;
  border: 1px solid black;
}
#shipping-calculator #calculate-shipping-btn {
  font-size: 0.8125em;
  padding: 0.5em 1.5em;
  color: white;
  display: inline-block;
  cursor: pointer;
  text-decoration: none;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
  *zoom: 1;
  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FF04274B', endColorstr='#FF000000');
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #04274b), color-stop(100%, #010e1b));
  background: -webkit-linear-gradient(#04274b, #010e1b);
  background: -moz-linear-gradient(#04274b, #010e1b);
  background: -o-linear-gradient(#04274b, #010e1b);
  background: linear-gradient(#04274b, #010e1b);
  -webkit-box-shadow: #084d94 0 1px 0 inset;
  -moz-box-shadow: #084d94 0 1px 0 inset;
  box-shadow: #084d94 0 1px 0 inset;
  border: 1px solid #000102;
  text-shadow: black 0 -1px 0;
}
#shipping-calculator #calculate-shipping-btn:hover {
  text-decoration: none;
}
#shipping-calculator #calculate-shipping-btn:hover {
  background-color: #000102;
  background: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #031a33), color-stop(100%, #000102));
  background: -webkit-linear-gradient(#031a33, #000102);
  background: -moz-linear-gradient(#031a33, #000102);
  background: -o-linear-gradient(#031a33, #000102);
  background: linear-gradient(#031a33, #000102);
}
#shipping-calculator #calculate-shipping-btn:active {
  -webkit-box-shadow: black 0 1px 2px inset;
  -moz-box-shadow: black 0 1px 2px inset;
  box-shadow: black 0 1px 2px inset;
}
#shipping-calculator #calculate-shipping-btn.disabled, #shipping-calculator #calculate-shipping-btn[disabled] {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=60);
  opacity: 0.6;
  background: #010e1b;
  cursor: default;
  -webkit-box-shadow: none;
  -moz-box-shadow: none;
  box-shadow: none;
}
#shipping-calculator #calculate-shipping-btn::-moz-focus-inner {
  padding: 0 !important;
  margin: -1px !important;
}
#shipping-calculator ul li {
  margin-bottom: 0.625em;
  overflow: hidden;
  text-align: center;
}
#shipping-calculator ul li input {
  position: absolute;
  top: -999px;
  left: -999px;
}
#shipping-calculator ul li label {
  display: block;
  padding: 0.625em;
  text-align: center;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  -ms-border-radius: 5px;
  -o-border-radius: 5px;
  border-radius: 5px;
}
#shipping-calculator ul li label span {
  display: block;
  font-size: 0.875em;
}
#shipping-calculator ul li label img {
  margin-bottom: 0.625em;
}
#shipping-calculator ul li input:checked ~ label {
  background: #04274b;
}
#shipping-calculator ul li input:checked ~ label span {
  color: white;
  font-weight: 600;
}